Heim  >  Artikel  >  Web-Frontend  >  Zusammenfassung veralteter HTML-Tags

Zusammenfassung veralteter HTML-Tags

巴扎黑
巴扎黑Original
2017-03-18 15:12:461151Durchsuche

Diese veralteten HTML-Tags

Akronym

Initialen wie

Ähnlich verhält es sich mit dem abbr-Tag, das die Abkürzung eines Wortes darstellt, z. B. inc.. Die Syntax lautet wie folgt:

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

Es wird empfohlen, abbr anstelle von Akronym zu verwenden (wobei die oben erwähnten semantischen Unterschiede ignoriert werden)

Applet

Kleine Java-Anwendung bietet hauptsächlich Zeichenfunktionen (etwas auf der Seite durch Code zeichnen), zum Beispiel:

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

Im Moment ist es fast nutzlos, da JRE zum Ausführen erforderlich ist und Mainstream-Browser JRE derzeit nicht standardmäßig installieren

Es wird empfohlen, Canvas zum Zeichnen zu verwenden oder Objekt + Einbetten zu verwenden, um Flash anstelle eines Applets einzubetten

Hinweis: Verwenden Sie Objekt+Einbettung für eine bessere Kompatibilität. Es wird empfohlen, Objekt

zu verwenden Basisschrift

Das Basefont-Tag definiert die Basisschriftart. Dieses Tag definiert die Standardschriftfarbe, Schriftgröße und Schriftfamilie für den gesamten Text im Dokument, zum Beispiel:

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

Das Basefont-Tag wird nur von [IE9-]

unterstützt Es wird empfohlen, die Standardschriftart direkt für das Body-Element zu definieren, und alle untergeordneten Elemente erben diese Attributwerte

bgsound

Wird zum Hinzufügen von Hintergrundmusik verwendet, zum Beispiel:

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

Es wird empfohlen, stattdessen Audio oder Objekt+Einbettung zu verwenden, zum Beispiel:

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

groß

Wird verwendet, um die Schriftart zu vergrößern, um eine Größe zu vergrößern (das Verschachteln mehrerer Ebenen kann zu einer stärkeren Vergrößerung führen), nicht unterstützte Browser zeigen Fettschrift an, zum Beispiel:

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

Machen Sie sich keine Sorgen darüber, wie „Zahl“ definiert ist. Es wird nicht empfohlen, em-, starke oder benutzerdefinierte Stilklassen anstelle von

zu verwenden. blinken

Es können blinkende Effekte erzielt werden, wie zum Beispiel:

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

Die Unterstützung ist sehr schlecht und wird nicht empfohlen (große Browser unterstützen den Blink-Wert, aber er hat keine Auswirkung):

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

Es wird empfohlen, anstelle von

eine Animation zu verwenden Zentrum

Zentrieren Sie den Inhalt, zum Beispiel:

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

Der Effekt ähnelt CSS:

text-align: center;

Nicht empfohlen, es gibt wirklich keinen Grund, es zu verwenden

dir

Verzeichniseintrag, zum Beispiel:

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

Der Effekt ist im Grunde der gleiche wie bei ul. Es gibt geringfügige Unterschiede im linken Rand der Listenelemente im Standardstil des Browsers

Nicht empfohlen. Es wird empfohlen, je nach Semantik ul, ol oder dl zu verwenden. Schriftart

Wird verwendet, um Schriftart, Schriftgröße und Farbe zu definieren, zum Beispiel:

Der Attributwert ist derselbe wie basefont
<font face="verdana" color="green" size="3">This is some text!</font>

Es wird nicht empfohlen, stattdessen CSS zu verwenden. Es gibt keinen Grund, dieses Tag zu verwenden

Rahmen

Verwenden Sie Frameset-Spalten, zum Beispiel:

Hinweis: Körper
<!DOCTYPE html>
<html>

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

</html>

durch Rahmenset ersetzen Komplexe Hintergrundseiten verwenden Frameset+Frame-Layout. Natürlich kann je nach Szenario auch Float/Flex+Ajax verwendet werden Frameset

Siehe Rahmen

hgroup

