Heim > Web-Frontend > H5-Tutorial > Ein kurzer Überblick über die neuen und abgeschafften Tags in html5_html5-Tutorial-Fähigkeiten

Ein kurzer Überblick über die neuen und abgeschafften Tags in html5_html5-Tutorial-Fähigkeiten

WBOY
Freigeben: 2016-05-16 15:49:45
Original
1481 Leute haben es durchsucht

Neues Struktur-Tag

Abschnittselement
stellt einen Inhaltsblock auf der Seite dar, z. B. ein Kapitel, eine Kopfzeile, eine Fußzeile oder einen anderen Teil der Seite. Es kann in Kombination mit h1, h2... und anderen Elementen verwendet werden, um die Dokumentstruktur darzustellen. Beispiel:
in HTML5;

Artikelelement
stellt einen unabhängigen Inhalt auf der Seite dar, der keinen Bezug zum Kontext hat. Zum Beispiel ein Artikel.
Aside-Element
stellt zusätzlich zum Inhalt des Artikelelements Zusatzinformationen zum Inhalt des Artikelelements dar.
Header-Element
stellt den Titel eines Inhaltsblocks auf der Seite oder der gesamten Seite dar.
hgroup-Element
bedeutet, die Titel der gesamten Seite oder eines Inhaltsblocks auf der Seite zu gruppieren.
Fußzeilenelement
stellt eine Fußzeile für eine ganze Seite oder einen Inhaltsblock innerhalb einer Seite dar. Normalerweise enthält es den Namen des Erstellers, das Erstellungsdatum und die Kontaktinformationen des Erstellers.
Navigationselement
stellt den Navigationslink-Teil der Seite dar.
Figurenelement
stellt einen unabhängigen Teil des Flussinhalts dar und stellt im Allgemeinen eine unabhängige Einheit im Hauptflussinhalt des Dokuments dar. Verwenden Sie das Element figcaption, um einer Gruppe von Abbildungselementen eine Beschriftung hinzuzufügen. Zum Beispiel:

Kopieren Sie den Code
Der Code lautet wie folgt:

< Figure> 🎜>

prc

Die Volksrepublik China wurde 1949 geboren

🎜>

Weitere Elemente hinzugefügt


Videoelement

Video definieren. Wie Filmclips oder andere Videostreams. Beispiel:
Geschrieben in HTML4:

Audioelement
definiert Audio. Zum Beispiel Musik oder andere Audiostreams. Beispiel:
Schreiben in HTML4:



Code kopieren


Der Code lautet wie folgt:
" value = "someaudio.wav">
Einbettungselement
wird zum Einbetten von Inhalten (einschließlich verschiedener Medien) verwendet. Das Format kann Midi, Wav, AIFF, AU, MP3, Flash usw. sein. Beispiel:
Codebeispiel in HTML4 >
Markierungselement

wird hauptsächlich verwendet, um dem Benutzer den Text visuell darzustellen, der hervorgehoben oder hervorgehoben werden muss. Suchbegriffe werden in typischen Anwendungssuchergebnissen hervorgehoben. HTML5;HTML4 .
Fortschrittselement
stellt einen laufenden Prozess dar. Mit dem Fortschrittselement können Sie den Prozess zeitaufwändiger Funktionen in JavaScript anzeigen. Warten..., bitte warten. .

Zeitelement stellt Datum oder Uhrzeit oder beides gleichzeitig dar.

Ruby-Element
definiert Ruby-Kommentare (chinesische Phonetik oder Schriftzeichen). Verwendung mit den Tags Das Ruby-Element besteht aus einem oder mehreren Zeichen (die eine Erklärung/Aussprache erfordern) und einem RT-Element, das diese Informationen bereitstellt, sowie einem optionalen RP-Element, das definiert, was angezeigt wird, wenn der Browser das „Ruby“-Element nicht unterstützt .



Code kopieren
Der Code lautet wie folgt:


> 汉< ;rt>(ㄏㄢˋ)

rt-Element
definiert die Interpretation oder Aussprache eines Zeichens (chinesische Lautschrift oder Schriftzeichen).
rp-Element
wird in Ruby-Kommentaren verwendet, um Inhalte zu definieren, die von Browsern angezeigt werden, die Ruby-Elemente nicht unterstützen.
wbr-Element
steht für einen weichen Zeilenumbruch. Der Unterschied zum br-Element: Das br-Element gibt an, dass hier ein Zeilenumbruch vorgenommen werden muss; wbr gibt an, dass die Zeile nicht breit ist, wenn das Browserfenster oder das übergeordnete Element breit ist (wenn kein Bedarf für einen Zeilenumbruch besteht). unterbrochen, aber wenn die Breite nicht ausreicht, wird die Linie hier automatisch umbrochen.
Canvas-Element
definiert Grafiken wie Diagramme und andere Bilder. Das -Element ist nur ein Grafikcontainer (Canvas), und Sie müssen Skripte verwenden, um Grafiken zu zeichnen.

Code kopieren
Der Code lautet wie folgt:

Beliebte Tutorials
Mehr>
Neueste Downloads
Mehr>
Web-Effekte
Quellcode der Website
Website-Materialien
Frontend-Vorlage