Beispiel-Tutorial zum Hinzufügen neuer Tags und Attribute in h5

Strukturelles Tag (Konstrukt-Tag) Hauptsächlich für die Definition verantwortlich Die Kontextstruktur des Webs und die Gewährleistung der Integrität von HTML-Dokumenten umfassen Folgendes. Abschnitt. Wird verwendet, um einen Teil oder ein Kapitel eines Buchs oder einen Abschnitt innerhalb eines Kapitels auszudrücken. In Webseitenanwendungen kann dieses Tag auch für regionale Kapitelbeschreibungen verwendet werden. hgroup Gruppiert die Titel von Webseiten oder Abschnitten:. Kopfzeile. Bitte beachten Sie, dass sich der Header im Seitenhauptteil vom Head-Tag unterscheidet. Hier ein Tipp für Anfänger: Der Inhalt des Head-Tags ist häufig unsichtbar und der Header-Tag befindet sich häufig innerhalb eines Body-Tag-Paares. Fußzeile. Der untere Rand der Seite (Fußzeile). Normalerweise werden hier einige relevante Informationen der Website markiert, z. B. über uns, rechtliche Hinweise, E-Mail-Informationen, Verwaltungszugang usw. nav. Es handelt sich um eine Bezeichnung, die speziell für die Menünavigation und Linknavigation verwendet wird, und ist die Abkürzung für Navigator. Artikel. Wird verwendet, um den Hauptinhalt eines Artikels darzustellen, im Allgemeinen den Bereich, in dem sich der Text konzentriert Die Aufteilung der Seitenbereiche gewährleistet eine effektive Trennung der Inhalte. Zu diesen Tags gehören die folgenden.

beiseite. Wird verwendet, um Notizen, Tipps, Seitenleisten, Zusammenfassungen, eingefügte Zitate usw. als Inhalte auszudrücken, die den Hauptteil ergänzen. Bei einer einfachen Seitendarstellung handelt es sich um die Seitenleiste, die sich links oder rechts befinden kann. Betrachtet man einen Teil einer Seite, handelt es sich um eine Zusammenfassung. Das Figure-Tag gibt unabhängige Stream-Inhalte an und wird normalerweise in Verbindung mit figcaption verwendet. Code. Stellt einen Codeblock dar. Dialog Dialog-Tag wird mit dt dd-Tag-->

Inline-semantische Tags (Inline-Tags) vervollständigen hauptsächlich die Zitierung und den Ausdruck des spezifischen Inhalts der Webseite und bilden die Grundlage für die Anzeige umfangreicher Inhalte. Zu diesen Tags gehört Folgendes.

Meter. Stellt einen Wert innerhalb eines bestimmten Bereichs dar, der für Gehalt, Menge, Prozentsatz usw. verwendet werden kann. Max steht für den Maximalwert, Min für den Minimalwert und Wert für den aktuellen Wert. Zeit. Stellt einen Zeitwert dar und das Attribut datetime betont den zeitlichen Fortschritt. Wird zur Darstellung des Fortschrittsbalkens verwendet. -->

Video. Das Video-Tag dient zur Unterstützung und Implementierung der direkten Wiedergabe von Videodateien (einschließlich Videostreams) und unterstützt das Vorladen von Puffern sowie mehrere Videomedienformate wie MPEG-4, OggV und WebM.

Audio. Audio-Tag, das zur Unterstützung und Implementierung der direkten Wiedergabe von Audiodateien (Audiostream) verwendet wird, unterstützt das Vorladen des Puffers und -->

. Verwenden Sie dieses Element in Verbindung mit einem Eingabeelement, um die möglichen Werte der Eingabe zu definieren. Die Datenliste und ihre Optionen werden nicht angezeigt, es handelt sich lediglich um eine Liste gültiger Eingabewerte.

Alle gängigen Browser unterstützen das -Tag außer Internet Explorer und Safari. --> Interaktive Tags werden hauptsächlich für den funktionalen Inhaltsausdruck verwendet. Es besteht eine gewisse Assoziation zwischen Inhalten und Daten. Sie basieren auf verschiedenen Ereignissen Folgendes einschließen.

Menü. Wird hauptsächlich für interaktive Menüs verwendet (dies war ein Tag, der veraltet war und jetzt wieder aktiviert wurde). Befehl. Wird zur Handhabung von Befehlsschaltflächen verwendet. -->

contextmenu In HTML5 hat jedes Element ein neues Attribut: contextmenu contextmenu ist das Kontextmenü, das heißt, ein Menü erscheint, wenn Sie mit der rechten Maustaste darauf klicken Element.

Menü Um zu erkennen, dass ein Menü angezeigt wird, wenn Sie mit der rechten Maustaste auf ein Element klicken, müssen Sie auch ein weiteres neues Element in HTML5 verstehen: Menü. Wie der Name schon sagt, definiert Menü das Menüelement: Typ: Menütyp Attribut. Es gibt drei Werte: 1) Kontext: Kontext; 2) Symbolleiste: Symbolleiste; kann einen Menüpunkt einbetten , also &lt ;menuitem> . menuiitem-Attribute: label: der vom Menüelement angezeigte Name icon: das auf der linken Seite des Menüelements angezeigte Symbol onclick: das Ereignis, das durch Klicken auf das Menüelement ausgelöst wird Unterstützt nur den Firefox-Browser-- >

Gibt an, ob der Inhalt des Elements bearbeitet werden kann Attributwert: true -----Der Inhalt des Elements kann bearbeitet werden false ---- -Der Inhalt des Elements kann nicht bearbeitet werden inherit -----Das contenteditable-Attribut des übergeordneten Elements erben Wenn es sich um eine leere Zeichenfolge handelt, ist die Wirkung dieselbe wie bei true. Wenn der contenteditable-Status eines Elements wahr ist (das contenteditable-Attribut ist eine leere Zeichenfolge oder wahr oder vererbt und der Status seines übergeordneten Elements wahr ist), bedeutet dies, dass das Element bearbeitbar ist. Andernfalls kann das Element nicht bearbeitet werden.

-->

Gibt an, ob das Element gezogen werden kann 3 Aufzählungswerte true gibt an, ob das Element gezogen werden kann ziehbar Ziehen. false gibt an, dass das Element nicht ziehbar ist. Auto verwendet die Standardfunktionen des Browsers. -->

Das versteckte Attribut wird verwendet, um das Element auszublenden. Sobald dieses Attribut verwendet wird, wird das Element nicht im Browser angezeigt 2 Boolesche Werte true gibt an, dass das Element sichtbar ist. false gibt an, dass das Element unsichtbar ist. -->

Beispiel-Tutorial zum Hinzufügen neuer Tags und Attribute in h5

In Verbindung stehende Artikel