黑帽联盟»论坛 › 编程/设计/数据库 › 编程开发 › 这些废弃的html标签不要用

查看: 2052|回复: 0

[html] 这些废弃的html标签不要用

[复制链接]

yun

920 主题	37 听众	1364 积分

超级版主

Rank: 8 Rank: 8

TA的每日心情

	奋斗 2019-10-18 11:20

签到天数: 678 天

[LV.9]以坛为家II

电梯直达

楼主

|只看该作者 |倒序浏览

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

<acronym>

首字母缩写，例如 WWW

类似的有<abbr>标签，表示单词缩写，例如 <abbr>inc.</abbr>。语法如下：

<acronym title="World Wide Web">WWW</acronym>
<abbr title="incorporated">inc.</abbr>

推荐用<abbr>，不要用<acronym>（忽略上面提到的语义上的差异）。

<applet>

Java 小应用程序，主要提供绘图功能（在页面上通过代码绘制一些东西），例如：

<applet code="ShowImage.class" width=600 height=400 archive="Imagetest.jar"></applet>

目前几乎没什么用了，因为运行需要 JRE，而目前主流浏览器并不默认安装 JRE。

推荐使用<canvas>绘图，或者用<object>+<embed>嵌入 flash代替<applet>。

注意：使用<object>+<embed>是为了更好的兼容性，如果场景允许，推荐使用<object>。

<basefont>

<basefont>标签定义基准字体。该标签可以为文档中的所有文本定义默认字体颜色、字体大小和字体系列，例如：

<basefont color="red" size="5" face="Arial" />

<basefont>标签只有 IE 支持。

推荐直接给<body>元素定义默认字体，所有子元素都会继承这些属性值。

<bgsound>

用来添加背景音乐，例如：

<bgsound src="your.mid" autostart="true" loop="infinite">

推荐使用<audio>或者<object>+<embed>来代替，例如：

<embed src="your.mid" autostart="true" loop="true" hidden="true">

<big>

用来放大字体，放大一号（嵌套多层可以放大更多），不支持的浏览器显示粗体，例如：

<big>大1号</big><big><big>大2号</big></big>

至于“号”是怎么定义的就别管了，不推荐使用，建议根据语义采用<em>、<strong>或者自定义样式类代替。

<blink>

可以实现闪烁效果，例如：

<blink>Why would somebody use this?</blink>

支持性很差，不推荐使用，同样不推荐使用（各大浏览器支持<blink>，但没有任何效果）：

<p>This should be avoided as well.</p>

建议采用<animation>代替

<center>

使内容居中，例如：

<center>文本及子元素会居中</center>

效果类似于如下 CSS：

text-align: center;

不建议使用，确实没有任何理由去用。

<dir>

目录列表，例如：

<dir>
<li>html</li>
<li>xhtml</li>
<li>css</li>
</dir>

效果和<ul>基本相同，浏览器默认样式下列表项的左边距有细微差异。

不推荐使用，建议根据语义采用<ul>、<ol>或者<dl>。

<font>

用来定义字体、字号和颜色，例如：

<font face="verdana" color="green" size="3">This is some text!</font>

属性值和<basefont>一样。

不推荐使用，建议用 CSS 代替，没理由用这个标签。

<frame>

配合<frameset>分栏，例如：

<!DOCTYPE html>
<html>
<frameset cols="25%,*,25%">
<frame src="frame_a.htm">
<frame src="frame_b.htm">
<frame src="frame_c.htm">
</frameset>
</html>

注意：用<frameset>替换掉<body>。

复杂的后台页面会用到<frameset>+<frame>布局，当然也可以采用 float/flex+Ajax 实现，根据具体场景来定。

<frameset>

见<frame>。

<hgroup>

给一系列标题分组，例如：

<hgroup>
<h1>The reality dysfunction</h1>
<h2>Space is not the only void</h2>
</hgroup>

虽然提供了一点语义，但因为已经过时，所以不推荐使用。

建议采用<header>代替，例如：

<header>
<h1>The reality dysfunction</h1>
<p class="subheading">Space is not the only void</p>
</header>

<isindex>

单行文本控件，初始显示prompt属性值，例如：

<isindex prompt="string" />

目前支持性很差，不推荐使用，建议用<input>元素代替。

W3C 建议千万不要用：

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

具体用法可以参考 http://reference.sitepoint.com/html/isindex。

<listing>

不用管它是什么，微软都不建议使用了：

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

<marquee>

滚动字幕，效果很强大，例如：

<marquee bgcolor="#ccffff" vspace="10" direction="up" height="104" width="22.35%" loop="3" scrollamount="1" scrolldelay="10" hspace="20">
<p align="center"><font color="#000000">此处输入滚动内容</font></p></marquee>
<marquee>这里是输入文字的地方，还可以放图片代码、Flash动画代码和gif动态小图代码。</marquee>

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

<multicol>

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

MDN称其从未被任何主流浏览器支持过：

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>

禁止换行，例如：

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

不推荐使用，建议用 CSS 代替：

white-space: nowrap;

<noembed>

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

<noembed>
<img src="/images/inflate.jpg" alt="Inflate the tyre by holding the
pump at 90 degree angle to the valve">
<p>You can inflate the tyre by holding the pump at 90 degree angle
to the valve, as shown in the image above.</p>
</noembed>

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

<noframes>

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

<html>
<frameset cols="25%,50%,25%">
<frame src="frame_a.htm">
<frame src="frame_b.htm">
<frame src="frame_c.htm">
<noframes>Sorry, your browser does not handle frames!</noframes>
</frameset>
</html>

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

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

<plaintext>

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

<p>The markup for this is:</p>
<plaintext>
<h1>Main heading goes here</h1>
<p>First paragraph goes here</p>
<h2>Sub-heading goes here</h2>
</plaintext>.
</body>
</html>

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

<spacer>

插入空白white spaces，例如：

<span>Just a text node</span>
<spacer type="horizontal" size="10"></spacer>
<span>Just another text node</span>
<spacer type="block" width="10" height="10"></spacer>

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

<strike>

删除线，效果类似于<del>和<s>，例如：

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

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

<tt>

键盘输入（teletype），例如：

<p><tt>Teletype text</tt></p>

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

<xmp>

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

<xmp>
Stock ID Description Price Quantity in Stock
-------- ----------- ----- -----------------
116 Inflatable Armchair 21.50 13
119 Walkie Talkie 40.20 44
</xmp>

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

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

html标签, html

转播0 淘帖0 分享0 收藏0 赞0 踩0

帖子永久地址：

黑帽联盟 - 论坛版权1、本主题所有言论和图片纯属会员个人意见，与本论坛立场无关
2、本站所有主题由该帖子作者发表，该帖子作者与黑帽联盟享有帖子相关版权
3、其他单位或个人使用、转载或引用本文时必须同时征得该帖子作者和黑帽联盟的同意
4、帖子作者须承担一切因本文发表而直接或间接导致的民事或刑事法律责任
5、本帖部分内容转载自其它媒体，但并不代表本站赞同其观点和对其真实性负责
6、如本帖侵犯到任何版权问题，请立即告知本站，本站将及时予与删除并致以最深的歉意
7、黑帽联盟管理员和版主有权不事先通知发贴者而删除本文

使用道具举报

返回列表

		自动登录	找回密码
密码			会员注册

[html] 这些废弃的html标签不要用

个人中心