阿里云-云小站(无限量代金券发放中)
【腾讯云】云服务器、云数据库、COS、CDN、短信等热卖云产品特惠抢购

W3C 不要再使用废弃的 HTML 标签

298次阅读
没有评论

共计 4729 个字符,预计需要花费 12 分钟才能阅读完成。

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

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"&gt</applet&gt

目前几乎没什么用了,因为运行需要 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="https://www.linuxprobe.com/your.mid" autostart="true" loop="infinite">

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

<embed src="https://www.linuxprobe.com/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="https://www.linuxprobe.com/frame_a.htm">
  <frame src="https://www.linuxprobe.com/frame_b.htm">
  <frame src="https://www.linuxprobe.com/frame_c.htm">
</frameset>

</html>

注意:用 <frameset> 替换掉<body>

复杂的后台页面会用到<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 建议千万不要用:

阿里云 2 核 2G 服务器 3M 带宽 61 元 1 年,有高配

腾讯云新客低至 82 元 / 年,老客户 99 元 / 年

代金券:在阿里云专用满减优惠券

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

<listing>

不用管它是什么,微软都不建议使用了:

阿里云 2 核 2G 服务器 3M 带宽 61 元 1 年,有高配

腾讯云新客低至 82 元 / 年,老客户 99 元 / 年

代金券:在阿里云专用满减优惠券

<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 称其从未被任何主流浏览器支持过:

阿里云 2 核 2G 服务器 3M 带宽 61 元 1 年,有高配

腾讯云新客低至 82 元 / 年,老客户 99 元 / 年

代金券:在阿里云专用满减优惠券

<nextid>

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

<nobr>

禁止换行,例如:

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

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

white-space: nowrap;
<noembed>

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

<noembed>
<img src="https://www.linuxprobe.com/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="https://www.linuxprobe.com/frame_a.htm">
  <frame src="https://www.linuxprobe.com/frame_b.htm">
  <frame src="https://www.linuxprobe.com/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> 代替。

阿里云 2 核 2G 服务器 3M 带宽 61 元 1 年,有高配

腾讯云新客低至 82 元 / 年,老客户 99 元 / 年

代金券:在阿里云专用满减优惠券

正文完
星哥玩云-微信公众号
post-qrcode
 0
星锅
版权声明:本站原创文章,由 星锅 于2024-07-24发表,共计4729字。
转载说明:除特殊说明外本站文章皆由CC-4.0协议发布,转载请注明出处。
【腾讯云】推广者专属福利,新客户无门槛领取总价值高达2860元代金券,每种代金券限量500张,先到先得。
阿里云-最新活动爆款每日限量供应
评论(没有评论)
验证码
【腾讯云】云服务器、云数据库、COS、CDN、短信等云产品特惠热卖中

星哥玩云

星哥玩云
星哥玩云
分享互联网知识
用户数
4
文章数
19348
评论数
4
阅读量
7804141
文章搜索
热门文章
开发者必备神器:阿里云 Qoder CLI 全面解析与上手指南

开发者必备神器:阿里云 Qoder CLI 全面解析与上手指南

开发者必备神器:阿里云 Qoder CLI 全面解析与上手指南 大家好,我是星哥。之前介绍了腾讯云的 Code...
星哥带你玩飞牛NAS-6:抖音视频同步工具,视频下载自动下载保存

星哥带你玩飞牛NAS-6:抖音视频同步工具,视频下载自动下载保存

星哥带你玩飞牛 NAS-6:抖音视频同步工具,视频下载自动下载保存 前言 各位玩 NAS 的朋友好,我是星哥!...
云服务器部署服务器面板1Panel:小白轻松构建Web服务与面板加固指南

云服务器部署服务器面板1Panel:小白轻松构建Web服务与面板加固指南

云服务器部署服务器面板 1Panel:小白轻松构建 Web 服务与面板加固指南 哈喽,我是星哥,经常有人问我不...
我把用了20年的360安全卫士卸载了

我把用了20年的360安全卫士卸载了

