Heim >Web-Frontend >H5-Tutorial >Zusammenfassung der Tags in HTML5

Zusammenfassung der Tags in HTML5

零下一度
零下一度Original
2017-05-26 15:36:572035Durchsuche

Tags, die weggelassen werden können

Tags, die keine schließenden Tags zulassen: Bereich (definiert den Bereich in der Imagemap), Basis (gibt die Standardadresse für alle Links auf der an Seite oder Standardziel), br, col (Attributwerte für eine oder mehrere Spalten in der Tabelle definieren), embed (eingebettete Inhalte definieren, z. B. Plug-Ins--5), hr, img, input, keygen, link , meta, param, source , track, wbr

kann das schließende Tag-Tag weglassen: li, dt, dd, p, rt, optgroup, option, colgroup, thread, tbody, tr, td, th

können vollständig weggelassene Tags sein: html, head, body, colgroup, tbody

Neue Tags

Abschnitt: ein Inhaltsblock auf der Seite, in Kapitel unterteilt , Seiten, Die Fußzeile oder andere Teile der Seite können in Kombination mit h1, h2 ... und anderen Tags verwendet werden, um die Dokumentstruktur darzustellen.

Artikel: Stellt einen unabhängigen Inhalt auf der Seite dar, der für den Kontext irrelevant ist, beispielsweise ein Artikel.

nebenbei: Definieren Sie andere Inhalte als den Artikel. Der Inhalt der Seite sollte mit dem Inhalt des Artikels in Zusammenhang stehen.

Header: Der Titel des Inhaltsblocks auf der Seite oder der gesamten Seite.

Fußzeile: Der Inhaltsblock auf der Seite oder die Fußzeile der gesamten Seite.

hgroup: Gruppieren Sie die Inhaltsblöcke auf der Seite oder die Titel der gesamten Seite.

nav: Teil des Navigationslinks.

Abbildung: Gibt unabhängige Flussinhalte an (Bilder, Diagramme, Fotos, Code usw., der Inhalt sollte sich auf den Hauptinhalt beziehen, aber wenn er gelöscht wird, sollte er keine Auswirkungen auf den Dokumentenfluss haben).

Video: Video. exp:

<video src="url" controls="controls">视频</video>

Audio: Audio.

einbetten: Wird zum Einbetten von Inhalten (einschließlich verschiedener Medien) verwendet.

Markierung: Farbe ändern, aufpassen.

Fortschritt: Fortschrittsbalken. exp:

<progress max="100" value="85"></progress>

time: Definieren Sie Datum oder Uhrzeit oder beides. Dieses Tag wird von der Suchmaschine verwendet. Anhand dieses Tags erkennt die Suchmaschine, dass dieser Block eine Zeit darstellt. Es gibt ein Attribut mit dem Namen pubdate. Wenn die Engine es liest, weiß sie, dass der Wert in datatime in diesem Block die Veröffentlichungszeit dieses Artikels ist und dass diese Zeit zwei Sonderzeichen T und Z enthält. T steht für das Datums- und Zeittrennzeichen, Z steht für das Standardformat der Zeit. exp:59564c49d883b71c22279545d13f1f8191be1970faf1a1e6511e94af3a0f5b95

datalist: Definieren Sie die Optionsliste. Verwenden Sie dieses Element in Verbindung mit einem Eingabeelement, um die möglichen Werte der Eingabe zu definieren. exp:

<input list="cars"/><datalist id="cars"><option value=""></datalist>
output:exp:<form oninput="x.value=parseInt(a.value)+parseInt(b.value)">0<input type="range" id="a" value="50">100+<input type="number" id="b" value="50">=<output name="x" for="a b"></output></form>

Globales Attribut

Datentyp: Benutzerdefiniertes Attribut.

hidden: versteckt, einzelnes Label.

Rechtschreibprüfung: Korrigieren Sie die Grammatik des Eingabeinhalts. exp:

<textarea spellcheck="true" ></textarea>

tabindex: Reihenfolge der Tabulatortasten.

contenteditable: Ändern Sie den Inhalt. exp:

<p contenteditable="true" ></p>

Den gesamten Text bearbeitbar machen:

<script>window.document.designMode="off";</script>

//aus, ein: bearbeitbar

[Verwandte Empfehlungen]

1 . Kostenloses h5-Online-Video-Tutorial

2 Tags in HTML5

Das obige ist der detaillierte Inhalt vonZusammenfassung der Tags in HTML5. 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