HTML 5 ist ein neuer Webstandard, der die bestehenden HTML-Standards HTML 4.01, XHTML 1.0 und DOM Level 2 ersetzen soll. Ziel ist es, den Bedarf des Browsers an Plug-in-basierten Rich-Internet-Anwendungen (RIA) wie Adobe Flash, Microsoft Silverlight und Sun JavaFX zu verringern. HTML 5 bietet eine Reihe neuer Elemente und Attribute, die die typische moderne Nutzung von Websites widerspiegeln. Einige davon sind technisch ähnlich und beschriften, haben aber eine bestimmte Bedeutung, z.B.
(Site-Navigationsblock) und
. Solche Tags erleichtern die Indizierung durch Suchmaschinen, Geräte mit kleinem Bildschirm und die Nutzung durch Sehbehinderte. Gleichzeitig werden über eine Standardschnittstelle neue Funktionen für andere Browsing-Elemente bereitgestellt, beispielsweise und
markieren.
<header style=text-align: center; color: blue;>Willkommen im Lernpfad von Html5, ich bin der Header-Tag. </header>
Dies ist eine Tag-Datenliste, die eine Liste von Optionen definiert. Diese Funktion dient zum Kombinieren des Textfelds mit dem Auswahltag.
<Eingabetyp=Textliste=Telefon>
<Datenlisten-ID=Telefon>
<Option></Option>
<option>IPhone</option>
<option>Huawei</option>
<option>Xiaomi</option>
<option>Samsung</option>
</datalist>
<font color=red>Hier habe ich einen Unterschied zwischen den beiden entdeckt. Datalist hat nur dann einen eigenen definierten Dropdown-Inhalt, wenn das Eingabefeld leer ist!</font>
<br/>
Und dieses Auswahlfeld ist unabhängig vom Inhalt vorhanden.
<wählen>
<option>IPhone</option>
<option>Huawei</option>
<option>Xiaomi</option>
<option>Samsung</option>
</select>
--------------------------
<br><br><br>
Dies ist ein Tag, der die Details des Dokuments definiert. Detail-Tag. Seine Hauptfunktion ist einfach.
<Details>
<summary>Dies ist ein Detail-Tag. Hier erfahren Sie, wie Sie es verwenden</summary>
<p>Was ist das Detail-Tag? </p>
<p>Was bewirkt das Detail-Tag? </p>
<p>Was kann das Detail-Tag bewirken? </p>
<p>Wie soll ich das Detail-Tag verwenden? </p>
</details>
<br>
Das Detail-Tag wird häufig zusammen mit dem Zusammenfassungs-Tag verwendet. Bei diesem Tag handelt es sich beispielsweise um ein hervorgehobenes Tag <mark>mark</mark> mit unterschiedlichen Proportionen.
<br><br>
Das nächste Tag ist das Definitionslisten-Tag. Speisekarte.
<Menü>
<li>Reise in den Westen</li><li>Water Margin</li><li>Traum der Roten Kammer</li><li>Romanze der drei Königreiche</li>
</menu>
<br><br>
Wir verwenden häufiger Fortschrittsbalkenbezeichnungen. So wie dieses.
<mark>Fortschritt</mark>
<progress value=5 max=10>value=5 max=10</progress>
<br>
<audio src=controls=controls autoplay=autoplay loop=loop></audio>
<footer>Ich bin das untere Fußzeilen-Tag</footer>
Zusammenfassen
Das Obige sind die neuen Tags von HTML5, die der Herausgeber eingeführt hat. Wenn Sie Fragen haben, hinterlassen Sie mir bitte eine Nachricht. Der Herausgeber wird Ihnen rechtzeitig antworten. Ich möchte mich auch bei allen für die Unterstützung der VeVb-Kampfsport-Website bedanken!