Ist „figur' ein neues Tag in HTML5?-Front-End-Fragen und Antworten-php.cn

Heim

Web-Frontend

Front-End-Fragen und Antworten

Ist „figur' ein neues Tag in HTML5?

青灯夜游

May 18, 2022 pm 04:21 PM

htmlhtml5

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.

Ist „figur' ein neues Tag in HTML5?

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="/static/imghwm/default1.png"  data-src="2.png"  class="lazy"   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

Verwandter Artikel

CSS: Kann ich mehrere IDs im selben DOM verwenden?May 14, 2025 am 12:20 AM

Nein, you sollte nichtusemultipIdsinthesamedom.1) idsmustbeuniqueperhtmlspecification und UseDuplicateSconstinconsistentBrowserBehavior.2) Useclassesforstylingmultipleements, AttributeStorgetargetingBytributes undDesschonten- und Desschütten und Desschütten und Desschuhteilen und Desschüttungen und Desschüttungen

Die Ziele von HTML5: Erstellen eines leistungsfähigeren und zugänglichen WebsMay 14, 2025 am 12:18 AM

HTML5aimstoenhancewebcapabilities,makingitmoredynamic,interactive,andaccessible.1)Itsupportsmultimediaelementslikeand,eliminatingtheneedforplugins.2)Semanticelementsimproveaccessibilityandcodereadability.3)Featureslikeenablepowerful,responsivewebappl

Bedeutende Ziele von HTML5: Verbesserung der Webentwicklung und BenutzererfahrungMay 14, 2025 am 12:18 AM

Html5aimstoenhancewebdevelopment undseRexperiencethroughsemanticsstruktur, Multimediaintegration und PerformanceimProvements.1) semanticelements wie und impovereadability und Accessibility.2) und TagsallownessmultimediaMeddingdingdingDingdingdingdingwithaugleDeUtPlugin.

HTML5: Ist es sicher?May 14, 2025 am 12:15 AM

Html5isnotinherentiNecure, ButitsFeaturesCanleadtoseCurityRiksifmisusesedOrimProperlyImplemented.1) UsethesandboxattributeIniframestocontrolembeddedContentandPreventVulerabilitsLiKeClickjacking.2) meiden

HTML5 -Tore im Vergleich zu älteren HTML -VersionenMay 14, 2025 am 12:14 AM

Html5AimedToenHancewebdevelopmentByIntrocingSemanticelemente, Nativemultimediasupport, verbesserte Formelemente und OfflineKapabilitäten, kontrastübergreifend mit THTHTHTHTHIMITIMITATIONSOFHTML4ANDXHTML.1) ITINTREIDEMANTICTAGAGAGAGAGAGAGAGAGAGEN, AUSGRISSIERUNGEN

CSS: Ist es schlecht, ID -Selektor zu verwenden?May 13, 2025 am 12:14 AM

Die Verwendung von ID -Selektoren ist in CSS nicht von Natur aus schlecht, sollte aber mit Vorsicht verwendet werden. 1) ID -Selektor eignet sich für eindeutige Elemente oder JavaScript -Hooks. 2) Für allgemeine Stile sollten Klassenauswahlern verwendet werden, da sie flexibler und wartbarer sind. Durch die Ausbindung der Verwendung von ID und Klasse kann eine robustere und effizientere CSS -Architektur implementiert werden.

HTML5: Tore im Jahr 2024May 13, 2025 am 12:13 AM

Html5'Sgoalsin2024FocusonRefinement undoptimization, NotnewFeatures

Was sind die Hauptbereiche, in denen sich HTML5 verbessern versucht hat?May 13, 2025 am 12:12 AM

Html5AimedToimProvewebdevelopmentInfourKeyAreaas: 1) Multimediasupport, 2) Semanticsstruktur, 3) FormCapabilities und 4) Offline und StorageOptions.1) html5Introducuedand und vereinfachen mediaMbeddinganddingandenhancingSexperience.2)

See all articles