Heim >Web-Frontend >H5-Tutorial >Ausführliche Erläuterung der Verwendung des H5-Tags
Dieses Mal werde ich Ihnen die Verwendung von H5-Tags ausführlich erklären. Welche Vorsichtsmaßnahmen gibt es bei der Verwendung von H5-Tags?
Schreiben schließender Tags nicht zulassen : area (definiert den Bereich in der Imagemap), base (gibt die Standardadresse oder das Standardziel für alle Links auf der Seite an), br, col (Definieren Sie Attributwerte für eine oder mehrere Spalten in der Tabelle), embed (definieren Sie eingebettete Inhalte, z. B. Plug-Ins--5), hr, img, input, keygen, link, meta, param, source, track , wbr
Sie können das Tag des schließenden Tags weglassen: li, dt, dd, p, rt, optgroup, option, colgroup, thread, tbody, tr, td , th
Tags, die komplett weggelassen werden können : html, head, body, colgroup, tbody
Neue Tags
Abschnitt: Ein Inhaltsblock auf der Seite, einschließlich eines Kapitels, einer Seite, einer Fußzeile oder eines anderen Teils der Seite, kann in Verbindung mit Tags wie h1, h2... 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:NavigationTeil des Links.
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 haben des Dokumentenflusses).
Video: Video. exp:be94da381e70e23bfbfbd2859ab31663videoa6a9c6d3f311dabb528ad355798dc27d
audio: Audio.
Einbetten: Wird zum Einbetten von Inhalten (einschließlich verschiedener Medien) verwendet.
Markierung: Farbe ändern, aufpassen.
Fortschritt:Fortschrittsbalken. exp:b53711f9206adba438e27e16406001b4a211cb70e7878dbce34a6f8dc0175647
time: Definiert das Datum oder die 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 Trennzeichen von Datum und Uhrzeit und Z für das Standardformat der Uhrzeit. 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:9e8623ff3f31a5ea3c53568ddb9ccc8d1c6ebbe2b1c97f83cea4235f9f120ea7aba78b0dcb1db399ec615ce176d67bcebbb84e3e75b36eb4260cf6b3db844ca1
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>
Datentyp: Benutzerdefiniertes Attribut.
hidden: versteckt, einzelnes Label.
Rechtschreibprüfung: Korrigieren Sie die Grammatik des Eingabeinhalts. exp:8e7f67e9bfc18a5d49dcf58fb56da12a40587128eee8df8f03d0b607fe983014
tabindex:Tab-Tastenreihenfolge.
contenteditable: Ändern Sie den Inhalt. exp:c4b10d018c0500c181c2aaa767b5fd1494b3e26ee717c64999d7867364b1b4a3
Machen Sie den gesamten Text bearbeitbar:
<script>window. document .designMode="off";</script>//off关闭,on:可编辑
Ich glaube, dass Sie die Methode beherrschen, nachdem Sie den Fall gelesen haben Weitere spannende Inhalte finden Sie in anderen verwandten Artikeln auf der chinesischen PHP-Website!
Empfohlene Lektüre:
Detaillierte Erläuterung der Verwendung von Paging-Abfragen
So entwickeln Sie eine WeChat-Wall mit Node.js
Das obige ist der detaillierte Inhalt vonAusführliche Erläuterung der Verwendung des H5-Tags. Für weitere Informationen folgen Sie bitte anderen verwandten Artikeln auf der PHP chinesischen Website!