Zusammenfassung neuer Tags und Attribute in HTML5

Dieser Artikel gibt Ihnen eine Zusammenfassung der neuen Tags und Attribute in HTML5. Der Inhalt ist sehr gut. Ich hoffe, er kann allen helfen.

Sammeln und fassen Sie die neuen Funktionen von HTML5 zusammen, die grundsätzlich von jedem außer IE9 und niedriger verwendet werden können.

HTML5-Syntax

setzt größtenteils die Syntax von HTML fort

Unterschiede:

Die Zeichenkodierung wird prägnant,

Groß-/Kleinschreibung wird nicht beachtet,

Boolesche Werte hinzugefügt, ähnlich wie „geprüft, ausgewählt“

Die Anführungszeichen können weggelassen werden, dies wird jedoch gemäß den 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-Tags

(1) Abschnitt: unabhängiger Inhaltsblock, der aus h1~h6 als Gliederung bestehen kann, um die Dokumentstruktur anzugeben. Er kann auch Kapitel, Kopfzeilen, Fußzeilen oder andere Teile der Kopfzeile enthalten

(2) Artikel: ein spezieller unabhängiger Block, der den Kerninhalt in diesem Header darstellt;

(3) nebenbei: außerhalb des Tag-Inhalts und des Tag-Inhalt Relevante Zusatzinformationen;

(4) Header: Header-Informationen/Titel eines bestimmten Blocks

(5) hgroup: Ergänzend Inhalt der Kopfzeileninformationen/Titel;

(6) Fußzeile: untere Informationen

(7) Navigation: 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: Die URL-Adresse muss eingegeben werden

(3) Zahl: Der numerische Wert muss eingegeben werden

(4 ) Bereich: Sie müssen einen Wert innerhalb eines bestimmten Bereichs eingeben

(5) Datumsauswahl: Datumsauswahl

a.date: Tag, Monat, Jahr auswählen

b.month: Monat, Jahr auswählen

c.week: Woche auswählen und Jahr

d.time: Uhrzeit auswählen (Stunden und Minuten)

e.datetime: Uhrzeit, Tag, Monat, Jahr auswählen ( UTC-Zeit)

f.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;

(3) Einbetten: eingebetteter Inhalt (einschließlich verschiedener Medien), Midi, Wav, AU, MP3, Flash, AIFF usw.

4. Andere Funktionsbezeichnungen

(1) Markieren: Markieren, Hervorheben (wie ein Textmarker) Notizen) ;

(2) Fortschritt: Fortschrittsbalken ;

(3) Zeit: Daten-Tag, wird von Suchmaschinen verwendet; Veröffentlichungsdatum9:00Aktualisierungsdatum< ;Uhrzeit datetime="2015- 01-23T04:00" pubdate>4:00;

(4) Ruby ​​und rt: Kommentar zu einem bestimmten Wort;< ; ruby>KommentarinhaltAnzeige, wenn der Browser dies nicht unterstützt;

(5) wbr: weicher Zeilenumbruch, Zeilenumbruch, wenn die Seitenbreite den Punkt erreicht, an dem ein Zeilenumbruch erforderlich ist

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

(7) Befehl: Schaltfläche

(8) Details: Menü erweitern; (9) Daten: Textfeld-Dropdown-Eingabeaufforderung ;

(10) keygen: Verschlüsselung.

Neue Attribute:

Attribute für js hinzugefügt.

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 existiert bereits vor h5 und gibt ein verzögertes Laden (verzögerte Ausführung) ein ), wird zuerst 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. Es wird onload unmittelbar nach dem Laden von src ausgeführt wird gleichzeitig in der oben genannten Reihenfolge beim Laden der Seite fortgesetzt. In der Warnanzeige wird zuerst b und dann a angezeigt.

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

Geordnete Liste ol: Start hinzugefügt (Startwert der Liste), umgekehrtes (invertiertes oder nicht) Menü-Menütypattribut (3 Menütypen) Inline-CSS-Stil: Definieren Sie einen Stilblock (bereichsbezogen) innerhalb des Tags, der nur innerhalb des Stil-Tags gültig ist. Inline-Frame: iFrame-Element, neu hinzugefügt, nahtlos, randlos, randlos , srcdoc definiert den Inhalt des Inline-Frames.