Heim >Web-Frontend >Front-End-Fragen und Antworten >Ist „figur' ein neues Tag in HTML5?

Ist „figur' ein neues Tag in HTML5?

青灯夜游Original: 2022-05-18 16:21:352557Durchsuche

figure ist ein neuer Tag. Abbildung ist ein neues semantisches Tag in HTML5, das zur Angabe unabhängiger Flussinhalte wie Bilder, Diagramme, Fotos usw. verwendet wird. Der Inhalt in Abbildung bezieht sich normalerweise auf den Hauptinhalt und die Position des Elements ist unabhängig davon Der Hauptinhalt. Ja, wenn Sie ihn löschen, hat dies keine Auswirkungen auf andere Inhalte auf der Webseite.

Die Betriebsumgebung dieses Tutorials: Windows 7-System, HTML5-Version, Dell G3-Computer.

ist ein neues Tag in HTML 5, ein neues semantisches Tag, das zu HTML5 hinzugefügt wurde.

wird verwendet, um unabhängige Stream-Inhalte (Bilder, Diagramme, Fotos, Code usw.) anzugeben.

Der Inhalt in der Abbildung bezieht sich normalerweise auf den Hauptinhalt, während die Position der Elemente unabhängig vom Hauptinhalt ist. Wenn es gelöscht wird, sollte es keine Auswirkungen auf den Dokumentfluss haben. Das heißt, wenn die Abbildung gelöscht wird, hat dies keine Auswirkungen auf andere Inhalte auf der Webseite.

Hinweis:

Die Gliederung des Elementinhalts ist von der Hauptgliederung des Dokuments ausgeschlossen. Das
-Element kann mit dem
-Element verwendet werden.

Das Element
wird verwendet, um einen Titel für das Element
zu definieren.

Fügen Sie ein
in das
-Element ein, um ihm einen Titel zuzuordnen (als erstes oder letztes untergeordnetes Element). Wenn Sie nach einer Abbildung suchen, wissen Sie, dass hier Bilder, Diagramme, Fotos, Codes und andere Medien gespeichert sind, und denken nicht, dass hier Artikel und andere Dinge gespeichert sind. Suchmaschinen machen die Suche schneller und bequemer.
Andererseits wissen Programmierer, wenn sie dieses Etikett sehen, dass es sich hier um Bilder und andere Medien handelt, die das Lesen erleichtern.

Beispiel:

<!doctype html>
<html>
	<head>
		<meta charset="utf-8">
		<title>figure和 figcaption元素的使用</title>
	</head>
	<body>
		<p>被称作“第四代体育馆”的“鸟巢”国家体育场是 2008年北京奥运会的标志性建筑，它位于北京北四环边，包含在奥林匹克国家森林公园之中。占地面积 20.4万平方米，总建筑面积 25.8万平方米，拥有
			9.1万个固定座位，内设餐厅、运动员休息室、更衣室等。2008年奥运会期间，承担开幕式、闭幕式、田径比赛、男子足球决赛等赛事活动。</p>
		<figure>
			　 <figcaption>北京鸟巢</figcaption>
			　 <p>拍摄者：XXXX，拍摄时间：2020 年 09 月</p>
			　 <img src="2.png" alt="">
			　</figure>
	</body>

</html>

Ist „figur ein neues Tag in HTML5? (Teilen von Lernvideos:

HTML-Video-Tutorial

, Web-Frontend)

Das obige ist der detaillierte Inhalt vonIst „figur' ein neues Tag in HTML5?. Für weitere Informationen folgen Sie bitte anderen verwandten Artikeln auf der PHP chinesischen Website!

Stellungnahme：

Der Inhalt dieses Artikels wird freiwillig von Internetnutzern beigesteuert und das Urheberrecht liegt beim ursprünglichen Autor. Diese Website übernimmt keine entsprechende rechtliche Verantwortung. Wenn Sie Inhalte finden, bei denen der Verdacht eines Plagiats oder einer Rechtsverletzung besteht, wenden Sie sich bitte an admin@php.cn

Vorheriger Artikel：So löschen Sie untergeordnete Elemente in JQuery und behalten das ersteNächster Artikel：So löschen Sie untergeordnete Elemente in JQuery und behalten das erste

In Verbindung stehende Artikel

Mehr sehen