HTML-Figuren-Tag

HTML wird für viele Tags zum Hervorheben der Websites verwendet, und jedes Tag hat seine eigenen Funktionen und Besonderheiten der vordefinierten HTML-Elemente. Die Außerdem wird eines der HTML-Tags verwendet, um die HTML-Elemente zu blockieren, und es wird verwendet, um den Bereich des Benutzerinhalts auf der Webseite zu trennen, der nicht von anderen HTML-Navigationswebseiten beeinflusst wird. Hauptsächlich wird es verwendet, um den Platz auf der Webseite für Bilder, Videos und einige Benutzer-Webinhalte zu trennen. Es wird auf den meisten Websites verwendet und wird von Frontend-Entwicklern verwendet, um die Probleme der Codes zu identifizieren.

Syntax:

Die Syntax des

Das Tag ist mit den vordefinierten HTML-Tags identisch, die es verwenden wird, z. B. benutzerdefinierte Tags.

<figure>
----some presentation codes like image,videos and animations inserted-----
</figure>

Der obige Code zeigt, dass wir das Figure-Tag im HTML-Dokument verwenden. Wir verwenden entweder Bilder, Videos oder Animationen usw.; Basierend auf den Benutzeranforderungen erstellen und gestalten wir die Webseiten.

Wie verwende ich das HTML-Figuren-Tag?

1. In HTML stellt das Figure-Tag hauptsächlich den eigenständigen Fokus auf die einzelnen HTML-Inhalte dar, die zum Erstellen der Websites verwendet werden, und bietet mit der Fokusoption weitere Möglichkeiten wie die Beschriftung der Bilder , Videos und Animationen auf den Websites. Diese Dinge sind fokussiert und werden zur Anzeige auf den Webseiten mit

verwendet. HTML-Element. Die Bildunterschrift wird zum Erfassen von Inhalten wie Text und Bildern verwendet. Videoformate werden mit der einzelnen Einheit der Webseitendokumente bezeichnet.

2. Das HTML-Dokument basiert auf den Benutzeranforderungen und attraktiven Funktionen. Wir verwenden Bilder, Videos usw. Wir können auch Illustrationen, Diagramme, Flussdiagramme und einige Codeausschnitte auf den Webseiten verwenden. Es wird auch mit dem Hauptanwendungsfluss der HTML-Dokumente referenziert und in einen anderen Teil des Dokuments auf den Webseiten verschoben, z. B. Indizes, Anhänge usw., ohne den Hauptfluss der HTML-Navigationen zu beeinträchtigen. In der Option figcaption wird das Element zum Einfügen der Knoten in die Eltern-Kind-Beziehung verwendet; Die Knoten werden auch mithilfe des ersten und letzten untergeordneten Elements des Dokuments eingefügt.

3. Das Element soll bei allen Konjunktionen Markup für alle Dokumentbereiche verwenden. Der HTML-Inhalt wird durch den Hauptfluss der Dokumente nicht beeinflusst. Die Position des HTML-Flow-Inhalts ist unabhängig vom HTML-Hauptworkflow. Die Das Tag akzeptiert einige spezifische Attribute der HTML-Dokumente mit dem Standardverhalten der HTML-Elemente. Attribute wie „Zugriffsschlüssel, Klasse, Inhaltseditierbar, Kontextmenü, Verzeichnis, ziehbar, Dropzone, versteckt, ID, Artikel-ID, Artikelprop, Artikelref, Artikelumfang, Artikeltyp, Sprache, Rechtschreibprüfung, Stil, Tabindex, Titel, Übersetzen“ Das Verhalten dieser Attribute variiert jeweils der in den HTML-Dokumenten verwendeten Attribute innerhalb des Figure-Tags.

4. Das Figure-Tag wird auch für den Event-Handler-Mechanismus für die Inhaltsattribute verwendet; Es akzeptiert das spezifische Attribut des jeweiligen Event-Handlers. Der Name der spezifischen Attribute und des Ereignishandlers ist derselbe. Es wird am häufigsten als Umfang der HTML-Elementfunktionen und ihrer Features verwendet. Mithilfe der spezifischen Ereignisattributinhalte teilt es dem Benutzerbrowser mit, dass bestimmte Skripte wie JavaScript ausgeführt werden. Im Allgemeinen muss JavaScript in doppelte Anführungszeichen eingefügt werden.

