哪些不举荐运用的html标签-天涯论坛

b1gc8v 发表于 2024-10-3 10:58:50

哪些不举荐运用的html标签

<img src="http://mmbiz.qpic.cn/mmbiz_jpg/0tIK8YmulicNWQ7wd8lwhpfcNMsucePyWOcpgWsIqK6FGubWeBchGosHF8eKuuavBqKNodVPaEvI7XU3eXQZMqg/640?wx_fmt=jpeg&tp=webp&wxfrom=5&wx_lazy=1&wx_co=1" style="width: 50%; margin-bottom: 20px;">
<h2 style="color: black; text-align: left; margin-bottom: 10px;">acronym</h2>
首字母缩写，例如WWW
类似的有abbr标签，暗示单词缩写，例如inc.。语法如下：<acronym title="World Wide Web">WWW</acronym>
 <abbr title="incorporated">inc.</abbr>
举荐用abbr，不要用acronym（忽略上面说到的语义上的差异）
<h2 style="color: black; text-align: left; margin-bottom: 10px;">applet</h2>
Java小应用程序，重点供给绘图功能（在页面上经过代码绘制有些东西），例如：<applet code="ShowImage.class" width=600 height=400 archive="Imagetest.jar"></applet>
日前几乎没什么用了，由于运行需要JRE，而日前主流浏览器并不默认安装JRE
举荐运用canvas绘图，或用object+embed嵌入flash代替applet
重视：运用object+embed是为了更好的兼容性，倘若场景准许，举荐运用object
<h2 style="color: black; text-align: left; margin-bottom: 10px;">basefont</h2>
basefont标签定义基准字体。该标签能够为文档中的所有文本定义默认字体颜色、字体体积和字体系列，例如：<basefont color="red" size="5" face="Arial" />
basefont标签仅有支持
举荐直接给body元素定义默认字体，所有子元素都会继承这些属性值
<h2 style="color: black; text-align: left; margin-bottom: 10px;">bgsound</h2>
用来添加背景音乐，例如：<bgsound src="your.mid" autostart="true" loop="infinite">
举荐运用audio或object+embed来代替，例如：<embed src="your.mid" autostart="true" loop="true" hidden="true">
<h2 style="color: black; text-align: left; margin-bottom: 10px;">big</h2>
用来放大字体，放大一号（嵌套多层能够放大更加多），不支持的浏览器表示粗体，例如：<big>大1号</big><big><big>大2号</big></big>
至于“号”是怎么定义的就别管了，不举荐运用，意见按照语义采用em、strong或自定义样式类代替
<h2 style="color: black; text-align: left; margin-bottom: 10px;">blink</h2>
能够实现闪烁效果，例如：<blink>Why would somebody use this?</blink>
支持性很差，不举荐运用，一样不举荐运用（各大浏览器支持blink值，但无任何效果）：This should be avoided as well.
意见采用animation代替
<h2 style="color: black; text-align: left; margin-bottom: 10px;">center</h2>
使内容居中，例如：<center>文本及子元素会居中</center>
效果类似于CSS：text-align: center;
不意见运用，确实无任何理由去用
<h2 style="color: black; text-align: left; margin-bottom: 10px;">dir</h2>
目录列表，例如：<dir>
    <li>html</li>
    <li>xhtml</li>
    <li>css</li>
 </dir>
效果和ul基本相同，浏览器默认样式下列表项的左边距有细微差异
不举荐运用，意见按照语义采用ul、ol或dl
<h2 style="color: black; text-align: left; margin-bottom: 10px;">font</h2>
用来定义字体、字号和颜色，例如：This is some text!
属性值和basefont同样
不举荐运用，意见用CSS代替，没理由用这个标签
<h2 style="color: black; text-align: left; margin-bottom: 10px;">frame</h2>
协同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实现，按照详细场景来定
<h2 style="color: black; text-align: left; margin-bottom: 10px;">frameset</h2>
见frame
<h2 style="color: black; text-align: left; margin-bottom: 10px;">hgroup</h2>
给一系列标题分组，例如：<hgroup>
   <h1>The reality dysfunction</h1>
   <h2>Space is not the only void</h2>
 </hgroup>
虽然供给了一点语义，但由于已然过时，因此不举荐运用
意见采用header代替，例如：<header>
   <h1>The reality dysfunction</h1>
   Space is not the only void
 </header>
<h2 style="color: black; text-align: left; margin-bottom: 10px;">isindex</h2>
单行文本控件，初始表示prompt值，例如：<isindex prompt="string" />
日前支持性很差，不举荐运用，意见用input元素代替
W3C意见千万不要用：
No, really, don’t use it. This element is deprecated. It is not implemented
 anymore.