我把用了 20 年的 360 安全卫士卸载了 是的,正如标题你看到的。 原因 偷摸安装自家的软件 莫名其妙安装...
星哥带你玩飞牛NAS-3:安装飞牛NAS后的很有必要的操作

星哥带你玩飞牛NAS-3:安装飞牛NAS后的很有必要的操作

星哥带你玩飞牛 NAS-3:安装飞牛 NAS 后的很有必要的操作 前言 如果你已经有了飞牛 NAS 系统,之前...
阿里云CDN
阿里云CDN-提高用户访问的响应速度和成功率
随机文章
星哥带你玩飞牛NAS-3:安装飞牛NAS后的很有必要的操作

星哥带你玩飞牛NAS-3:安装飞牛NAS后的很有必要的操作

星哥带你玩飞牛 NAS-3:安装飞牛 NAS 后的很有必要的操作 前言 如果你已经有了飞牛 NAS 系统,之前...
小白也能看懂:什么是云服务器?腾讯云 vs 阿里云对比

小白也能看懂:什么是云服务器?腾讯云 vs 阿里云对比

小白也能看懂:什么是云服务器?腾讯云 vs 阿里云对比 星哥玩云,带你从小白到上云高手。今天咱们就来聊聊——什...
颠覆 AI 开发效率!开源工具一站式管控 30+大模型ApiKey,秘钥付费+负载均衡全搞定

颠覆 AI 开发效率!开源工具一站式管控 30+大模型ApiKey,秘钥付费+负载均衡全搞定

  颠覆 AI 开发效率!开源工具一站式管控 30+ 大模型 ApiKey,秘钥付费 + 负载均衡全...
让微信公众号成为 AI 智能体:从内容沉淀到智能问答的一次升级

让微信公众号成为 AI 智能体:从内容沉淀到智能问答的一次升级

让微信公众号成为 AI 智能体:从内容沉淀到智能问答的一次升级 大家好,我是星哥,之前写了一篇文章 自己手撸一...
优雅、强大、轻量开源的多服务器监控神器

优雅、强大、轻量开源的多服务器监控神器

优雅、强大、轻量开源的多服务器监控神器 在多台服务器同时运行的环境中,性能监控、状态告警、资源可视化 是运维人...

免费图片视频管理工具让灵感库告别混乱

一言一句话
-「
手气不错
一句话生成拓扑图!AI+Draw.io 封神开源组合,工具让你的效率爆炸

一句话生成拓扑图!AI+Draw.io 封神开源组合,工具让你的效率爆炸

一句话生成拓扑图!AI+Draw.io 封神开源组合,工具让你的效率爆炸 前言 作为天天跟架构图、拓扑图死磕的...
恶意团伙利用 PHP-FPM 未授权访问漏洞发起大规模攻击

恶意团伙利用 PHP-FPM 未授权访问漏洞发起大规模攻击

恶意团伙利用 PHP-FPM 未授权访问漏洞发起大规模攻击 PHP-FPM(FastCGl Process M...
告别Notion焦虑!这款全平台开源加密笔记神器,让你的隐私真正“上锁”

告别Notion焦虑!这款全平台开源加密笔记神器,让你的隐私真正“上锁”

  告别 Notion 焦虑!这款全平台开源加密笔记神器,让你的隐私真正“上锁” 引言 在数字笔记工...
星哥带你玩飞牛NAS-16:飞牛云NAS换桌面,fndesk图标管理神器上线!

星哥带你玩飞牛NAS-16:飞牛云NAS换桌面,fndesk图标管理神器上线!

  星哥带你玩飞牛 NAS-16:飞牛云 NAS 换桌面,fndesk 图标管理神器上线! 引言 哈...
星哥带你玩飞牛NAS-6:抖音视频同步工具,视频下载自动下载保存

星哥带你玩飞牛NAS-6:抖音视频同步工具,视频下载自动下载保存

星哥带你玩飞牛 NAS-6:抖音视频同步工具,视频下载自动下载保存 前言 各位玩 NAS 的朋友好,我是星哥!...