5. Wir haben

Tag-Element für dasselbe wie das

Element im HTML, aber es gibt einen gewissen Unterschied zwischen diesen beiden Tags. Wenn die HTML-Inhalte auf der Webseite angezeigt werden und sich lediglich auf die Webseite beziehen, dies aber auf den Websites nicht unbedingt erforderlich ist, können wir die Funktion

verwenden. Tag, aber der HTML-Inhalt ist von entscheidender Bedeutung. Seine Position auf der Webseite wird nicht als Hauptzweck der Website betrachtet. Wir können das

-Tag verwenden. Etikett. Basierend auf den Benutzeranforderungen können wir also beide Tags verwenden, was aus Benutzersicht praktischer ist.

6. Wenn wir das Bild beispielsweise für Bannerwerbung verwenden, könnte das Figure-Tag in dieser Situation nicht hilfreich sein. Wir können das Tag als alternative Quelle in den vordefinierten HTML-Tag-Elementen. Normalerweise ist die

wird optional in den HTML-Dokumenten und Webseiten enthalten sein und kann im Vorher- oder Nachher-Vorgang im HTML

verwendet werden. Tag-Spezifikationen. Nur ein

Das Element wird im Inneren des

-Elements verwendet. Element; außerdem verfügt es über verschachtelte und auch einige andere untergeordnete Tag-Elemente wie usw. werden in der mehrfach verwendet. Element.

Beispiele zur Implementierung des HTML-Figuren-Tags

Unten finden Sie Beispiele für HTML-Figuren-Tags:

Beispiel #1

Code:

<figure>
<img src="TEst.jpg" alt="HTML-Figuren-Tag"   style="max-width:90%">
</figure>

Ausgabe:

Example #2

Code:

<figure>
<img src="TEst.jpg" alt="HTML-Figuren-Tag"   style="max-width:90%">
<figcaption>Welcoe To My Domain <a href="https://pixabay.com/images/search/nature/">Welcome User</a></figcaption>
</figure>

Output:

Example #3

Code:

<figure>
<img src="TEst.jpg" alt="HTML-Figuren-Tag"   style="max-width:90%">
<img src="Test1.jpg" alt="HTML-Figuren-Tag"   style="max-width:90%">
<img src="Test2.jpg" alt="HTML-Figuren-Tag"   style="max-width:90%">
<figcaption><marquee>Welcome To My Domain</marquee></figcaption>
<button type="buttton" onclick="alert('Good Day')">Welcome User</button>
</figure>

Output:

The above examples will see the figure tag usage of the html web pages in the different ways we can see the first example is normally the figure tag element is used in the html body with some fixed-width length it will show the output as fixed-format of images second example same as first, but additionally multiple img tags are used with their attributes. The final example we use with the additional alert menu when we click the button is fully undercover the user impressive methodology but based on the user requirements, we can add the additional feature whomever we use our web page frequently for the business impacts. Not only javascript, we can use some other front end scripts; also, it will support the javascript libraries like jqueries, Reactjs, etc.

Conclusion

We can use most of the html tags on the web page for user impressive and attractive mode of the business. Even though we have many possibilities in the

tag element, when we compared it to the other tags like the

element, it is mostly used with some features and advantages rather than the other similar tags. It also supports the browser compatibility mode and html5 version.

Recommended Article

This is a guide to HTML figure Tag. Here we discuss the Introduction to HTML figure Tag and its Examples along with Code Implementation and Output. you can also go through our suggested articles to learn more –

1. Span Tag in HTML
2. SUP Tag in HTML
3. div Tag in HTML
4. Canvas Tag in HTML

Das obige ist der detaillierte Inhalt vonHTML-Figuren-Tag. Für weitere Informationen folgen Sie bitte anderen verwandten Artikeln auf der PHP chinesischen Website!