Struktur und Semantik von HTML5 (4): Semantische Inline-Elemente_HTML5-Tutorialfähigkeiten

HTML4 verwendet 5 verschiedene Inline-Elemente, um leicht unterschiedliche Computercodes darzustellen: var, code, kbd, tt und samp. Es kann jedoch keine Grundwerte wie Zeit und Zahlen darstellen. HTML5 bietet mehrere neue Inline-Elemente, um den Anforderungen technisch nicht versierter Autoren gerecht zu werden.
m
Das m-Element zeigt an, dass der Text „markiert“ ist, muss aber nicht unbedingt hervorgehoben werden. Stellen Sie es sich wie einen hervorgehobenen Abschnitt in einem Buch vor. Ein typischer Anwendungsfall sind die zwischengespeicherten Seiten von Google. Beim Verlinken auf eine zwischengespeicherte Kopie wird der Suchbegriff markiert. Wenn Sie beispielsweise nach „Egret“ suchen, könnte eine zwischengespeicherte Google-Seite so aussehen:
Der Silberreiher (auch bekannt als Amerikanischer Silberreiher) ist ein großer weißer Stelzvogel, der weltweit vorkommt. Der Silberreiher fliegt mit langsamen Flügelschlägen >. Derzeit gibt es Kontroversen über den Namen dieses Elements. Es kann vor der Veröffentlichung der Spezifikation von m auf mark geändert werden.
Zeit Das Zeitelement stellt einen Zeitwert dar, z. B. 17:35 Uhr, EST, 23. April 2007. Zum Beispiel:
Ich schreibe dieses Beispiel
17:35 Uhr am 23. April.
Das Zeitelement kann Browsern und anderen Programmen dabei helfen, die Zeit in HTML-Seiten zu erkennen. Es ist keine spezielle Formatierung für den Elementinhalt erforderlich. Allerdings sollte jedes Zeitelement ein datetime-Attribut haben, das einen Zeitwert enthält, der für die Maschinenerkennung besser geeignet ist, wie zum Beispiel:
Ich schreibe dieses Beispiel
17:35 Uhr am 23. April.

Ein maschinenlesbarer Zeitwert kann für Suchmaschinen, Kalenderprogramme usw. nützlich sein.
Meter
　Das Meter-Element stellt einen numerischen Wert innerhalb des angegebenen Bereichs dar. Es könnte beispielsweise verwendet werden, um Gehälter, den Prozentsatz der französischen Wähler, die für LePen gestimmt haben, oder Testergebnisse darzustellen. Hier verwende ich Meter, um Daten darzustellen, die von einem Google-Programmierer zu Software Development 2007 bereitgestellt wurden:

Ein Einsteigerprogrammierer in Silicon Valley
kann mit einem Start von ca.

$90.000
pro Jahr rechnen.
Das Meter-Element hilft Browsern und anderen Clients, Mengen in HTML-Seiten zu identifizieren. Es ist keine spezielle Formatierung für den Elementinhalt erforderlich. Allerdings kann jedes Zählerelement bis zu 6 Attribute haben, die diese Größe in einer für die Maschinenerkennung besser geeigneten Form darstellen: 🎜>Diese Attribute sollten alle eine Dezimalzahl enthalten. Die Note für die Abschlussprüfung kann beispielsweise wie folgt geschrieben werden:

Ihre Punktzahl war
B .

Das bedeutet, dass die Punktzahl des Schülers 88,7 auf der Hundert-Punkte-Skala beträgt. Der niedrigste mögliche Wert ist 0, der tatsächlich niedrigste Wert liegt jedoch bei 65. Die maximal mögliche Punktzahl beträgt 100, die tatsächliche Höchstpunktzahl beträgt jedoch 96. Der Benutzeragent kann diese Informationen mit einer Art numerischer Steuerung oder zusätzliche Daten in einem Tooltip anzeigen. Der wahrscheinlich häufigste Fall besteht jedoch darin, sie wie jedes andere Inline-Element zu formatieren.
Fortschritt
Das Fortschrittselement stellt den Status eines laufenden Prozesses dar, wie ein Fortschrittsbalken in einer Anwendung mit grafischer Benutzeroberfläche (GUI). Sie können damit beispielsweise den Prozentsatz einer heruntergeladenen Datei oder die aktuelle Position beim Abspielen eines Films anzeigen. Die Fortschrittskontrolle unten zeigt an, dass der Download zu 33 % abgeschlossen ist:

Heruntergeladen:

33 %



Das Wertattribut stellt den aktuellen Status des Vorgangs dar. Das Attribut „max“ gibt die Gesamtzahl der Vorgänge an. Dieses Element gibt an, dass die Gesamtmenge der herunterzuladenden Daten 4.603.807 Byte beträgt und 1.534.602 Byte heruntergeladen wurden.
Ignorieren Sie das Max-Attribut, um einen unendlichen Fortschritt anzuzeigen.
Wenn der Vorgang ausgeführt wird, sollte die JavaScript-Sprache verwendet werden, um den Fortschrittsbalken dynamisch zu aktualisieren. Im statischen Fall hat dieses Element wenig Bedeutung.

　
　(Fortsetzung folgt)