引自W3C wiki
详细用法能够参考http://reference.sitepoint.com/html/isindex（很难找，放在这儿）
<h2 style="color: black; text-align: left; margin-bottom: 10px;">listing</h2>
不消管它是什么，微软都不意见运用了：
This element is obsolete and should no longer be used. Use HTMLPreElement,
 code or CSS instead. Renders text in a fixed-width font.
引自MSDN listing element | listing object
<h2 style="color: black; text-align: left; margin-bottom: 10px;">marquee</h2>
滚动字幕，效果很强大，例如：<marquee style="height: 104px; width: 22.35%; margin: 10px 20px; bac公斤round-color: rgb(204, 255, 255);" bgcolor="#ccffff" vspace="10" direction="up" height="104" width="22.35%" loop="3" scrollamount="1" scrolldelay="10" hspace="20">
 此处输入滚动内容</marquee>

 <marquee>这儿是输入文字的地区，还能够放照片代码、Flash动画代码和gif动态小图代码。</marquee>
更加多效果能够参考移动标签（marquee）属性详解
多用来实现公告，虽然已然过时了，但效果确实很强大，况且支持性良好
<h2 style="color: black; text-align: left; margin-bottom: 10px;">multicol</h2>
用来实现多列布局，不意见运用，任何主流浏览器都不曾支持过
The HTMLelement was an experimental element designed to allow
 multi-column layouts. It never got any significant traction and is not
 implemented in any major browsers.
引自MDN multicol
<h2 style="color: black; text-align: left; margin-bottom: 10px;">nextid</h2>
功效未知，支持性未知，不意见运用
<h2 style="color: black; text-align: left; margin-bottom: 10px;">nobr</h2>
禁止换行，例如：Our telephone number is 0800 123 123 123.
不举荐运用，意见用CSS代替：white-space: nowrap;
<h2 style="color: black; text-align: left; margin-bottom: 10px;">noembed</h2>
在浏览器不支持embed时，表示内容，类似于noscript，例如：<noembed>
 <img src="/images/inflate.jpg" alt="Inflate the tyre by holding the
 pump at 90 degree angle to the valve">
 You can inflate the tyre by holding the pump at 90 degree angle
 to the valve, as shown in the image above.
 </noembed>
不举荐运用，倘若需要思虑兼容性的话，意见采用object+embed+noembed（embed/noembed做为object的fallback）
<h2 style="color: black; text-align: left; margin-bottom: 10px;">noframes</h2>
在浏览器不支持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的fallback，意见采用float/flex+Ajax实现，按照详细场景来定
<h2 style="color: black; text-align: left; margin-bottom: 10px;">plaintext</h2>
忽略内容中的html标签，功效类似于pre，例如：The markup for this is:
 <plaintext>
    <h1>Main heading goes here</h1>
    First paragraph goes here
    <h2>Sub-heading goes here</h2>
 </plaintext>.

 </body>
 </html>
不举荐运用，意见按照语义用pre或code代替
<h2 style="color: black; text-align: left; margin-bottom: 10px;">spacer</h2>
插进空白（white spaces），例如：Just a text node
 <spacer type="horizontal" size="10"></spacer>
 Just another text node
 <spacer type="block" width="10" height="10"></spacer>
主流浏览器都不支持，不举荐运用
<h2 style="color: black; text-align: left; margin-bottom: 10px;">strike</h2>
删除线，效果类似于del和s，例如：Version 2.0 is <strike>not yet available!</strike> now available!
不举荐运用，意见用del代替
<h2 style="color: black; text-align: left; margin-bottom: 10px;">tt</h2>
键盘输入（teletype），例如：<tt>Teletype text</tt>
不举荐运用，意见按照语义用kbd（键盘按键）、var（变量）、code（代码）、samp（样例输出）或CSS代替
<h2 style="color: black; text-align: left; margin-bottom: 10px;">xmp</h2>
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代替
via：http://www.ayqy.net/blog/不举荐运用的html标签/
<img src="http://mmbiz.qpic.cn/mmbiz_jpg/0tIK8YmulicOozrjUSDKbNgoxv13KWYLYb3cHvy3RwsGY0BzJgZOn4biafibtSo11vcSVwuw2LYzzGgYDPnjicFJJw/640?wx_fmt=jpeg&tp=webp&wxfrom=5&wx_lazy=1&wx_co=1" style="width: 50%; margin-bottom: 20px;">

7wu1wm0 发表于 2024-10-14 17:13:08

百度seo优化论坛 http://www.fok120.com/

4lqedz 发表于 2024-11-11 03:09:03

论坛外链网http://www.fok120.com/

页: [1]

天涯论坛's Archiver

哪些不举荐运用的html标签