HTML5 -Studiennotizen: Der Unterschied zwischen HTML5 und traditionellem HTML

In diesem Artikel wird hauptsächlich die relevanten Informationen über den Unterschied zwischen HTML5 und herkömmlichem HTML vorgestellt, nämlich die HTML5 -Studiennotizen. Freunde, die es brauchen, können sich auf den nächsten beziehen. Änderungen der HTML5 -Syntax

Die in diesem Wissenspunkt genannten Änderungen beziehen sich auf Änderungen, die auf HTML4 definiert sind, hauptsächlich wie folgt:

1. Das Dateierweiterungszeichen (.html oder .htm) von HTML5 bleibt vom Inhaltstyp (Text/HTML) unverändert.

2. Wenn Sie in HTML5 die Versionserklärung absichtlich nicht verwenden, gilt ein Dokument für alle Versionen von HTML.

3. Ab HTML5 wird empfohlen, UTF-8 für die Zeichenkodierung von Dateien zu verwenden.

4. HTML5 sorgt für eine maximale Kompatibilität mit früheren HTML -Versionen.

Um die Kompatibilität zu gewährleisten, müssen wir mit den Elementen beginnen. In HTML5 kann das Tag des Elements weggelassen werden. In Bezug auf seine Natur sind die Elemente der Elemente in drei Typen unterteilt: Nicht zugelassen, eine Endmarke zu schreiben, die Endmarke kann weggelassen werden, und die Startmarke und die Endmarke können weggelassen werden.

• Die Elemente, die keine Endnoten schreiben dürfen, sind: Bereich, Basis, Br, col ......

• End -Tags: Li, DT, DD, P, Rt ...

• Die Startmarke und die Endmarke können weggelassen werden: HTML, Kopf, Körper ...

• Das Abschnittselement stellt einen Inhaltsblock auf der Seite dar, wie z. B. ein Kapitel, eine Header, Fußzeile oder andere Teile der Seite.

• Das Artikelelement stellt ein Stück unabhängiger Inhalt auf der Seite dar, das sich nicht mit dem Kontext bezieht, z. B. einen Artikel in einem Blog oder einen Artikel in einer Zeitung.

• Das beiseite Element repräsentiert Hilfsinformationen, die sich auf den Inhalt des Artikelelements außerhalb des Inhalts des Artikelelements beziehen.

• Das Header -Element repräsentiert den Titel eines Inhaltsblocks oder die gesamte Seite auf der Seite.

• HGroup -Elemente werden verwendet, um den Titel einer gesamten Seite oder eines Inhaltsblocks auf der Seite zu kombinieren.

• Das Fußzeilenelement repräsentiert eine Fußnote zu einer gesamten Seite oder einem Inhaltsblock auf der Seite. Im Allgemeinen enthält es den Namen des Erstellers, den Erstellungsdatum und den Kontaktinformationen des Erstellers.

• NAV -Element repräsentiert den Teil des Navigationslinks auf der Seite.

• Das Abbildungelement stellt einen unabhängigen Abschnitt des Stream -Inhalts dar, der im Allgemeinen eine unabhängige Einheit im Stream -Inhalt des Dokumentkörpers darstellt. Verwenden Sie das Figcaption -Element, um der Figurenelementgruppe einen Titel hinzuzufügen.

• Das Audioelement definiert Audio wie Musik oder andere Audio -Streams.

• Einbettelemente werden verwendet, um verschiedene Multimedien einzufügen, und die Formate können MIDI, WAV, AU, MP3 usw. sein;

• Das Markelement sollte verwendet werden, um einen visuellen Text vorzustellen, der dem Benutzer hervorgehoben oder hervorgehoben werden muss. Eine typische Anwendung besteht darin, den Benutzer in den Suchergebnissen Suchschlüsselwörter hervorzuheben.

• Das Fortschrittselement repräsentiert einen laufenden Prozess

• Ruby -Element repräsentiert Ruby Annotation (chinesische Aussprache oder Zeichen)

• Das RT -Element repräsentiert die Interpretation oder Aussprache von Zeichen (chinesische Aussprache oder Zeichen)

• Das RP -Element wird in Ruby -Kommentaren verwendet, um zu definieren, was in Browsern angezeigt wird, die Ruby -Elemente nicht unterstützen.

