deprecated tags in html

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>WWW</acronym>
<abbr>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></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>

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></bgsound>

It is recommended to use audio or object+embed instead, for example:

<embed></embed>

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>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>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:

nbsp;html>


<frameset>
  <frame>
  <frame>
  <frame>
</frameset>

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 id="The-reality-dysfunction">The reality dysfunction</h1>
   <h2 id="Space-is-not-the-only-void">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 id="The-reality-dysfunction">The reality dysfunction</h1>
   <p>Space is not the only void</p>
</header>

isindex

Single line text control, initial display prompt value, for example:

<isindex>

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>
<p><font>此处输入滚动内容</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="/static/imghwm/default1.png" data-src="/images/inflate.jpg" class="lazy" pump alt="deprecated tags in html" >
<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:

<frameset>
  <frame>
  <frame>
  <frame>
  <noframes>Sorry, your browser does not handle frames!</noframes>
</frameset>

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 id="Main-heading-goes-here">Main heading goes here</h1>
    <p>First paragraph goes here</p>
    <h2 id="Sub-heading-goes-here">Sub-heading goes here</h2>
</plaintext>.

The above is the detailed content of deprecated tags in html. For more information, please follow other related articles on the PHP Chinese website!