Der Unterschied zwischen H5 und herkömmlichem HTML

In diesem Artikel werden hauptsächlich relevante Informationen zum Unterschied zwischen HTML5 und herkömmlichem HTML in HTML5-Studiennotizen vorgestellt. Freunde, die sie benötigen, können darauf verweisen 1. Änderungen in der HTML5-Syntax
Die in den Wissenspunkten genannten Änderungen beziehen sich auf die auf HTML4 basierenden Änderungen, die im Wesentlichen wie folgt lauten:
1 Die Dateierweiterung (.html oder .htm) und der Inhaltstyp (text/html) von HTML5 bleiben erhalten unverändert.
2. In HTML5 werden Versionsdeklarationen bewusst nicht verwendet und ein Dokument gilt für alle HTML-Versionen.
3. Ab HTML5 wird empfohlen, UTF-8 für die Zeichenkodierung von Dateien zu verwenden.
4.HTML5 gewährleistet maximale Kompatibilität mit früheren HTML-Versionen.
Um die Kompatibilität sicherzustellen, müssen wir mit dem Element beginnen. In HTML5 kann das Tag des Elements weggelassen werden. Insbesondere werden die Tags von Elementen in drei Typen unterteilt: „Das End-Tag darf nicht geschrieben werden“, „Das End-Tag kann weggelassen werden“ und „Das Start-Tag und das End-Tag können weggelassen werden“.
• Schluss-Tag-Elemente sind nicht erlaubt: area, base, br, col....
• Schluss-Tags können weggelassen werden: li, dt, dd, p, rt...
• Beide Start-Tag und End-Tag können weggelassen werden: html, head, body.....
2.Neue Strukturelemente von
•Das Abschnittselement stellt einen Inhaltsblock auf der Seite dar, z. B. ein Kapitel, eine Kopfzeile, eine Fußzeile oder einen anderen Teil der Seite.
•Das Artikelelement stellt einen Teil der Seite dar, der keinen Kontext darstellt -bezogener unabhängiger Inhalt, z. B. ein Artikel in einem Blog oder ein Artikel in einer Zeitung;
•aside-Element stellt zusätzlich zum Inhalt des Artikelelements Zusatzinformationen dar; header-Element Stellt den Titel eines Inhaltsblocks auf der Seite oder der gesamten Seite dar;
•hgroup-Element wird verwendet, um die Titel der gesamten Seite oder eines Inhaltsblocks auf der Seite darzustellen; Seite oder ein Teil des Inhalts in der Fußzeile des Seitenblocks. Im Allgemeinen enthält es den Namen des Erstellers, das Erstellungsdatum und die Kontaktinformationen des Erstellers. Das
•nav-Element stellt den mit der
Navigation
verlinkten Teil der Seite dar; stellt einen unabhängigen Absatz dar. Stream-Inhalt stellt im Allgemeinen eine unabhängige Einheit im Haupt-Stream-Inhalt des Dokuments dar. Verwenden Sie das figcaption-Element, um der Abbildungselementgruppe einen Titel hinzuzufügen 2. Weitere neue Elemente

·Audio-Element-Definition Audio
, wie Musik oder andere Audio-Streams; •Einbettungselement wird zum Einfügen verschiedener Multimedia verwendet, das Format kann Midi, Wav, AU, MP3 sein usw.; •Markierungselement Um dem Benutzer Text, der hervorgehoben oder hervorgehoben werden muss, visuell darzustellen, besteht eine typische Anwendung darin, dem Benutzer die Suchschlüsselwörter in den
Suchergebnissen·progress-Element stellt den laufenden Prozess dar • Ruby-Element stellt Ruby dar Kommentar
(chinesische Lautschrift oder Schriftzeichen) • rt-Element stellt die Erklärung oder Aussprache des Schriftzeichens dar (Chinesisch phonetisch (phonetisch oder zeichenhaft) • rp-Element in Wird in Ruby-Annotationen verwendet, um Inhalte zu definieren, die von Browsern angezeigt werden, die Ruby-Elemente nicht unterstützen.
•Das wbr-Element stellt weiche Zeilenumbrüche dar, und wenn die Breite nicht ausreicht, werden hier aktiv Zeilenumbrüche durchgeführt
•LeinwandElemente repräsentieren Grafiken wie Diagramme und andere Bilder
•cammand-Elemente stellen Befehle
Button
dar, wie z. B.
Radio Button, Checkbox
oder Button•Das Detailelement stellt die detaillierten Informationen dar, die der Benutzer benötigt und kann get• Das Datagrid-Element stellt eine Liste optionaler Daten dar, die in Form einer Baumliste angezeigt werden•keyDas gen-Element stellt den generierten Schlüssel dar•Das Ausgabeelement stellt verschiedene Ausgabetypen dar, beispielsweise Skripte. Ausgabe
• Das Quellelement definiert Medienressourcen für Medienelemente (wie

Das Eingabeelement gehört zum Formular. Es wird in das Formular geschrieben und es ist nicht erforderlich, das anzugeben Formularattribut dafür. Das Textarea-Element wird außerhalb des Formulars geschrieben, ist jedoch dem Formular untergeordnet, sodass die ID des Formulars auf das Formularattribut des Textarea-Elements festgelegt wird.

Der Vorteil besteht darin, dass Sie, wenn Sie Stile zu den Elementen auf der Seite hinzufügen müssen, diese bequemer hinzufügen können, da sie nicht mehr über die Formulare verstreut sind.

<!DOCTYPE HTML> 
<html lang="en-US"> 
<head> 
<meta charset="UTF-8"> 
<title>form属性</title> 
</head> 
<body> 
<form action="" id="testform"> 
<input type="text" name="" /> 
</form> 
<textarea form="testform" name="" cols="30" rows="10"></textarea> 
</body> 
</html>

[Verwandte Empfehlungen]

1.

Kostenloses HTML5-Video-Tutorial

2. Ein Eingabefeld erscheint beim Erstellen einer virtuellen Tastatur in H5 Was tun bei Verstopfung?

3.

Detaillierte Erläuterung der Methode zur Implementierung der Vollbildwiedergabe auf WeChat in HTML5

4.

Detaillierte Erläuterung der Browserkompatibilitätsprobleme mit Neue H5-Tags

5.

Gesamtüberblick über die Verwendung von H5 zum Erstellen von Webseiten

Das obige ist der detaillierte Inhalt vonDer Unterschied zwischen H5 und herkömmlichem HTML. Für weitere Informationen folgen Sie bitte anderen verwandten Artikeln auf der PHP chinesischen Website!