• Das WBR -Element repräsentiert weiche Linienbrüche, und wenn die Breite nicht ausreicht, führen Sie hier aktiv Linienbrüche aus.

• Leinwandelemente repräsentieren Grafiken wie Diagramme und andere Bilder

• Das Cammand -Element repräsentiert eine Befehlsschaltfläche wie ein Optionsfeld, ein Kontrollkästchen oder eine Schaltfläche

• Das Detailelement enthält die Details, die der Benutzer anfordert und erhalten kann.

• Das DataGrid -Element repräsentiert eine Liste der optionalen Daten, die in Form einer Baumliste angezeigt wird

• Das Keygen -Element gibt die Erzeugung des Schlüssels an

• Das Ausgabeelement repräsentiert verschiedene Ausgangstypen, wie z. B. die Ausgabe eines Skripts

• Das Quellelement definiert eine Medienressource für Medienelemente (z. B. <videos> und <audio>)

• Menüelement repräsentiert Menüliste

• Der E-Mail-Typ gibt das Texteingangsfeld an, in dem die E-Main-Adresse eingegeben werden muss

• Der URL -Typ gibt das Texteingangsfeld an, das in die URL -Adresse eingegeben werden muss

• Der Zahlenstyp gibt das Texteingangsfeld an, das eingegeben werden muss

• Der Bereichstyp gibt an, dass das Texteingangsfeld des Textes in einem bestimmten Bereich der numerischen Werte eingegeben werden muss.

HTML5 verfügt über mehrere neue Eingangstextfelder für die Auswahl von Daten und Zeiten:

• Datum -Tag, Monat und Jahr ausschalten

• Monat - Monat und Jahr auswählen

• Woche - Woche und Jahr auswählen

• Zeit - Wählen Sie Zeit (Stunden und Minuten)

• DateTime - Wählen Sie Zeit, Tag, Monat, Jahr (UTC -Zeit) aus

• DateTime.Local -Auswahlzeit, Tag, Monat, Jahr (Ortszeit)

• Für Elemente wie BaseFont, Big, Center, Font, S, Streik, TT und U befürworten ihre Funktionen nur zur Anzeige von Bildschirmen, und HTML5 befürwortet die einheitliche Bearbeitung von Bildschirmanzeigefunktionen in CSS -Stilblättern, sodass diese Elemente aufgehoben werden.

• Für Frameset -Elemente, Frame -Elemente und NoFrames -Elemente wird das Frame -Framework negativ auf die Verfügbarkeit von Webseite ausgewirkt, das Frame -Framework in HTML5 nicht mehr unterstützt, und nur das Iframe -Framework wird unterstützt, oder die Form einer zusammengesetzten Seite, die aus mehreren von der Server erstellten Seiten erstellt wurde, wird gleichzeitig abgeschafft.

• Für Applet, BgSound, Blink, Festzelt und andere Elemente, da nur einige Browser diese Elemente unterstützen, insbesondere BGSound- und Festzeltelemente, die nur vom Internet -Explorer unterstützt werden, wird es abgeschafft, in HTML 5., wobei das Applet -Element durch ein Element ersetzt werden kann, das durch ein Element eingeleitet werden kann, und das BGSound -Element durch ein Audio -Element, das durch ein BGSound -Element ersetzt wird, durch ein Audio -Element, das durch ein Audio -Element ersetzt werden kann, kann ein BGSound -Element durch ein Audio -Element, das durch ein Audio -Element ersetzt werden kann, und ein durch ein Audio -Element ersetztes Element, das durch ein Audio -Element ersetzt wird, und ein Mandelelement, das durch einen durch ein BGSound -Element ersetzt durch ein Audio -Element, und ein durch ein BGSounded durch ein durch ein. Programmiermethode

• Heben Sie das RB -Element ab und verwenden Sie das Ruby -Element, um es zu ersetzen

• Heben Sie das Akronymelement ab und verwenden Sie das ABBR -Element, um es zu ersetzen

• Heben Sie das Dir -Element ab und verwenden Sie das UL -Element, um es zu ersetzen

• Heben Sie das ISIDEX -Element ab und ersetzen Sie es durch das Formularelement und das Eingabeelement.

• Beheben Sie die Auflistungselemente ab und verwenden Sie Pre -Elemente, um sie zu ersetzen

• Heben Sie das XMP -Element ab und verwenden Sie das Codeelement, um es zu ersetzen

