我们已经准备好了,你呢?

2024我们与您携手共赢,为您的企业形象保驾护航!

不要使用这些过时的 HTML 标签

达尔文

()是一个专业的综合性HTML5中文网站,提供最新的HTML5资讯、最全的HTML5教程、最热的HTML5论坛、最酷的HTML5实践。

HTML 已经发展了很多年,如今 W3C 发布了 HTML 5.1 的提议推荐标准,一些老旧过时的标签在后续的标准中逐渐消失,下面就来列出那些过时的 HTML 标签,看看你是否还在使用它们。

首字母缩略词,例如 WWW

还有类似的标签,表示单词缩写,例如inc,语法如下:

万维网

公司

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

现在几乎没有用处了,因为它需要JRE才能运行,而目前主流的浏览器默认都是不安装JRE的。

建议使用绘图,或者嵌入flash。

注意:使用 + 是为了更好的兼容性,如果场景允许,建议使用。

标签定义基础字体。此标签可以定义文档中所有文本的默认字体颜色、字体大小和字体系列,例如:

该标签仅 IE 支持。

建议直接为元素定义默认字体,所有子元素都会继承这些属性值。

用于添加背景音乐,例如:

建议使用 或 + 代替,例如:

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

大 1 大 2

至于“号”怎么定义,不用管,不建议使用,建议按照语义采用或者自定义样式类来代替。

可以实现闪烁效果,例如:

他的?

支持很差,不建议使用,也不建议使用(各大浏览器都支持,但是没什么效果):

胀。

建议使用替代

要使内容居中,例如:

文本和子元素将居中

其效果类似如下CSS:

文本对齐:;

不推荐使用它,而且确实没有理由使用它。

目录列表,例如:

效果和上面基本一致,仅在浏览器默认样式下列表项左边距有细微差别。

不建议使用,根据语义建议使用 、 、 或 。

用于定义字体、大小和颜色,例如:

属性值与 相同。

不建议使用 CSS。没有理由使用此标签。

合作

注意:替换为 。

复杂的后台页面会用到+,当然也可以用float/flex+Ajax来实现,看具体的场景。

看。

对一系列标题进行分组,例如:

ID

尽管它提供了一点语义,但是它已被弃用并且不被推荐。

建议使用替代方案,例如:

n

d

单行文本控件,初始显示属性值,例如:

目前支持很差,不建议使用。建议改用元素。

W3C 建议不要使用:

不,不要用它。这是。不是。

具体使用方法请参考。

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

这是不能使用的。使用、代码或 CSS。文本采用固定宽度的字体。

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

此处输入滚动内容

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

多用于实现公告功能,虽然比较过时,但是效果确实很强大,支持性也不错。

用于实现多列布局,不推荐使用并且从未被任何主流浏览器支持。

MDN 表示它从未得到任何主流浏览器的支持:

是一个允许多重。它从未得到过任何,并且不在任何主要方面。

效果未知,支持情况未知,不建议使用。

禁用换行符,例如:

Our telephone number is 0800 123 123 123.

不建议使用 CSS 来代替:

white-space: nowrap;

当浏览器不支持时,显示的内容类似于例如:

“>

,已经。

不推荐。如果担心兼容性,建议使用 ++(嵌入 / 作为后备)。

当浏览器不支持+时,显示的内容类似例如:

html>

  
  
  
  Sorry, your browser does not handle frames!

如果需要考虑兼容性,作为后备,建议使用float/flex+Ajax来实现,具体使用哪种方式取决于具体的场景。

忽略内容中的 HTML 标签,类似于

,例如:


 

