Eine kurze Analyse des HTML5-Seitenlayouts für mobile Geräte. _HTML5-Tutorial-Fähigkeiten

Wir kombinieren die Eigenschaften mobiler Geräte (Mobiltelefone und Tablets), um die neuen semantischen Tag-Elemente in HTML5 sowie das Wissen und Beispiele des Webseitenlayouts unter mobilen Webbrowsern einzuführen.
Zu den neuen Elementen, die durch den HTML5-Standard hinzugefügt wurden, gehören die für allgemeine Seitenstrukturen verwendeten Elemente, darunter Kopfzeile, Fußzeile, Fußzeile, Navigation, Artikelabschnitt und hgroup.
Das Folgende ist eine kurze Einführung in dieses Element:
1.header
header> definiert die Seitenkombination des Dokuments, normalerweise einige Leit- und Navigationsinformationen und normalerweise das Tag enthält abschnittsweise Header-Informationen wie h1~h6 oder hgroup usw.

Code kopieren

Der Code lautet wie folgt:

>　h1>HTML5-Layout-Lernen
　

Lernen Sie hart

stimmt mit dem folgenden Code überein:

Kopieren Sie den Code

Der Code lautet wie folgt:

　

HTML5-Layout-Lernen

2.footer

Das Element definiert das Ende des Dokuments oder Kapitels und enthält einige grundlegende Informationen zum Kapitel, z. B. Informationen zum Autor, verwandte Links und Copyright-Informationen. Sie können mehrere Kopf- und Fußzeilen auf einer Seite verwenden und auch einige andere Elemente einfügen, z. B. div ul usw. DatenschutzinformationenÜber uns

3.nav

-Element wird verwendet, um die erstellte Navigation zu definieren, Navigationslinks anzuzeigen und einige Hauptnavigationslinks der aktuellen Seite einzufügen.

　

　

4.aside

-Element wird zum Definieren eines Bereichs einer Seite verwendet, zur Darstellung des Hauptinhalts im Zusammenhang mit der Seite und zum Laden von Nichttext Hauptinhalte wie Litfaßsäulen, Seitenleiste usw. 5.article Das

-Element stellt ein Dokument oder eine Seite dar und wird verwendet, um einen unabhängigen Artikelinhalt anzuzeigen, z. B. eine Website-Neuigkeit, einen Blog-Artikel usw .

　

Code kopieren

Der Code lautet wie folgt:

Artikel-Tag 1

　　　　

Artikel-Tag2

6.section

　 Der Abschnitt im ersten Element des

-Elements, z. B. Kapitel, Kopf- und Fußzeilen.

　

Code kopieren

Der Code lautet wie folgt:

　　 gt; 🎜>


7.hgroup

　

ist als Kombination von Titelelementen einer Webseite oder eines Abschnitts definiert, wobei normalerweise mehrstufige h1~h6-Tag-Knoten zur Gruppierung verwendet werden.
　

Code kopieren

Der Code lautet wie folgt: hgroup>
　　　

🎜> 🎜 >

Tatsächlich sind zusätzlich zu den von uns eingeführten semantischen Tags weitere Tags mit unterschiedlicher Semantik im HTML5-Standard definiert.

* Audio: Audioinhalt definieren. * Canvas: Canvas-Funktion definieren. * Befehl: Definieren Sie eine Befehlsschaltfläche. * Datenliste: Definieren Sie eine Dropdown-Liste. * Details: Definieren Sie den detaillierten Inhalt eines Elements.

* Dialog: Definieren Sie ein Dialogfeld.

* keygen: Definieren Sie einen beanspruchten Schlüsselwert im Formular.

* Markierung: Markierten Text definieren.
* Ausgabe: Definieren Sie einige Ausgabetypen.
* Fortschritt: Definieren Sie den Prozess der Aufgabe.
* Quelle: Medienressourcen definieren.
* Video: Definieren Sie einen Videoinhalt.
Obwohl dem HTML5-Standard viele neue Elemente hinzugefügt wurden, gibt es nicht viele Möglichkeiten, sie tatsächlich in mobilen Webanwendungen zu verwenden.
Obwohl Tags wie Audio und Video in mobilen Webanwendungen praktiziert werden können, können sie aufgrund ihrer Leistung, Kompatibilität und Seitenwiedergabe nicht gut auf Webbrowser auf Smartphones und Tablets angewendet werden.