Heim > Web-Frontend > H5-Tutorial > H5 neue Elemente

H5 neue Elemente

高洛峰
Freigeben: 2016-10-12 10:51:12
Original
1337 Leute haben es durchsucht

H5 neue Elemente

1. Artikelelement (Tag)

Wird zum Definieren eines unabhängigen Inhaltsblocks wie eines Artikels, eines Blogs usw. verwendet.

Andere Elemente können innerhalb des Artikelelements verschachtelt werden. Es kann einen eigenen Kopf, Schwanz, Körper und andere Inhalte haben, wenn es verwendet wird Wird für unabhängige und vollständige Inhalte verwendet. Wenn es sich nur um einen Absatz handelt, sollte das Abschnittselement verwendet werden.

2. Abschnittselement

Wird zum Definieren von Kapiteln im Artikel verwendet (sollte normalerweise Titel und Absatzinhalt haben).

Wird zum Definieren bestimmter Inhaltsblöcke im Dokument verwendet Wird als Bereichsgruppierungselement betrachtet und dient dazu, den Inhalt der Seite in Abschnitte zu unterteilen.

Das Abschnittselement kann den Hauptinhalt des Dokuments definieren

In einem Satz besteht seine Funktion darin, den Inhalt zu segmentieren und die Seite zu unterteilen

Achten Sie auf den Unterschied zwischen it und div betonen die Unabhängigkeit in der Form, während section die Unabhängigkeit im Inhalt betont.

3. Der Unterschied zwischen Artikelelement und Abschnittselement

Unterschiedliche Semantik

Das Artikelelement betont die Unabhängigkeit des Inhalts

Das Abschnittselement betont die Korrelation des Inhalts

Das Artikelelement ist unabhängiger und vollständiger Inhalt, das Abschnittselement ist der Seiteninhalt in Blöcke unterteilt

Derselbe Punkt

Sie sind im Wesentlichen div-Blockelemente mit Semantik

Kann als

und

4 angesehen werden. aside-Element

Das aside-Element wird normalerweise zum Festlegen der Seitenleiste verwendet > wird zur Definition des Artikelelements verwendet, sofern der Inhalt mit dem Inhalt innerhalb des Artikelelements in Zusammenhang steht

Gleichzeitig kann er auch innerhalb des Artikelelements verschachtelt und als Zusatzinformation verwendet werden B. Referenzmaterialien zum Inhalt, Substantiverklärungen usw.

5.nav-Element

Wird zum Definieren von Verzeichnissen, Navigationsleisten und Hyperlinks

Nicht alle Hyperlinks werden in Navigationselementen platziert, normalerweise nur in einem Dokument. Die Hauptnavigationsleiste wird in Navigationselementen platziert

Auf der Artikelseite kann Navigation auch verwendet werden, um einen Verzeichnis-Hyperlink für einen Text zu erstellen

6. Zeitelement

Mikroformate

Mikroformate in HTML5 sind eine Methode zur Verwendung neuer Tags in HTML5, um zusätzliche Informationen wie das Datum hinzuzufügen und Uhrzeit eines Nachrichtenereignisses, das Veröffentlichungsdatum eines Artikels usw.

  Die Mikroformate in HTML5 sollen die Datenextraktion des Browsers vereinfachen und die Suche von Suchmaschinen erleichtern

Das Zeitelement

Zeit ist ein neues Element in HTML5

Das Zeitelement stellt einen bestimmten Zeitpunkt oder ein bestimmtes Datum innerhalb von 24 Stunden dar und zeigt an, dass Zeitunterschiede zulässig sind. Es kann Datums- und Uhrzeitangaben in vielen Formaten definieren.

Das datetime-Attribut stellt das Datum und die Uhrzeit dar, die durch den Text „T“ getrennt werden sollen. Bitte beachten Sie, dass in der vorletzten Zeile die Uhrzeit plus Z steht text Es bedeutet, dass beim Kodieren der Maschine die Zeit einer anderen Region verwendet wird. Wenn die lokale Zeit kodiert ist, muss kein Zeitunterschied hinzugefügt werden.

 Das Pubdate-Attribut ist ein optionales Tag. Damit können Suchmaschinen/Browser leicht erkennen, welches Datum das Veröffentlichungsdatum von Artikeln und Nachrichten ist

Beispiel für das Zeitelement.

 

12. Oktober 2015

12. Oktober 2015 um 20 Uhr

Oktober 2015 um 20 Uhr am 12.

20 Uhr US-Zeit am 12. Oktober 2015

Normalerweise wird die Titelgruppierung normalerweise in der Kopfzeile platziert, aber es ist ist nicht obligatorisch und nicht absolut

9. Adresselement

Wird normalerweise zur Beschreibung sitzender Kontaktinformationen wie Name, E-Mail-Adresse, Telefonnummer, Adresse usw. verwendet.

Der Inhalt im Adresselement wird kursiv angezeigt

10. Vorteile des neuen Layouts

1. Konzentrieren Sie sich mehr auf den Inhalt als auf die Form

2. Freundlich zu Menschen : semantischer, aussagekräftiger, intuitiver und bessere Lesbarkeit des Codes.

3. Computerfreundlich: Browser können den Inhalt des Dokuments einfacher analysieren und Suchmaschinen können ihn leichter crawlen

4. Der Code ist prägnanter

11. Figure-Element

Figure/figcaptio sind neue Elemente in HTML5

Das Figure-Element ist ein Medienkombinationselement, das eine Kombination aus anderen Medienelementen wie Bildern, Symbolen usw. darstellt.

12.figcaptio-Element

Wird verwendet, um einen Titel für das Abbildungselement zu definieren

13.video

src-Attribut: Audioadresse

Schleife Attribut: Ob die Wiedergabe wiederholt werden soll

; Autoplay-Attribut: ob automatisch abgespielt werden soll

; Posterattribut: was angezeigt werden soll, bevor das Video geladen wird

Erster Typ:

Ihr Browser unterstützt nicht

Ihr Browser unterstützt nicht



Verwandte Etiketten:
Quelle:php.cn
Erklärung dieser Website
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
Beliebte Tutorials
Mehr>
Neueste Downloads
Mehr>
Web-Effekte
Quellcode der Website
Website-Materialien
Frontend-Vorlage