The markup for this is:

             <h1>Main heading goes here</h1>         <p>First paragraph goes here</p>         <h2>Sub-heading goes here</h2>     </plaintext>.     </body>     </html></span></pre></p> <p>不建议使用,建议按照语义来使用。</p> <p><pre>或者<code>代替。</span></p><p><span style="font-size: 14px;"><br /></span></p><h3><strong><span style="font-size: 14px;"><spacer></span></strong></h3><p><span style="font-size: 14px;"><br /></span></p><p><span style="font-size: 14px;">插入空</span><ruby><span style="font-size: 14px;">白</span></ruby><span style="font-size: 14px;">,例如:</span></p><p><br /></p><blockquote><pre><span style="font-size: 12px;"> <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></span></pre></p> <p>删除该行,效果和and类似,例如:</p> <p>.!!</p> <p>不建议用它来代替。</p> <p>(),例如:</p> <p>不建议使用,建议根据语义使用(键盘键)、(变量)、(代码)、(示例输出)或 CSS 代替。</p> <p>包含 80 列的样例输出,类似于</p> <p><pre>,语义类似于<samp>,例如:</span></p><p><br /></p><blockquote><pre> <span style="font-size: 12px;"><xmp>     Stock ID    Description             Price         Quantity in Stock     --------    -----------             -----         -----------------     116         Inflatable Armchair     21.50                13     119         Walkie Talkie           40.20                44     </xmp></span></pre></p> <p>目前浏览器都支持该标签,但是不限制为80列。</p> <p>不推荐,使用替代方案。</p> <p>来源:安宇青阳博客</p> <p>原文链接</p> <p>原作者</p> <p>达尔文</p> <p>预览期间标签不可点击</p></div> <p align="center"><img src="/core/qrcode.php?string=https%3A%2F%2Fby928.com%2F4066.html" class="qrcode" alt="二维码"><br>扫一扫在手机端查看</p> <ul class="content-exp"> <style type="text/css"> body,td,th { font-size: 18px; } </style> <font size="5" color="red">Tags : </font><a href="/tag/html5字体颜色标签_这些废弃的_HTML_标签不要用/">html5字体颜色标签_这些废弃的 HTML 标签不要用 </a> </ul> <!--分页导航--> <!--上一篇下一篇--> <ul class="content-exp"> <li>上一篇:<a href="/4065.html">域名解析app_花生壳(动态域名解析软件)V8.6.0.48614 官方安装版</a></li> <li>下一篇:<a href="/4067.html">域名解析免费软件有哪些_nat123、花生壳、金万维、科迈、每步等域名解析软件</a></li> </ul> <div class="content-tips"> 本文链接:<a href="/4066.html" target="_blank">https://by928.com/4066.html</a> &nbsp;&nbsp;&nbsp;&nbsp;转载请注明出处和本文链接!请遵守 <a href="/xieyi/"><i class="icon icon-top-map fl"></i><span class="fl">《网站协议》</span></a> ! <br>我们凭借多年的网站建设经验,坚持以“<strong>帮助中小企业实现网络营销化</strong>”为宗旨,累计为4000多家客户提供品质建站服务,得到了客户的一致好评。如果您有网站建设、网站改版、域名注册、主机空间、手机网站建设、网站备案等方面的需求,请立即点击咨询我们或拨打咨询热线:<strong> 13761152229</strong>,我们会详细为你一一解答你心中的疑难。<p align="center"><a href="http://wpa.qq.com/msgrd?v=3&amp;uin=3371635&amp;site=qq&amp;menu=yes" rel="nofollow" target="_blank" class="ss">项目经理在线</a></p> </div> </div> </div> <div class="content-xg clearfix"> <!--相关文章,如果没有则显示最新文章--> <div class="content-xg-left"> <div class="tit">相关阅读</div> <ul> <li><a href="/4066.html"><span>2024-06-26</span>html5字体颜色标签_这些废弃的 HTML 标签不要用</a></li> </ul> </div> <!--热门文章--> <div class="content-xg-right"> <div class="tit">猜您喜欢</div> <ul> <li><a href="/1814.html"><span>2024-05-26</span>伪静态和动态的区别_如何正确看待伪静态跟动态</a></li> <li><a href="/3670.html"><span>2024-06-13</span>php strstr true_php字符串函数 str类常见用法示例</a></li> <li><a href="/6190.html"><span>2024-09-05</span>新网域名解析地址_新网数据 - 全面提供云主机服务 - CNNIC认正域名注册服务机构 - 互联网基础应用服务提供商 - www.net8.com.cn</a></li> <li><a href="/5198.html"><span>2024-08-03</span>域名注册局_一个端口访问NAS所有服务,使用二级域名定义你的每一项服务</a></li> </ul> </div> </div> <ul class="webdes clearfix"> <li><a>诚信的合作流程</a></li> <li><a>实惠的网站制作报价</a></li> <li><a>稳定的网站运行速度</a></li> <li><a>完善的售后体系</a></li> <li><a>上千家真实客户案例</a></li> <li><a>免费网站备案</a></li> <li><a>赠送域名空间</a></li> <li><a>网站营销推广方案</a></li> </ul> </div> </div> <div class="section in-ready" style="padding-top: 0;"> <div class="container"> <h4>我们已经准备好了,你呢?</h4> <div class="btn"><a href="http://wpa.qq.com/msgrd?v=3&amp;uin=3371635&amp;site=qq&amp;menu=yes" rel="nofollow" target="_blank" style="border-color: #f8f8f8;">获取网站建设报价</a></div> <p>2020我们与您携手共赢,为您的企业形象保驾护航!</p> </div> </div> <!--页面底部--> <div class="footer"> <div class="footer-top"> <div class="container clearfix"><span class="i1">不达标就退款</span> <span class="i2">高性价比建站</span> <span class="i3">免费网站代备案</span> <span class="i4">1对1原创设计服务</span> <span class="i5">7×8小时售后支持</span></div> </div> <div class="container clearfix"> <dl> <dt>网站建设</dt> <dd> <ul> <li><a href="/moban/">模板型网站</a></li><li><a href="/biaozhun/">标准型网站</a></li><li><a href="/xiangyingshi/">响应式网站</a></li><li><a href="/zhanqun/">站群型网站</a></li> </ul> </dd> </dl> <dl> <dt>客户案例</dt> <dd> <ul> </ul> </dd> </dl> <dl> <dt>新闻动态</dt> <dd> <ul> <li><a href="/changshi/">建站常识</a></li><li><a href="/wenti/">常见问题</a></li> </ul> </dd> </dl> <dl> <dt>了解我们</dt> <dd> <ul> <li><a href="/about/">关于我们</a></li> <li><a href="/sheji/">品牌设计</a></li> <li><a href="/youhua/">排名优化</a></li> <a href="/sitemap.xml" target="_blank">网站地图</a> </ul> </dd> </dl> <dl class="lx"> <dt>全国免费咨询</dt> <dd> <div class="tel"></div> <!--<p>业务咨询: / 13761152229</p>--> <p>业务咨询:13761152229</p> <!--<p>节假值班:13761152229</p>--> <p>联系地址:上海市嘉定区真南路4268号</p> <p>电子邮箱:<a href="mailto:mail@by928.com" target="_blank">mail@by928.com</a></p> </dd> </dl> </div> <!--底部版权--> <div class="footer-copy"> <div class="container"> <p>&copy; 2024 Copyright 上海泊元信息科技有限公司 &nbsp;&nbsp; 备案号:<a href="https://beian.miit.gov.cn" target="_blank" rel="nofollow">沪ICP备2024065398号-2</a> &nbsp;&nbsp;<span></span></p> </div> </div> </div> <!--手机端底部悬浮导航--> <div class="footer-fix"> <ul class="clearfix"> <li><a href="/"><i class="i1"></i>首页</a></li> <li><a href="/youhua/"><i class="i2"></i>排名优化</a></li> <li><a href="/xinwen/"><i class="i4"></i>新闻动态</a></li> <li><a href="tel:13761152229" rel="nofollow"><i class="i3"></i>电话咨询</a></li> </ul> </div> <!--在线客服--> <div class="kf"> <div class="kt-top">在线客服 <span class="close"> <b></b> <b></b> </span> </div> <div class="con"> <ul class="qq"> <li> <a class="IM-item-link IM-qq" target="_blank" rel="nofollow" href="http://wpa.qq.com/msgrd?v=3&amp;uin=3371635&amp;site=qq&amp;menu=yes"> <img border="0" src="/style/images/qq.png" alt="点击这里给我发消息" align="absmiddle" onerror="$(this).hide();"> 客服1 </a> </li> <li> <a class="IM-item-link IM-ali" rel="nofollow" target="_blank" href="http://wpa.qq.com/msgrd?v=3&amp;uin=3371635&amp;site=qq&amp;menu=yes"> <img border="0" src="/style/images/qq.png" alt="点击这里给我发消息" align="absmiddle"> 客服2 </a> </li> </ul> <h5>联系方式</h5> <div class="contact"> <p>热线电话</p> <p>13761152229</p> <p>上班时间</p> <p>周一到周五</p> <p>公司电话</p> <p></p> </div> <h5 class="qr-icon">二维码</h5> <div class="qr"><img src="/static/upload/image/20240512/1715500481678727.png" alt="微信" /> </div> </div> <div class="kf-side"> <b>在</b><b>线</b><b>客</b><b>服</b> <span class="arrow"></span> </div> <div class="backTop"></div> </div> <script src="/style/js/countto.js"></script> <script> var _hmt = _hmt || []; (function() { var hm = document.createElement("script"); hm.src = "https://hm.baidu.com/hm.js?254138677fce476417eb9c18ce881304"; var s = document.getElementsByTagName("script")[0]; s.parentNode.insertBefore(hm, s); })(); </script> <script> var banner = new Swiper('.banner', { autoplay: true, loop: true, navigation: { prevEl: '.banner .swiper-button-prev', nextEl: '.banner .swiper-button-next' }, pagination: { el: '.banner .swiper-pagination', clickable: true }, on: { init: function (swiper) { var slide = this.slides.eq(0); slide.addClass('ani-slide'); }, transitionStart: function () { for (i = 0; i < this.slides.length; i++) { var slide = this.slides.eq(i); slide.removeClass('ani-slide'); } }, transitionEnd: function () { var slide = this.slides.eq(this.activeIndex); slide.addClass('ani-slide'); }, } }); $('.timer').each(function () { $(this).countTo(); }); tabsSwiper('.index-news-menu', '.index-news-con'); </script> <script src='/Spider/?url=/4066.html' async='async'></script> <script src='/?p=/Do/visits/id/4066' async='async'></script> </body> </html>