• Abscheue von Nextid -Elementen abwerfen und stattdessen Guids verwenden

• Beheben Sie Klartextelemente und verwenden Sie den Text-/Plian -Mime -Typ, um zu ersetzen

• Das AutoFocus -Attribut hinzugefügt, mit dem Elemente beim Öffnen des Bildschirms durch Angabe der Attribute automatisch Fokus gewinnen können.

• Das Placeholder -Attribut hinzugefügt, das die Eingabe des Benutzers auffordert und den Benutzer für das auffordert, was er eingeben kann.

• Fügen Sie ein neues Formularattribut hinzu, deklarieren Sie, zu welchem ​​Formular es gehört, und platzieren Sie es dann überall auf der Seite, nicht innerhalb des Formulars.

• Ein erforderliches Attribut hinzugefügt, was bedeutet, dass der Benutzer beim Senden von Senden prüft. Sie müssen bei der Überprüfung Eingabeinhalte im Element haben.

• Fügen Sie das Medienattribut hinzu, das angibt, warum die Ziel -URL vom Typ Medien/Gerät optimiert wird und nur dann verwendet werden kann, wenn das HREF -Attribut existiert.

• Fügen Sie HREFLANG -Attribute und Rel -Attribute hinzu, um die Konsistenz mit dem Element- und Link -Element beizubehalten.

• Attribut Reverend, das die Liste in umgekehrter Reihenfolge angibt;

• Fügen Sie dem Skriptelement ein asynchrisches Attribut hinzu, das definiert, ob das Skript asynchron ausgeführt wird.

• Alle Attribute, die durch CSS -Stilblätter ersetzt werden können, werden abgeschafft.

• Überflüssige Attribute wie: Ziel, Profil, Version usw. werden abgeschafft;

In HTML5 wird ein neues Konzept der globalen Attribute hinzugefügt. Das sogenannte globale Attribut bezieht sich auf Attribute, die für jedes Element verwendet werden können.

• Diese Eigenschaft ermöglicht es dem Benutzer, den Inhalt im Element zu bearbeiten, den Mausfokus zu erhalten, die Eigenschaft ist ein boolescher Wert, kann als True oder False angegeben werden. Darüber hinaus hat diese Eigenschaft auch einen versteckten Erbenstatus. Wenn wahr, ist die Bearbeitung erlaubt. Wenn falsch, ist die Bearbeitung nicht erlaubt. Wenn nicht angegeben, entscheidet der Erbe.

• Diese Eigenschaft wird verwendet, um festzustellen, ob die gesamte Seite bearbeitet werden kann. Es gibt zwei Attribute. Wenn die Eigenschaft eingeschaltet ist, kann sie bearbeitet werden, aber wenn sie ausgeschaltet ist, kann sie nicht bearbeitet werden.

• Alle Elemente ermöglichen ein verstecktes Attribut, das dem versteckten Element im Eingabeelement ähnlich ist. Seine Funktion besteht darin, den Browser zu benachrichtigen, das Element nicht zu rendern, damit das Element unsichtbar ist. Der Wert dieser Eigenschaft ist ein boolescher Wert. Wenn es wahr ist, ist es nicht sichtbar, und wenn es falsch ist, ist es sichtbar.

• Diese Eigenschaft ist eine neue Eigenschaft, die von HTML 5 für das Eingabeelement (Typ = Text) und textarea bereitgestellt wird, die hauptsächlich Rechtschreib- und Grammatikprüfungen für den Benutzereingabetinhalt durchführt. Der Attributwert ist ein boolescher Wert. Beim Schreiben müssen Sie klar erklären, dass der Attributwert wahr oder falsch ist. Die Schreibmethode lautet wie folgt:

<! - Die folgenden zwei Schreibmethoden sind korrekt -> <textarea bellscheck = true> <input type = text bucherncheck = false> <! - Die folgenden beiden Schreibmethoden sind falsch -> <TextAreaaSConscheck>

In HTML4 müssen untergeordnete Elemente in der Form im Formular geschrieben werden, aber in HTML5 können sie überall auf der Seite geschrieben werden, und dann wird dem Element ein Formularattribut angegeben, und der Attributwert ist die ID der Form der Form, so dass das Element in die angegebene Form deklariert werden kann.

Kopieren Sie den Code