Heim > Artikel > Web-Frontend > Ein Beispiel-Tutorial zu semantischen HTML5-Elementen

Ein Beispiel-Tutorial zu semantischen HTML5-Elementen

零下一度Original: 2017-06-13 11:51:381579Durchsuche

Was ist ein semantisches Element? Ein semantisches Element kann Browsern und Entwicklern seine Bedeutung klar beschreiben. Beispiele für semantische Elemente:

– keine Notwendigkeit, den Inhalt zu berücksichtigen:

und – definiert den Inhalt eindeutig Unterstützt in Internet Explorer 9+, Firefox, Chrome, Safari und Opera. Hinweis: Dieses Element wird in Internet Explorer 8 und früheren Versionen nicht unterstützt. Am Ende des Artikels wird jedoch eine kompatible Problemumgehung bereitgestellt. Viele vorhandene Websites enthalten den folgenden HTML-Code:

oder

1. Einführung in HTML5-Beispiele für semantische Elemente

Ein Beispiel-Tutorial zu semantischen HTML5-Elementen

Einführung: Semantisches Element = Bedeutung eines Elements seine Bedeutung für Browser und Entwickler:

– keine Notwendigkeit...

2 Verwendung und Kompatibilität von Elementen

Ein Beispiel-Tutorial zu semantischen HTML5-Elementen

Einführung: 1. Neue semantische Elemente: HTML5 bietet neue semantische Elemente zur Verdeutlichung von a Verschiedene Teile der Webseite: Beschreibt den Kopfbereich des Dokuments, der den Einleitungs- und Anzeigebereich des Inhalts definiert: Definiert die Abschnitte (Abschnitte, Abschnitte) im Dokument, z. B. Kapitel, Kopfzeilen, Fußzeilen. oder Dokumente. In anderen Teilen enthält der Abschnitt normalerweise eine Reihe von Inhalten und sein Titel: definiert unabhängigen Inhalt.: definiert Inhalt außerhalb des Hauptbereichs der Seite (z. B. eine Seitenleiste): Tag gibt einen unabhängigen Fluss an

HTML5 lernen in fünf Minuten (2)

Einführung: HTML5-Entwicklung und Kompatibilität mit alten Browsern Wir haben viele der coolen neuen Funktionen von HTML5 besprochen, darunter neue semantische Elemente, das Canvas-Tag zum Zeichnen sowie Audio- und Videounterstützung. Sie denken vielleicht: Diese Dinge sind großartig, aber wenn der Browser des Benutzers nicht HTML5-kompatibel ist, funktioniert es möglicherweise nicht ...,.

HTML5-HTML-Elementerweiterung (Teil 1) – neu hinzugefügte Elemente und Verwendungsübersicht_HTML5-Tutorial-Fähigkeiten

Ein Beispiel-Tutorial zu semantischen HTML5-Elementen

Einführung: HTML5 fügt neue Strukturelemente wie Kopfzeile, Fußzeile, Navigationsnavigation, Inhaltsartikel, Abschnitt usw. hinzu. Darüber hinaus gelten die Strukturelemente des Ganzen Seite fügt HTML5 auch semantische Elemente auf Blockebene hinzu. Es kann für Sie hilfreich sein

[Verwandte Fragen und Antworten]:

Was bedeuten die semantischen Elemente in HTML5?

Das obige ist der detaillierte Inhalt vonEin Beispiel-Tutorial zu semantischen HTML5-Elementen. 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

Vorheriger Artikel：10 empfohlene Artikel zur HTML5-EntwicklungNächster Artikel：10 empfohlene Artikel zur HTML5-Entwicklung

In Verbindung stehende Artikel

Mehr sehen