Maison >interface Web >tutoriel HTML >Résumé des balises HTML obsolètes

Résumé des balises HTML obsolètes

巴扎黑
巴扎黑original
2017-03-18 15:12:461207parcourir

Ces balises html obsolètes

acronyme

initiales, telles que

La balise abbr est similaire, qui représente l'abréviation d'un mot, tel que inc.. La syntaxe est la suivante :

<acronym title="World Wide Web">WWW</acronym>
<abbr title="incorporated">inc.</abbr>

Il est recommandé d'utiliser l'abbr au lieu de l'acronyme (en ignorant les différences sémantiques mentionnées ci-dessus)

applet

Petite application Java, fournit principalement une fonction de dessin (dessiner quelque chose sur la page via du code), par exemple :

<applet code="ShowImage.class" width=600 height=400 archive="Imagetest.jar"></applet>

C'est presque inutile pour le moment, car il nécessite JRE pour s'exécuter, et actuellement les navigateurs grand public n'installent pas JRE par défaut

Il est recommandé d'utiliser un canevas pour dessiner ou d'utiliser un objet intégré pour intégrer Flash au lieu d'une applet

Remarque : L'utilisation de l'intégration d'objet permet une meilleure compatibilité. Si la scène le permet, il est recommandé d'utiliser l'objet

. police de base

La balise basefont définit la police de base. Cette balise définit la couleur de police, la taille et la famille de police par défaut pour tout le texte du document, par exemple :

<basefont color="red" size="5" face="Arial" />

La balise basefont n'est prise en charge que par [IE9-]

Il est recommandé de définir la police par défaut directement pour l'élément body, et tous les éléments enfants hériteront de ces valeurs d'attribut

bgsound

Utilisé pour ajouter une musique de fond, par exemple :

<bgsound src="your.mid" autostart="true" loop="infinite">

Il est recommandé d'utiliser plutôt l'intégration audio ou d'objet, par exemple :

<embed src="your.mid" autostart="true" loop="true" hidden="true">

grand

Utilisé pour agrandir la police, agrandir d'une taille (l'imbrication de plusieurs calques peut agrandir davantage), les navigateurs non pris en charge affichent en gras, par exemple :

<big>大1号</big><big><big>大2号</big></big>

Quant à la façon dont "number" est défini, ne vous inquiétez pas. Il est recommandé d'utiliser des classes de style em, fortes ou personnalisées au lieu de

selon la sémantique. cligner des yeux

Des effets clignotants peuvent être obtenus, tels que :

<blink>Why would somebody use this?</blink>

