Heim > Artikel > Web-Frontend > Was bedeuten semantische HTML5-Tags?

Was bedeuten semantische HTML5-Tags?

WBOYOriginal: 2022-01-23 13:47:522239Durchsuche

In HTML5 können semantische Tags ihre Bedeutung für Browser und Entwickler klar beschreiben. Versuchen Sie also, HTML-Tags mit entsprechenden strukturellen Bedeutungen zu verwenden, darunter „footer“, „header“ und „nav“, „figcaption“. ”-Tags usw.

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

Was bedeuten semantische HTML5-Tags?

Semantik = Bedeutung

Semantisches Element = bedeutungsvolles Element

Was ist ein semantisches Element?

Ein semantisches Element kann Browsern und Entwicklern seine Bedeutung klar beschreiben.

Beispiele für semantische Elemente:

und – keine Berücksichtigung des Inhalts erforderlich.

Beispiele für semantische Elemente:

und

sein Inhalt .

Viele bestehende Websites enthalten den folgenden HTML-Code:

oder

, um anzuzeigen Navigationslinks, Header und Trailer.

HTML5 bietet neue semantische Elemente zur Verdeutlichung verschiedener Teile einer Webseite:

Beispiele sind wie folgt :

Tag definiert einen Abschnitt (Abschnitt, Abschnitt) im Dokument. Zum Beispiel Kapitel, Kopf- und Fußzeilen oder andere Teile des Dokuments.

<html>
<head> 
<meta charset="utf-8"> 
<title>123</title> 
</head>
<body>
<section>
  <h1>WWF</h1>
  <p>The World Wide Fund for Nature (WWF) is an international organization working on issues regarding the conservation, research and restoration of the environment, formerly named the World Wildlife Fund. WWF was founded in 1961.</p>
</section>
<section>
  <h1>WWF&#39;s Panda symbol</h1>
  <p>The Panda has become the symbol of WWF. The well-known panda logo of WWF originated from a panda named Chi Chi that was transferred from the Beijing Zoo to the London Zoo in the same year of the establishment of WWF.</p>
</section>
</body>
</html>

Ausgabeergebnisse:

Empfohlenes Tutorial: „HTML-Video-Tutorial“

Das obige ist der detaillierte Inhalt vonWas bedeuten semantische HTML5-Tags?. Für weitere Informationen folgen Sie bitte anderen verwandten Artikeln auf der PHP chinesischen Website!

html5 html class table

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 verbergen Sie das Navigations-Tag in HTML5Nächster Artikel：So verbergen Sie das Navigations-Tag in HTML5

In Verbindung stehende Artikel

Mehr sehen