Heim >Web-Frontend >HTML-Tutorial >Was ist das Figure-Tag? Wann sollte man es verwenden?
Was ist das Figure-Tag? Wann sollte man es verwenden?
- 藏色散人Original
- 2018-11-01 17:26:3513697Durchsuche
Dieser Artikel stellt Ihnen hauptsächlich die Definition und Verwendung des neuen Tags Figure-Tag in HTML5 vor.
HTML5 ist die neueste überarbeitete Version von HTML, die umfangreichere Tags verwendet, um Webseiten eine bessere Bedeutung und Struktur zu verleihen. Einige Neulinge fragen sich vielleicht: Was ist das für ein Figuren-Tag? Wann wird das Figure-Tag verwendet?
Empfohlene verwandte Tutorials: HTML5-Tutorial
Dann schreibt die offizielle Definition des Figure-Tags unabhängige Stream-Inhalte (Bilder) vor , Diagramme, Fotos, Code usw.).
Im Folgenden stellen wir anhand einfacher Codebeispiele die spezifische Methode des Figure-Tags in HTML5 vor.
<!DOCTYPE html>
<html>
<meta charset="utf-8">
<title>figure标签使用示例</title>
<head>
</head>
<body>
<p>
HTML5是HTML最新的修订版本，由万维网联盟（W3C）于2014年10月完成标准制定。,<br>
目标是取代1999年所制定的HTML 4.01和XHTML 1.0标准，以期能在互联网应用迅速发展的时候，使网上标准达到匹配当代的网上需求。<br>
广义论及HTML5时，实际指的是包括HTML、CSS和JavaScript在内的一套技术组合。<br>
它希望能够减少网页浏览器对于需要插件的丰富性网上应用服务（Plug-in-Based Rich Internet Application，RIA），<br>
例如：Adobe Flash、Microsoft Silverlight与Oracle JavaFX的需求，并且提供更多能有效加强网上应用的标准集。
</p>
<figure>
<p>图片主题名称</p>
<p>图片制作时间：11.1</p>
<img src="img/2.png" alt="Was ist das Figure-Tag? Wann sollte man es verwenden?" >
</figure>
</body>
</html>Der obige Code stellt Ihnen ein Beispiel für die Verwendung des Figure-Tags vor. Der Effekt des Zugriffs über die Rezeption ist wie folgt:
Wie bereits erwähnt, gibt Figure unabhängiges Streaming an Inhaltsfotos und Bilder usw. Mit anderen Worten: Das Figure-Tag kann zur Darstellung eines unabhängigen Inhalts auf der Website-Produktionsseite verwendet werden. Das Entfernen von ihm von der Webseite hat keine Auswirkungen auf andere Inhalte auf der Webseite. Der durch die Abbildung dargestellte Inhalt kann ein Bild, ein statistisches Diagramm oder ein Codebeispiel sein.
Wie im Bild oben gezeigt, werden das Bild und der Titel im Abbildungs-Tag unabhängig voneinander angezeigt.
Hinweis:
Der Inhalt des Abbildungselements sollte mit dem Hauptinhalt in Zusammenhang stehen, aber wenn es entfernt wird, sollte es keine Auswirkungen auf den Dokumentenfluss haben.
Mit dem Element
In diesem Artikel geht es um die Verwendung der neuen Tag-Figur in HTML5. Er sollte sehr einfach und leicht zu verstehen sein.
Wenn Sie mehr über Front-End-Kenntnisse erfahren möchten, können Sie der chinesischen PHP-Website HTML5-Tutorial und anderen verwandten Front-End-Video-Tutorials folgen!
Das obige ist der detaillierte Inhalt vonWas ist das Figure-Tag? Wann sollte man es verwenden?. Für weitere Informationen folgen Sie bitte anderen verwandten Artikeln auf der PHP chinesischen Website!