Artikeleinführung von Wulin.com (www.vevb.com): Eine ausführliche Erläuterung der neuen Elemente zu HTML 5.
Für das HTML -Rendering steckte der Browser auf der Ebene von 1999 fest. Zu diesem Zweck ist HTML 5 eine pragmatische Lösung, die sich nicht nur mit HTML -Verstreute in jeder Ecke der Welt im Laufe der Jahre weiter befasst, sondern es den Browserherstellern auch erleichtert, neue Funktionen hinzuzufügen. Dies nennt man sich anmutig abgebaut. Schauen wir uns einige neue Elemente an, die zu HTML 5 hinzugefügt wurden.
HTML 5 Strukturelemente
Das ist wirklich großartig. Gegenwärtig können wir nur eine Struktur durch eine universelle DIV definieren und versuchen, den Kopf, die untene oder die Seitenleiste auszudrücken, indem wir den Wert seiner charakteristischen ID wie Header, Fußzeile, Seitenleiste usw. festlegen, müssen Codeautoren nicht mehr Zeit damit verbringen, Zeit zu benennen, die für Mobiltelefone, Leser und andere Geräte semantischer sind. HTML 5 fügt neue Strukturelemente hinzu, um diese am häufigsten verwendeten Strukturen auszudrücken:
◆ Abschnitt: Dies kann einen Teil oder ein Kapitel des Buches oder einen Abschnitt innerhalb eines Kapitels ausdrücken.
◆ Header: Der Header auf dem Hauptkörper der Seite. Nicht das Kopfelement
◆ Fußzeile: Am Ende der Seite (Fußzeile), die der Ort einer E -Mail -Signatur sein kann
◆ NAV: Sammlung von Links zu anderen Seiten
◆ Artikel: Eine unabhängige Aufzeichnung wie Blog, Magazin, Umriss usw.
Wenn beispielsweise die Homepage eines Blogs in HTML 5 geschrieben ist, kann sie so sein (weggelassen):
HTML fügt auch die folgenden drei Elemente auf Blockebene hinzu:
◆ beiseite
◆ Abbildung/Code>
◆ Dialog
Abgesehen davon können Sie Notizen, Tipps, Seitenleisten, Zusammenfassung, eingefügte Zitate usw. wie Inhalt als ergänzende Themen ausdrücken. Zum Beispiel drückt die Seitenleiste den Blog wie folgt aus:
Das Figurenelement repräsentiert ein Bild auf Blockebene mit Beschreibung. Zum Beispiel:
<Aby> <Legend> Dies ist eine Darstellung des Bildes </legend> <img Alt = Bildersatztext In HTML 5 wird DT verwendet, um den Sprecher darzustellen, während DD verwendet wird, um den Inhalt des Sprechers darzustellen. wie:
Ich muss jetzt auf das leere ... semantisches Element inline klicken, und das M -Element wird verwendet, um einen nicht so wichtigen Text zu markieren. Es gibt jetzt noch Kontroversen und es kann schließlich zu Mark geändert werden.
Das Zeitelement wie sein Name wird verwendet, um Zeit auszudrücken. Es erfordert eine DateTime -Funktion, um die Zeit anzugeben, die die Maschine erkennen kann, z. B.:
<Time DateTime = 2008-08-08T20: 08: 08> 8. August 2008 um 8: 8: 20 Uhr </tiem> Meter-Element drückt Werte in einem bestimmten Bereich aus. Kann für Gehalt, Prozentsatz, Punktzahl usw. verwendet werden, zum Beispiel:
Ich bedaure Ihnen, Ihnen zu sagen, dass ich nur <Meter> 150 cm </Meter> habe und es gibt 6 Eigenschaften, um alle Bedeutungen auszudrücken, wie z. B.:
Es gibt auch einen Fortschritt, der auch der Name des Wortes ist, um den Fortschritt auszudrücken:
Zielabschlussgrad: <Fortschrittswert = 40 max = 100> 40%</progress> in Multimedia eingebettet
Video- und Audioelemente hinzugefügt. Wie der Name schon sagt, werden sie verwendet, um Video bzw. Sound einzufügen. Das Format wird vom Browser implementiert, und HTML benötigt keinen speziellen Code mehr, um ein bestimmtes Format zu spielen. Genau wie IMG kann es angezeigt werden, ob es sich um PNG, JPG oder GIF handelt. Es ist erwähnenswert, dass sie Inhalte enthalten können. Zum Beispiel können Sie die Texte in ein bestimmtes Lied einfügen:
Interaktiv
HTML 5 wird auch als Webanwendungen 1.0 bezeichnet und entwickelt daher interaktive Funktionen weiter. Diese Tags werden erstellt, um die interaktive Erfahrung der Seite zu verbessern:
Details
DataGrid
Speisekarte
Befehl
Details werden verwendet, um einen bestimmten Inhalt darzustellen, aber der Inhalt wird möglicherweise nicht standardmäßig nicht angezeigt und wird nur durch Interaktion mit der Legende mit einigen Mitteln angezeigt (z. B. Klicks). Dies ähnelt der aktuellen Praxis, ein Stück Inhalt durch JavaScript zu verbergen und nach Klicken anzuzeigen. Zum Beispiel:
Notieren Sie jedes Detail im Leben in einem Satz. <details> <Legend> More </legend> <p> Kommunizieren und teilen, bringen Sie Sie und Freunde näher und unterstützen Sie MSN/GTALK/QQ, SMS und Mobiltelefon WAP </p> </details> Es kann eine offene Funktion haben, um Details anzuzeigen oder nicht.
DataGrid wird zur Steuerung von Daten verwendet und kann von Benutzern oder Skripten aktualisiert werden.
Menühtml 2 existiert, aber HTML 4 wird verworfen. HTML 5 Abfallnutzung und Fügen Sie im Zeitraum Befehlselemente hinzu.