Gruppieren Sie eine Reihe von Überschriften, zum Beispiel:

Obwohl es ein wenig Semantik bietet, ist es veraltet, weil es veraltet ist

Es wird empfohlen, stattdessen eine Kopfzeile zu verwenden, zum Beispiel:
<hgroup>
   <h1>The reality dysfunction</h1>
   <h2>Space is not the only void</h2>
</hgroup>

isindex

Einzeilige Textsteuerung, anfänglicher Eingabeaufforderungswert, zum Beispiel:
<header>
   <h1>The reality dysfunction</h1>
   <p class="subheading">Space is not the only void</p>
</header>

Die aktuelle Unterstützung ist sehr schlecht und wird nicht empfohlen. Stattdessen wird die Verwendung von Eingabeelementen empfohlen

W3C empfiehlt, Folgendes nicht zu verwenden:
<isindex prompt="string" />

Nein, wirklich, verwenden Sie es nicht. Es ist nicht mehr implementiert.

Zitiert aus dem W3C-Wiki

Informationen zur spezifischen Verwendung finden Sie unter http://reference.sitepoint.com/html/isindex (schwer zu finden, also hier einfügen)

Auflistung

Ganz gleich, um was es sich handelt, Microsoft rät von der Verwendung ab:

Dieses Element ist veraltet und sollte nicht mehr verwendet werden. Verwenden Sie stattdessen HTMLPreElement, Code oder CSS. Rendert Text in einer Schriftart mit fester Breite.

Zitiert aus MSDN-Listing-Element |. Listing-Objekt

Festzelt

Bei rollenden Untertiteln ist der Effekt sehr stark, zum Beispiel:

Weitere Effekte finden Sie in der ausführlichen Erläuterung des Attributs „Mobile Label (Marquee)“

Es wird hauptsächlich zur Umsetzung von Ankündigungen verwendet. Obwohl es veraltet ist, ist die Wirkung tatsächlich stark und die Unterstützung ist gut. Für weitere spannende Inhalte folgen Sie dem offiziellen WeChat-Konto: Full Stack Developer Center (admin10000_com)
<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>

mehrfarbig

Wird zur Implementierung eines mehrspaltigen Layouts verwendet. Es wird von keinem Mainstream-Browser unterstützt

Der HTML

Zitiert aus MDN multicol

nextid

Die Funktion ist unbekannt und die Unterstützbarkeit ist unbekannt. Die Verwendung von

wird nicht empfohlen nobr

Zeilenumbrüche sind verboten, zum Beispiel:

Nicht empfohlen, es wird empfohlen, stattdessen CSS zu verwenden:

noembed

<p>Our telephone number is <nobr>0800 123 123 123</nobr>.</p>
Wenn der Browser das Einbetten nicht unterstützt, wird der Inhalt ähnlich wie bei Noscript angezeigt, zum Beispiel:

white-space: nowrap;
Nicht empfohlen. Wenn Kompatibilität berücksichtigt werden muss, wird empfohlen, object+embed+noembed (embed/noembed als Fallback von object) zu verwenden

noframes

Wenn der Browser Frameset+Frame nicht unterstützt, wird der Inhalt ähnlich wie bei Noscript angezeigt, zum Beispiel:
<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>

Das Noframe-Tag kann jedes Tag enthalten, das im Textkörper

erscheinen kann Wenn die Kompatibilität berücksichtigt werden muss, kann es als Fallback des Frames verwendet werden. Je nach Szenario wird die Verwendung von float/flex+Ajax empfohlen

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

Das obige ist der detaillierte Inhalt vonZusammenfassung veralteter HTML-Tags. Für weitere Informationen folgen Sie bitte anderen verwandten Artikeln auf der PHP chinesischen Website!

Stellungnahme:
Der Inhalt dieses Artikels wird freiwillig von Internetnutzern beigesteuert und das Urheberrecht liegt beim ursprünglichen Autor. Diese Website übernimmt keine entsprechende rechtliche Verantwortung. Wenn Sie Inhalte finden, bei denen der Verdacht eines Plagiats oder einer Rechtsverletzung besteht, wenden Sie sich bitte an admin@php.cn