Home > Article > Web Front-end > Summary of deprecated HTML tags
Summary of deprecated HTML tags
- 巴扎黑Original
- 2017-03-18 15:12:461189browse
Those deprecated html tags
acronym
initials, such as
Similar is the abbr tag, which represents the abbreviation of a word, such as inc.. The syntax is as follows:
<acronym title="World Wide Web">WWW</acronym> <abbr title="incorporated">inc.</abbr>
It is recommended to use abbr instead of acronym (ignoring the semantic differences mentioned above)
applet
Java small application, mainly provides drawing function (draw something on the page through code), for example:
<applet code="ShowImage.class" width=600 height=400 archive="Imagetest.jar"></applet>
It is almost useless at present, because JRE is required to run, and currently mainstream browsers do not install JRE by default
It is recommended to use canvas for drawing, or use object+embed to embed flash instead of applet
Note: Using object+embed is for better compatibility. If the scenario allows, it is recommended to use object
basefont
The basefont tag defines the base font. This tag defines the default font color, font size, and font family for all text in the document, for example:
<basefont color="red" size="5" face="Arial" />
The basefont tag is only supported by [IE9-]
It is recommended to define the default font directly for the body element, and all child elements will inherit these attribute values
bgsound
Used to add background music, for example:
<bgsound src="your.mid" autostart="true" loop="infinite">
It is recommended to use audio or object+embed instead, for example:
<embed src="your.mid" autostart="true" loop="true" hidden="true">
big
Used to enlarge the font, enlarge one size (nesting multiple layers can enlarge more), unsupported browsers display bold, for example:
<big>大1号</big><big><big>大2号</big></big>
As for how "number" is defined, don't worry about it. It is not recommended. It is recommended to use em, strong or a custom style class instead
according to the semantics. blink
Flashing effect can be achieved, for example:
<blink>Why would somebody use this?</blink>
The support is very poor and is not recommended. It is also not recommended (major browsers support the blink value, but it has no effect):
<p style="text-decoration: blink">This should be avoided as well.</p>
It is recommended to use animation instead of
center
Center the content, for example:
<center>文本及子元素会居中</center>
The effect is similar to CSS:
text-align: center;
Not recommended, there really is no reason to use it
dir
Directory listing, for example:
<dir> <li>html</li> <li>xhtml</li> <li>css</li> </dir>
The effect is basically the same as ul. There are slight differences in the left margin of the list items under the browser's default style
Not recommended. It is recommended to use ul, ol or dl
according to the semantics. font
Used to define font, font size and color, for example:
<font face="verdana" color="green" size="3">This is some text!</font>
The attribute value is the same as basefont
It is not recommended to use it. It is recommended to use CSS instead. There is no reason to use this tag
frame
Use frameset columns, for example:
<!DOCTYPE html> <html> <frameset cols="25%,*,25%"> <frame src="frame_a.htm"> <frame src="frame_b.htm"> <frame src="frame_c.htm"> </frameset> </html>
Note: Replace body
with frameset Complex background pages will use frameset+frame layout. Of course, float/flex+Ajax can also be used to implement it, depending on the specific scenario
frameset
See frame
hgroup
Group a series of titles, for example:
<hgroup> <h1>The reality dysfunction</h1> <h2>Space is not the only void</h2> </hgroup>
Although it provides a little semantics, it is deprecated because it is outdated.
It is recommended to use header instead, for example:
<header> <h1>The reality dysfunction</h1> <p class="subheading">Space is not the only void</p> </header>
isindex
Single-line text control, initially displays prompt value, for example:
<isindex prompt="string" />
The current support is very poor and is not recommended. It is recommended to use input elements instead
W3C recommends never to use:
No, really, don’t use it. This element is deprecated. It is not implemented anymore.
Quoted from W3C wiki
For specific usage, please refer to http://reference.sitepoint.com/html/isindex (hard to find, so put it here)
listing
No matter what it is, Microsoft doesn’t recommend using it:
This element is obsolete and should no longer be used. Use HTMLPreElement, code or CSS instead. Renders text in a fixed-width font.
Quoted from MSDN listing element | listing object
marquee
Rolling subtitles, the effect is very powerful, for example:
<marquee style="height: 104px; width: 22.35%; margin: 10px 20px; background-color: rgb(204, 255, 255);" 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>
For more effects, please refer to the detailed explanation of the mobile label (marquee) attribute
It is mostly used to implement announcements. Although it is outdated, the effect is indeed powerful and the support is good. For more exciting content, follow the WeChat public account: Full Stack Developer Center (admin10000_com)
multicol
Used to implement multi-column layout. It is not recommended. It is not supported by any mainstream browser
The HTML
Quoted from MDN multicol
nextid
Unknown function, unknown support, not recommended
nobr
Line breaks are prohibited, for example:
<p>Our telephone number is <nobr>0800 123 123 123</nobr>.</p>
Not recommended, it is recommended to use CSS instead:
white-space: nowrap;
noembed
When the browser does not support embed, the content is displayed, similar to noscript, for example:
<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>
Not recommended. If compatibility needs to be considered, it is recommended to use object+embed+noembed (embed/noembed as the fallback of object)
noframes
When the browser does not support frameset+frame, the content is displayed, similar to noscript, for example:
<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>
The noframe tag can contain any tag that can appear in the body
If compatibility needs to be considered, it can be used as the fallback of the frame. It is recommended to use float/flex+Ajax to implement it and decide according to the specific scenario
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代替
The above is the detailed content of Summary of deprecated HTML tags. For more information, please follow other related articles on the PHP Chinese website!