Die gesammelten und zusammengefassten neuen Features von HTML5 sind grundsätzlich bis auf IE9 und darunter nutzbar.
HTML5-SyntaxDie meisten grammatikalischen Unterschiede von HTML werden fortgesetzt: <!DOCTYPE html> am Anfang
<html lang=zh-CN><meta charset=utf-8>
Die Zeichenkodierung wird präziser,
Nicht zwischen Groß- und Kleinschreibung unterscheiden,
Boolesche Werte hinzugefügt, ähnlich wie bei „geprüft“ und „ausgewählt“.
Die Anführungszeichen können weggelassen werden, dies wird jedoch gemäß Codierungsstandards nicht empfohlen.
Es gibt Tags, bei denen das Endzeichen weggelassen werden kann, und Tags, die ganz weggelassen werden können.
Tags hinzufügen: 1. Struktur-Tag(1) Abschnitt: unabhängiger Inhaltsblock, der aus h1~h6 bestehen kann, um die Dokumentstruktur darzustellen. Er kann auch Kapitel, Kopfzeilen, Fußzeilen oder andere Teile der Kopfzeile enthalten. (2) Artikel: spezieller unabhängiger Block, der darstellt Abgesehen vom Kerninhalt in der Überschrift dieses Artikels (3): Der Tag-Inhalt bezieht sich auf den Tag-Inhalt Zusatzinformationen; (4) Kopfzeile: Kopfzeileninformationen/Titel eines bestimmten Blocks (6) Fußzeile: Informationen zum Navigationsleistenteil; Abbildung: eine eigenständige Einheit, etwa ein Nachrichtenblock mit Bildern und Inhalten.
2. Formular-Tags(1) E-Mail: Eine E-Mail muss eingegeben werden; (2) URL: Eine URL-Adresse muss eingegeben werden. (3) Nummer: Ein numerischer Wert muss eingegeben werden. (4) Bereich: Ein numerischer Wert innerhalb eines bestimmten Bereichs muss eingegeben werden ; (5) Datumsauswahl: Datumsauswahl;
a.date: Tag, Monat, Jahr auswählen b.month: Monat, Jahr auswählen c.week: Woche und Jahr auswählen d.time: Uhrzeit (Stunden und Minuten) auswählen e.datetime: Uhrzeit, Tag, Monat, Jahr auswählen ( UTC-Zeit) f.datetime-local: Wählen Sie Uhrzeit, Tag, Monat, Jahr (Ortszeit)
(6) Suche: Durchsuchen Sie reguläre Textfelder.
(7) Farbe: Farbe
3. Medien-Tags(1) Video: Video (2) Audio: Audio (3) Einbettung: eingebetteter Inhalt (einschließlich verschiedener Medien), Midi, Wav, AU, MP3, Flash, AIFF usw.
4. Andere Funktionsbezeichnungen(1) Markierung: Markierung (wie ein Textmarker zum Notieren) (2) Fortschritt: Fortschrittsbalken; <Fortschritt max=Wert des maximalen Fortschrittsbalkens Wert=Wert des aktuellen Fortschrittsbalkens> (3) Zeit: Datenbeschriftung, verwendet von Suchmaschinen; Veröffentlichungsdatum <time datetime=2014-12-25T09:00>9:00</time> Aktualisierungsdatum <time datetime=2015-01-23T04:00 pubdate>4:00</time> (4) ruby und rt: Kommentar zu einem bestimmten Wort; <ruby><rt>Kommentarinhalt</rt><rp>Wie wird angezeigt, wenn der Browser es nicht unterstützt< /rp>< /ruby> (5) wbr: weicher Zeilenumbruch, Zeilenumbruch, wenn die Seitenbreite den erforderlichen Zeilenumbruch erreicht (6) Canvas: JS-Code verwenden, um Inhalte für das Bildzeichnen zu erstellen (7) Befehl: Schaltfläche; (8) Details : Menü erweitern; (9) daten: Dropdown-Eingabeaufforderung für Textfelder; (10) keygen: Verschlüsselung;
Neue Eigenschaften:Zu js hinzugefügte Attribute.
<script defer src=.....js onload=alert('a')></script><script async src=.....js onload=alert('b')></script>Wenn keine der beiden oben genannten Attribute vorhanden sind, besteht die Ausführungsreihenfolge darin, zuerst den ersten Quellcode zu laden (herunterzuladen), dann seinen Onload auszuführen und ihn dann synchron nach unten auszuführen. Das Defer-Attribut ist bereits vor h5 vorhanden und gibt ein verzögertes Laden (verzögerte Ausführung) ein. , wird zuerst src geladen (heruntergeladen). Dateiinhalt, und warten Sie dann, bis die Seite vollständig geladen ist, und laden Sie dann das js.async-Attribut in onload. Dies ist ein asynchrones Laden. Es wird onload unmittelbar nach dem Laden von src ausgeführt und die Seite wird in der oben genannten Ausführungsreihenfolge weiter geladen. Die Warnanzeige zeigt zuerst b und dann a an
Fügen Sie den Stilcode des kleinen Symbols zur Beschriftung auf der Webseite hinzu
<link rel=icon href=url... type=image name size=16*16>
Geordnete Liste ol: Start (Startwert der Liste) hinzugefügt, umgekehrtes (ob umgekehrt) Menütypattribut (3 Menütypen) eingebetteter CSS-Stil: Definieren Sie einen Stilblock (bereichsbezogen) innerhalb des Tags, nur für Der Inline-Frame ist nur innerhalb des Tags gültig Stil-Tag: Iframe-Element, nahtlos, randlos und randlos werden hinzugefügt, und srcdoc definiert den Inhalt des Inline-Frames.
<iframe>Neue Attribute: <!--seamless definiert den Frame ohne Rahmen und Ränder.--><!--srcdoc hat eine höhere Anzeigeebene als Sandbox.--><!--Sandbox wird verwendet, um die Sicherheitsebene eines anzugeben Inline-Frame --><!--sandbox=allow-forms:Übermittlung zulassen Formular --><!--sandbox=allow-origin: Zulassen ist der gleiche Ursprung --><!--sandbox=allow-scripts: Ausführung von Skripten zulassen --><!--sandbox=allow-top-navigation : Externen Seiten das Springen erlauben ->
Manifestattribute:
Definieren Sie die für die Seite erforderlichen Offline-Anwendungsdateien, die normalerweise im <html>-Tag platziert werden
charset-Attribut:
Eines der Metaattribute, das den Zeichensatz der Seite definiert
Größenattribut:
<link>Neues Attribut wird verwendet, um die Symbolgröße festzulegen, wenn das rel=icon des Links ist.
Basisattribut:
<base href=http://localhost/ target=_blank> bedeutet, dass beim Öffnen einer Seite in einem neuen Fenster der Inhalt im href als Präfix zur Adresse hinzugefügt wird.
defer-Attribut:
Das Skript-Tag-Attribut gibt an, dass das Skript nach dem Laden nur ausgeführt wird, wenn auch die Seite geladen wird (verzögerte Ausführung).
Async-Attribut:
Das Skript-Tag-Attribut wird unmittelbar nach dem Laden des Skripts ausgeführt (der Browser analysiert den folgenden Inhalt während des laufenden Prozesses), auch wenn die Seite nicht geladen wurde (asynchrone Ausführung).
Medienattribut:
<a> Elementattribut: Gibt an, welches Gerät optimiert ist
hreflang-Attribut:
Das Attribut von <a> gibt die Sprache an, die von der URL verwendet wird, auf die der Hyperlink verweist.
ref-Attribut:
Das Attribut von <a> definiert, ob der Hyperlink ein externer Link ist
umgekehrtes Attribut:
<ol>-Attribut, definiert, ob die Seriennummer ein Flashback ist
Startattribut:
Attribute von <ol> definieren den Startwert der Sequenznummer
Gültigkeitsbereichsattribut:
Das Attribut des eingebetteten CSS-Stils ist auf die Elemente mit dem eingebetteten Stil beschränkt. Er ist für die Einzelseitenentwicklung geeignet.
Globale HTML5-Attribute: können für jedes Tag verwendet werden, die folgenden 6
data-yourvalue, versteckt, Spenllecheck, tabindex, contenteditable, desginMode;
Globale Eigenschaften:
1. Kann direkt in das Tag eingefügt werden: data-custom attribute name; hide (direkt zum Ausblenden verwenden); tabindex=1 (Tab-Sprungreihenfolge); Klicken Sie auf den zu ändernden Inhalt. 2. Fügen Sie window.document.designMode = 'on' in JavaScript ein (eine globale Eigenschaft von JavaScript, der Text der gesamten Seite kann bearbeitet werden).
Zusammenfassen
Das Obige ist eine Zusammenfassung der vom Herausgeber eingeführten neuen Tags und Attribute. Ich hoffe, dass es Ihnen hilfreich ist. Wenn Sie Fragen haben, hinterlassen Sie mir bitte eine Nachricht und der Herausgeber wird Ihnen rechtzeitig antworten. Ich möchte mich auch bei allen für die Unterstützung der VeVb-Kampfsport-Website bedanken!