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

May 16, 2016 pm 03:49 PM
新增

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:

Heiße KI -Werkzeuge

Undresser.AI Undress

Undresser.AI Undress

KI-gestützte App zum Erstellen realistischer Aktfotos

AI Clothes Remover

AI Clothes Remover

Online-KI-Tool zum Entfernen von Kleidung aus Fotos.

Undress AI Tool

Undress AI Tool

Ausziehbilder kostenlos

Clothoff.io

Clothoff.io

KI-Kleiderentferner

AI Hentai Generator

AI Hentai Generator

Erstellen Sie kostenlos Ai Hentai.

Heißer Artikel

Repo: Wie man Teamkollegen wiederbelebt
1 Monate vor By 尊渡假赌尊渡假赌尊渡假赌
R.E.P.O. Energiekristalle erklärten und was sie tun (gelber Kristall)
2 Wochen vor By 尊渡假赌尊渡假赌尊渡假赌
Hello Kitty Island Abenteuer: Wie man riesige Samen bekommt
1 Monate vor By 尊渡假赌尊渡假赌尊渡假赌

Heiße Werkzeuge

Notepad++7.3.1

Notepad++7.3.1

Einfach zu bedienender und kostenloser Code-Editor

SublimeText3 chinesische Version

SublimeText3 chinesische Version

Chinesische Version, sehr einfach zu bedienen

Senden Sie Studio 13.0.1

Senden Sie Studio 13.0.1

Leistungsstarke integrierte PHP-Entwicklungsumgebung

Dreamweaver CS6

Dreamweaver CS6

Visuelle Webentwicklungstools

SublimeText3 Mac-Version

SublimeText3 Mac-Version

Codebearbeitungssoftware auf Gottesniveau (SublimeText3)

Wie füge ich meiner HTML5 -Website Audio hinzu? Wie füge ich meiner HTML5 -Website Audio hinzu? Mar 10, 2025 pm 03:01 PM

In diesem Artikel wird erläutert, wie Audio in HTML5 mit dem & lt; audio & gt; Element, einschließlich Best Practices für die Formatauswahl (MP3, OGG Vorbis), Dateioptimierung und JavaScript -Steuerung für die Wiedergabe. Es betont die Verwendung von mehreren Audio f f

Wie verwende ich HTML5 -Formulare für Benutzereingaben? Wie verwende ich HTML5 -Formulare für Benutzereingaben? Mar 10, 2025 pm 02:59 PM

In diesem Artikel wird erläutert, wie HTML5 -Formulare erstellt und validiert werden. Es beschreibt die Form & gt; Element, Eingabetypen (Text, E -Mail, Nummer usw.) und Attribute (erforderlich, Muster, min, max). Die Vorteile von HTML5 -Formen gegenüber älteren Methoden, inkl.

Wie benutze ich die API der HTML5 -Seite Sichtbarkeit, um zu erkennen, wann eine Seite sichtbar ist? Wie benutze ich die API der HTML5 -Seite Sichtbarkeit, um zu erkennen, wann eine Seite sichtbar ist? Mar 13, 2025 pm 07:51 PM

In dem Artikel werden die Sichtbarkeits -API der HTML5 -Seite mit der Sichtbarkeit von Seiten ermittelt, die Benutzererfahrung verbessert und die Ressourcennutzung optimiert. Zu den wichtigsten Aspekten gehören die Pause, die Verringerung der CPU -Last und die Verwaltung von Analysen auf der Grundlage von Sichtbarkeitsänderungen.

Wie verwende ich Ansichtsfenster -Meta -Tags, um die Seite zu steuern, die auf mobilen Geräten skaliert wird? Wie verwende ich Ansichtsfenster -Meta -Tags, um die Seite zu steuern, die auf mobilen Geräten skaliert wird? Mar 13, 2025 pm 08:00 PM

In dem Artikel werden die Meta-Tags mit Ansichtsfenster besprochen, um die Seite zu steuern, die auf mobilen Geräten skaliert und sich auf Einstellungen wie Breite und initiale Maßstäbe für optimale Reaktionsfähigkeit und Leistung konzentriert.Character Count: 159

Wie gehe ich mit der Privatsphäre und Berechtigungen des Benutzer Ort mit der Geolocation -API um? Wie gehe ich mit der Privatsphäre und Berechtigungen des Benutzer Ort mit der Geolocation -API um? Mar 18, 2025 pm 02:16 PM

In dem Artikel wird die Verwaltung der Privatsphäre und Berechtigungen des Benutzerstandorts mithilfe der Geolocation -API erörtert, wobei die Best Practices für die Anforderung von Berechtigungen, die Gewährleistung der Datensicherheit und die Einhaltung der Datenschutzgesetze hervorgehoben werden.

Wie erstelle ich interaktive Spiele mit HTML5 und JavaScript? Wie erstelle ich interaktive Spiele mit HTML5 und JavaScript? Mar 10, 2025 pm 06:34 PM

In diesem Artikel werden interaktive HTML5 -Spiele mit JavaScript erstellt. Es umfasst das Spieldesign, die HTML -Struktur, das CSS -Styling, die JavaScript -Logik (einschließlich Ereignisbearbeitung und -animation) und die Audio -Integration. Essentielle JavaScript -Bibliotheken (Phaser, PI

Wie verwende ich die HTML5 -Drag & Drop -API für interaktive Benutzeroberflächen? Wie verwende ich die HTML5 -Drag & Drop -API für interaktive Benutzeroberflächen? Mar 18, 2025 pm 02:17 PM

In dem Artikel wird erläutert, wie die HTML5 -Drag & Drop -API verwendet wird, um interaktive Benutzeroberflächen zu erstellen, Schritte zu detaillieren, um Elemente draggierbar zu machen, Schlüsselereignisse zu verarbeiten und Benutzererfahrung mit benutzerdefiniertem Feedback zu verbessern. Es wird auch gemeinsame Fallstricke zu a diskutiert

Wie verwende ich die HTML5 WebSockets -API für die bidirektionale Kommunikation zwischen Client und Server? Wie verwende ich die HTML5 WebSockets -API für die bidirektionale Kommunikation zwischen Client und Server? Mar 12, 2025 pm 03:20 PM

In diesem Artikel werden die HTML5 WebSockets-API für die Kommunikation zwischen bidirektionaler Client-Server in Echtzeit erläutert. Es werden clientseitige (JavaScript) und serverseitige (Python/Flask) -implementierungen beschrieben, die Herausforderungen wie Skalierbarkeit, staatliches Management, ein

See all articles