Was bedeuten semantische HTML5-Tags?-Front-End-Fragen und Antworten-php.cn

Was bedeuten semantische HTML5-Tags?

WBOY

Freigeben： 2022-01-23 13:47:52

Original

2161 Leute haben es durchsucht

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.

Was bedeuten semantische HTML5-Tags?

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>

Nach dem Login kopieren

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!