Das Figure-Tag und das figcaption-Tag sind neue semantische Tags in HTML5.
Figure-Tag, semantisches HTML5-Tag.Wird zur Angabe einzelner Stream-Inhalte (Bilder, Diagramme, Fotos, Code usw.) verwendet.
figcaption-Tag, semantisches HTML5-Tag.In Verbindung mit Abbildung wird die Bezeichnung verwendet, um den Titel des Abbildungselements zu definieren.
Vorteile der Verwendung von Figure- und figcaption-TagsWenn Suchmaschinen nach Abbildung suchen, wissen sie, dass hier Bilder, Diagramme, Fotos, Codes und andere Medien gespeichert sind, und sie werden nicht denken, dass hier Artikel und andere Dinge gespeichert sind. Suchmaschinen machen die Suche schneller und bequemer.
Wenn Programmierer andererseits dieses Etikett sehen, wissen sie, dass es sich hier um Bilder und andere Medien handelt, die das Lesen erleichtern.
Das folgende Diagramm beschreibt kurz die Verwendung dieser beiden Tags.
Fall 1:Abbildungselement ohne Titel:
<figure> <img style="margin: 0px; padding: 0px; Outline: none; line-height: 25,2px; font-size: 14px; width: 660px; overflow: versteckt; clear: Both; Font-family: tahoma , arial, Microsoft YaHei;"><figure> <img <figcaption>VeVb Wulin.com, VeVb Wulin.com ist eine inländische professionelle Website zum Erstellen von Ressourcen und zum Lernen von Skriptprogrammierung, die Asp, PHP, asp.net, Javascript, JQuery, Vbscript, DOS-Stapelverarbeitung usw. bereitstellt Webseitenerstellung, Netzwerkprogrammierung, Website-Erstellung und andere Programmiermaterialien</figcaption></figure>Fall 3:
Mehrere Bilder, Figurenelement mit demselben Titel:
<figure> <img <img <img <figcaption>VeVb Wulin.com, VeVb Wulin.com ist eine inländische professionelle Website zum Erstellen von Ressourcen und zum Lernen von Skriptprogrammierung, die Asp, PHP, asp.net, Javascript, JQuery, Vbscript und DOS bereitstellt Stapelverarbeitung, Webseitenproduktion, Netzwerkprogrammierung, Website-Erstellung und andere Programmiermaterialien</figcaption></figure>Das Obige ist der gesamte Inhalt dieses Artikels. Ich hoffe, dass er für das Studium aller hilfreich ist. Ich hoffe auch, dass jeder das VeVb Wulin Network unterstützt.