html dir标签废弃,这些废弃的 HTML 标签不要用

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

本文导航

-

-

-

-

-

-

-

-

-

-

-

-

-

-

-

-

-

-

-

-

-

-

-

-

-

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

首字母缩写，例如 WWW

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

WWWinc.

推荐用，不要用(忽略上面提到的语义上的差异)。

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

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

推荐使用绘图，或者用+嵌入 flash代替。

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

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

标签只有 IE 支持。

推荐直接给

元素定义默认字体，所有子元素都会继承这些属性值。

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

推荐使用或者+来代替，例如：

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

大1号大2号

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

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

Why would somebody use this?

支持性很差，不推荐使用，同样不推荐使用(各大浏览器支持，但没有任何效果)：

This should be avoided as well.

建议采用代替

使内容居中，例如：

文本及子元素会居中

效果类似于如下 CSS：

text-align:center;

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

目录列表，例如：

html

xhtml

css

效果和

• 基本相同，浏览器默认样式下列表项的左边距有细微差异。

不推荐使用，建议根据语义采用

• 、

1. 或者

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

This is some text!

属性值和一样。

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

配合

分栏，例如：

注意：用

替换掉。

复杂的后台页面会用到

+布局，当然也可以采用 float/flex+Ajax 实现，根据具体场景来定。

见。

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

The reality dysfunction

Space is not the only void

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

建议采用代替，例如：

The reality dysfunction

Space is not the only void

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

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

[2]千万不要用：

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

不用管它是什么，[3]了：

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

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

此处输入滚动内容

这里是输入文字的地方，还可以放图片代码、Flash动画代码和gif动态小图代码。

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

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

[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.

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

禁止换行，例如：

Our telephone number is0800 123 123 123.

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

white-space:nowrap;

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

You can inflate the tyre by holding the pump at 90 degree angleto the valve, as shown in the image above.

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

在浏览器不支持

+时，显示内容，类似于，例如：

Sorry, your browser does not handle frames!

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

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

忽略内容中的html标签，作用类似于

，例如：

The markup for this is:

Main heading goes here

First paragraph goes here

Sub-heading goes here

.

不推荐使用，建议根据语义用

或者代替。

插入空白white spaces，例如：

Just a text nodeJust another text node

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

删除线，效果类似于和，例如：

Version 2.0 is not yet available! now available!

不推荐使用，建议用代替。

键盘输入(teletype)，例如：

Teletype text

不推荐使用，建议根据语义用(键盘按键)、(变量)、(代码)、(样例输出)或者CSS代替。

80 列的样例输出，样式效果类似于

，语义类似于，例如：StockIDDescriptionPriceQuantityinStock-----------------------------------------116InflatableArmchair21.5013119WalkieTalkie40.2044

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

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