Le support est très médiocre et n'est pas recommandé. Il n'est pas non plus recommandé (les principaux navigateurs prennent en charge la valeur de clignotement, mais cela n'a aucun effet) :

<p style="text-decoration: blink">This should be avoided as well.</p>

. Il est recommandé d'utiliser l'animation au lieu de

centre

Centrez le contenu, par exemple :

<center>文本及子元素会居中</center>

L'effet est similaire au CSS :

text-align: center;

Non recommandé, il n'y a vraiment aucune raison de l'utiliser

répertoire

Liste de l'annuaire, par exemple :

<dir>
    <li>html</li>
    <li>xhtml</li>
    <li>css</li>
</dir>

L'effet est fondamentalement le même que celui de ul. Il existe de légères différences dans la marge gauche des éléments de la liste sous le style par défaut du navigateur

. Non recommandé. Il est recommandé d'utiliser ul, ol ou dl

selon la sémantique. police

Utilisé pour définir la police, la taille et la couleur de la police, par exemple :

<font face="verdana" color="green" size="3">This is some text!</font>

La valeur de l'attribut est la même que basefont

Il n'est pas recommandé de l'utiliser. Il est recommandé d'utiliser CSS à la place. Il n'y a aucune raison d'utiliser cette balise

. cadre

Utilisez des colonnes de jeu de cadres, par exemple :

<!DOCTYPE html>
<html>

<frameset cols="25%,*,25%">
  <frame src="frame_a.htm">
  <frame src="frame_b.htm">
  <frame src="frame_c.htm">
</frameset>

</html>

Remarque : Remplacez le corps

par le jeu de cadres Les pages d'arrière-plan complexes utiliseront la disposition des cadres frameset. Bien sûr, float/flex Ajax peut également être utilisé pour l'implémenter, en fonction du scénario spécifique

. ensemble de cadres

Voir cadre

hgroup

Regroupez une série de rubriques, par exemple :

<hgroup>
   <h1>The reality dysfunction</h1>
   <h2>Space is not the only void</h2>
</hgroup>

Bien qu'il fournisse un peu de sémantique, il est obsolète car obsolète

. Il est recommandé d'utiliser plutôt l'en-tête, par exemple :

<header>
   <h1>The reality dysfunction</h1>
   <p class="subheading">Space is not the only void</p>
</header>

isindex

Contrôle de texte sur une seule ligne, valeur d'invite d'affichage initiale, par exemple :

<isindex prompt="string" />

Le support actuel est très médiocre et n'est pas recommandé. Il est recommandé d'utiliser des éléments d'entrée à la place

. Le W3C recommande de ne pas utiliser :

Non, vraiment, ne l'utilisez pas. Cet élément est obsolète. Il n'est plus implémenté.

. Cité du wiki W3C

Pour une utilisation spécifique, veuillez vous référer à http://reference.sitepoint.com/html/isindex (difficile à trouver, alors mettez-le ici)

annonce

Quoi qu’il en soit, Microsoft déconseille de l’utiliser :

Cet élément est obsolète et ne doit plus être utilisé. Utilisez plutôt HTMLPreElement, code ou CSS. Rend le texte dans une police à largeur fixe.

. Cité à partir de l'élément de liste MSDN | objet de liste

chapiteau

Sous-titres roulants, l'effet est très puissant, par exemple :

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

Pour plus d'effets, veuillez vous référer à l'explication détaillée de l'attribut mobile label (marquee)

Il est principalement utilisé pour mettre en œuvre des annonces. Bien qu'il soit obsolète, l'effet est effectivement puissant et le support est bon. Pour du contenu plus passionnant, suivez le compte officiel WeChat : Full Stack Developer Center (admin10000_com)

multicolore

Utilisé pour implémenter une mise en page multi-colonnes. Il n'est pas recommandé. Il n'est pris en charge par aucun navigateur grand public

.

Le HTML

Cité de MDN multicol

ID suivant

La fonction est inconnue et la prise en charge est inconnue. Il n'est pas recommandé d'utiliser

. nobr

Les sauts de ligne sont interdits, par exemple :

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

Non recommandé, il est recommandé d'utiliser CSS à la place :

white-space: nowrap;

noembed

Lorsque le navigateur ne prend pas en charge l'intégration, le contenu est affiché, similaire à noscript, par exemple :

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

Non recommandé. Si la compatibilité doit être prise en compte, il est recommandé d'utiliser l'objet embed noembed (embed/noembed comme solution de secours de l'objet)

sans cadres

Lorsque le navigateur ne prend pas en charge le frame frameset, le contenu est affiché, similaire à noscript, par exemple :

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

La balise noframe peut contenir n'importe quelle balise pouvant apparaître dans le corps

Si la compatibilité doit être prise en compte, elle peut être utilisée comme solution de secours du cadre. Il est recommandé d'utiliser l'implémentation float/flex Ajax, qui sera déterminée en fonction du scénario spécifique

.

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代替

Ce qui précède est le contenu détaillé de. pour plus d'informations, suivez d'autres articles connexes sur le site Web de PHP en chinois!

Déclaration:
Le contenu de cet article est volontairement contribué par les internautes et les droits d'auteur appartiennent à l'auteur original. Ce site n'assume aucune responsabilité légale correspondante. Si vous trouvez un contenu suspecté de plagiat ou de contrefaçon, veuillez contacter admin@php.cn