简体中文(ZH-CN) English(EN) 繁体中文(ZH-TW) 日本語(JA) 한국어(KO) Melayu(MS) Français(FR) Deutsch(DE)
Heim > Web-Frontend > H5-Tutorial > Hauptteil

Welche neuen Tags und Attribute werden zu HTML5 hinzugefügt? Neue Tags und Attribute hinzugefügt (Zusammenfassung)

青灯夜游
Freigeben： 2018-09-15 18:10:09
Original
4488 Leute haben es durchsucht

In diesem Kapitel erfahren Sie, welche neuen Tags und Attribute zu HTML5 hinzugefügt werden. Neue Tags und Attribute wurden hinzugefügt (Zusammenfassung), damit jeder weiß, welche Attribute und Tags in HTML5 neu hinzugefügt wurden. Es hat einen gewissen Referenzwert. Freunde in Not können sich darauf beziehen. Ich hoffe, es wird Ihnen hilfreich sein.

Zusammenfassung der neuen Funktionen von HTML5, die von jedem außer IE9 und niedriger verwendet werden können.

HTML5-Syntax

setzt größtenteils die Syntax von HTML fort

Der Unterschied: Die anfängliche 

<!DOCTYPE html>
<html>
<meta charset="utf-8">
Nach dem Login kopieren

Zeichenkodierung wird Prägnant, Groß- und Kleinschreibung -unempfindliche, hinzugefügte boolesche Werte, ähnlich wie bei „checked“ und „selected“

Anführungszeichen können weggelassen werden, aber im Hinblick auf Codierungsstandards wird die Verwendung nicht empfohlen

Es gibt Tags, die weggelassen werden können Endzeichen und gänzlich weggelassene Etikettenanwendung.

Neu hinzugefügte Tags in HTML5:

1. Struktur-Tags

(1) Abschnitt : Unabhängiger Inhaltsblock, der h1~h6 verwenden kann, um eine Gliederung zur Angabe der Dokumentstruktur zu bilden. Er kann auch Kapitel, Kopfzeilen, Fußzeilen oder andere Teile der Kopfzeile enthalten. (2) Artikel: speziell unabhängig Block, der den Kerninhalt im Header dieser Seite angibt; Block-Header-Informationen/Titel;

(5) hgroup: ergänzender Inhalt der Header-Informationen/Titel;

(7) nav : Teilinformationen der Navigationsleiste;

(8) Abbildung: eine eigenständige Einheit, etwa ein Nachrichtenblock mit Bildern und Inhalten.

2. Formular-Tags

(1) E-Mail: E-Mail muss eingegeben werden

(2) URL: URL-Adresse muss eingegeben werden; 🎜>

(3) Zahl: Es muss ein Wert eingegeben werden.

(4) Bereich: Ein Wert innerhalb eines bestimmten Bereichs muss eingegeben werden.

(5) Datumsauswahl: Datum Auswahl;

Datum: Tag, Monat, Jahr auswählen

Monat: Monat, Jahr auswählen

  • Woche: Woche und Jahr auswählen

  • Zeit: Uhrzeit auswählen (Stunden und Minuten)

  • DatumUhrzeit: Uhrzeit, Tag, Monat auswählen Jahr (UTC-Zeit)

  • datetime-local: Uhrzeit, Tag, Monat, Jahr (Ortszeit) auswählen

  • (6) Suche: Suche nach regulären Textfeldern ;

    (7) Farbe: Farbe.

  • 3. Medien-Tags

(1) Video: Video

(2) Audio: Audio; ) einbetten: eingebettete Inhalte (einschließlich verschiedener Medien), Midi, Wav, AU, MP3, Flash, AIFF usw.

4. Andere funktionale Tags

(1) Markieren, Hervorheben (wie ein Textmarker zum Notieren);

(2) Fortschritt : Fortschrittsbalken;

(3) Zeit: Datenbezeichnung, wird von Suchmaschinen verwendet; datetime="2014-12-25T09:00">9:00Aktualisierungsdatum

(4) Ruby und RT: Kommentieren Sie ein bestimmtes Wort. Wie wird angezeigt, wenn der Browser nicht unterstützt? ;

(5) wbr: weicher Zeilenumbruch, Zeilenumbruch, wenn die Seitenbreite den erforderlichen Zeilenumbruch erreicht

(6) Canvas: Verwenden Sie JS-Code, um Inhalte für die Bildzeichnung zu erstellen; 🎜 >

(7) Befehl: Schaltfläche;

(8) Details: Menü erweitern;

(9) Datenfeld: Dropdown-Eingabeaufforderung; (10) keygen: Verschlüsselung.

Neue Attribute:

Attribute für js hinzugefügt. 

<script defer src=".....js" onload="alert(&#39;a&#39;)"></script>
<script async src=".....js" onload="alert(&#39;b&#39;)"></script>
Nach dem Login kopieren

Wenn es keine der beiden oben genannten Attribute gibt, besteht die Ausführungsreihenfolge darin, zuerst den ersten src zu laden (herunterzuladen), dann seinen Onload auszuführen und dann das Defer-Attribut synchron nach unten auszuführen, bevor h5 bereits vorhanden ist Geben Sie dort das verzögerte Laden (verzögerte Ausführung) ein. Zuerst wird der Dateiinhalt in src geladen (heruntergeladen), dann gewartet, bis die Seite vollständig geladen ist, und dann das js.async-Attribut in onload geladen, was ein asynchrones Laden ist Laden Sie src nach dem Laden, führen Sie onload sofort aus und fahren Sie mit dem Laden der Seite in der oben genannten Ausführungsreihenfolge fort. In der Warnanzeige wird zuerst b und dann a angezeigt.

Fügen Sie den Stilcode des kleinen Symbols zum Tag auf der Webseite hinzu

<link rel="icon" href="url..." type="图片名称" sizes="16*16">
Nach dem Login kopieren
Geordnete Liste ol: Start hinzufügen (Startwert der Liste), umgekehrt (ob es ist invertiert) Menü Menütypattribut (3 Menütypen) eingebetteter CSS-Stil: Definieren Sie einen Stilblock (bereichsgebunden) innerhalb des Stil-Tags, der nur innerhalb des Stil-Tags gültig ist: iframe-Element, nahtlos randlos wird hinzugefügt Inhalt des Iframes.