0°

这些废弃的 HTML 标签不要用

内容预览:
  • </marquee> 多用来实现公告,虽然已经过时了,但效果确实很强大,...~
  • <spacer> 插入空白white spaces,例如: <span>Just a text...~
  • <tt> 键盘输入(teletype),例如: <p><tt>Teletype...~

始发于微信公众号: 程序员大咖

点击上方蓝色字体关注「程序员大咖」


本文导航
  • <acronym>

  • <applet>

  • <basefont>

  • <bgsound>

  • <big>

  • <blink>

  • <center>

  • <dir>

  • <font>

  • <frame>

  • <frameset>

  • <hgroup>

  • <isindex>

  • <listing>

  • <marquee>

  • <multicol>

  • <nextid>

  • <nobr>

  • <noembed>

  • <noframes>

  • <plaintext>

  • <spacer>

  • <strike>

  • <tt>

  • <xmp>


HTML 已经发展了多年,现在 W3C 已经发布了 [1],一些陈旧废弃的标签已经在后继的标准中逐渐消失。这里为大家列出那些已经被废弃 HTML 标签,看看你是不是还在使用它们。

这些废弃的 HTML 标签不要用

<acronym>

首字母缩写,例如 [2]千万不要用:

No, really, don’t use it. This element is deprecated. It is not implemented anymore.

具体用法可以参考 。

<listing>

不用管它是什么,[3]了:

This element is obsolete and should no longer be used. Use HTMLPreElement, code or CSS instead. Renders text in a fixed-width font.

<marquee>

滚动字幕,效果很强大,例如:

  1. <marquee bgcolor="#ccffff" vspace="10" direction="up" height="104" width="22.35%" loop="3" scrollamount="1" scrolldelay="10" hspace="20">

  2. <p align="center"><font color="#000000">此处输入滚动内容</font></p></marquee>

  3. <marquee>这里是输入文字的地方,还可以放图片代码、Flash动画代码和gif动态小图代码。</marquee>

多用来实现公告,虽然已经过时了,但效果确实很强大,而且支持性良好。

<multicol>

用来实现多列布局,不建议使用,任何主流浏览器都不曾支持过。

[4]称其从未被任何主流浏览器支持过:

The HTML element was an experimental element designed to allow multi-column layouts. It never got any significant traction and is not implemented in any major browsers.

<nextid>

作用未知,支持性未知,不建议使用。

<nobr>

禁止换行,例如:

  1. <p>Our telephone number is <nobr>0800 123 123 123</nobr>.</p>

不推荐使用,建议用 CSS 代替:

  1. white-space: nowrap;

<noembed>

在浏览器不支持<embed>时,显示内容,类似于<noscript>,例如:

  1. <noembed>

  2. <img src="/images/inflate.jpg" alt="Inflate the tyre by holding the

  3. pump at 90 degree angle to the valve">

  4. <p>You can inflate the tyre by holding the pump at 90 degree angle

  5. to the valve, as shown in the image above.</p>

  6. </noembed>

不推荐使用,如果需要考虑兼容性的话,建议采用<object>+<embed>+<noembed>(embed / noembed 作为 object 的回退)。

<noframes>

在浏览器不支持<frameset>+<frame>时,显示内容,类似于<noscript>,例如:

  1. <html>

  2. <frameset cols="25%,50%,25%">

  3.  <frame src="frame_a.htm">

  4.  <frame src="frame_b.htm">

  5.  <frame src="frame_c.htm">

  6.  <noframes>Sorry, your browser does not handle frames!</noframes>

  7. </frameset>

  8. </html>

<noframe>标签中可以包含任何能够出现在<body>中的标签。

如果需要考虑兼容性的话,可以作为<frame>的回退,建议采用 float/flex + Ajax 实现,根据具体场景来定。

<plaintext>

忽略内容中的html标签,作用类似于<pre>,例如:

  1. <p>The markup for this is:</p>

  2. <plaintext>

  3.    <h1>Main heading goes here</h1>

  4.    <p>First paragraph goes here</p>

  5.    <h2>Sub-heading goes here</h2>

  6. </plaintext>.

  7. </body>

  8. </html>

不推荐使用,建议根据语义用<pre>或者<code>代替。

<spacer>

插入空白white spaces,例如:

  1. <span>Just a text node</span>

  2. <spacer type="horizontal" size="10"></spacer>

  3. <span>Just another text node</span>

  4. <spacer type="block" width="10" height="10"></spacer>

主流浏览器都不支持,不推荐使用。

<strike>

删除线,效果类似于<del><s>,例如:

  1. <p>Version 2.0 is <strike>not yet available!</strike> now available!</p>

不推荐使用,建议用<del>代替。

<tt>

键盘输入(teletype),例如:

  1. <p><tt>Teletype text</tt></p>

不推荐使用,建议根据语义用<kbd>(键盘按键)、<var>(变量)、<code>(代码)、<samp>(样例输出)或者CSS代替。

<xmp>

80 列的样例输出,样式效果类似于<pre>,语义类似于<samp>,例如:

  1. <xmp>

  2. Stock ID    Description             Price         Quantity in Stock

  3. --------    -----------             -----         -----------------

  4. 116         Inflatable Armchair     21.50                13

  5. 119         Walkie Talkie           40.20                44

  6. </xmp>

目前浏览器支持该标签,但不限制 80 列。

不推荐使用,建议采用<samp>代替。

转载自: 
作者: 黯羽清扬



以上就是:这些废弃的 HTML 标签不要用 的全部内容。

本站部分内容来源于互联网和用户投稿,如有侵权请联系我们删除,谢谢。
Email:[email protected]


0 条回复 A 作者 M 管理员
    所有的伟大,都源于一个勇敢的开始!
欢迎您,新朋友,感谢参与互动!欢迎您 {{author}},您在本站有{{commentsCount}}条评论