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

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

WBOYWBOYWBOYWBOYWBOYWBOYWBOYWBOYWBOYWBOYWBOYWBOYWB

Freigeben： 2016-05-16 15:46:11

Original

1386 Leute haben es durchsucht

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:

2.footer

3.nav

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

Code kopieren

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.