Gemeinschaft Lernen Tools-Bibliothek Freizeit

Deutsch

Heim > Web-Frontend > Front-End-Fragen und Antworten > Hauptteil

Was bedeuten semantische HTML5-Tags?

WBOY

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

Original

2249 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

Was bedeuten semantische HTML5-Tags?

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!

Verwandte Etiketten：

html

Quelle：php.cn

Vorheriger Artikel：So verbergen Sie das Navigations-Tag in HTML5 Nächster Artikel：Was ist das Fokusattribut in HTML5?

Erklärung dieser Website

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

Neueste Artikel des Autors

Was ist eine NullPointerException und wie behebe ich sie?

2024-10-22 09:46:29
Vom Anfänger zum Programmierer: Ihre Reise beginnt mit C-Grundlagen

2024-10-13 13:53:41
Webentwicklung mit PHP freischalten: Ein Leitfaden für Anfänger

2024-10-12 12:15:51
C entmystifizieren: Ein klarer und einfacher Weg für neue Programmierer

2024-10-11 22:47:31
Entfalten Sie Ihr Programmierpotenzial: C-Programmierung für absolute Anfänger

2024-10-11 19:36:51
Entfesseln Sie Ihren inneren Programmierer: C für absolute Anfänger

2024-10-11 15:50:41
Automatisieren Sie Ihr Leben mit C: Skripte und Tools für Anfänger

2024-10-11 15:07:41
PHP leicht gemacht: Ihre ersten Schritte in der Webentwicklung

2024-10-11 14:21:21
Erstellen Sie alles mit Python: Ein Leitfaden für Anfänger, um Ihrer Kreativität freien Lauf zu lassen

2024-10-11 12:59:11
Der Schlüssel zum Programmieren: Die Leistungsfähigkeit von Python für Anfänger freischalten

2024-10-11 12:17:31

Aktuelle Ausgaben

Automatische PX-Konvertierung in REM-Fehler <style>html { font-size: calc(100vw / 3.75); }body { Schriftgröße: 0,16rem...

Aus 2024-04-16 09:34:16

0

0

4687

Die Seite kann plötzlich weder CSS noch Bootstrap abrufen Ich entwickle also eine Seite, einen Teil davon habe ich gestern gemacht und es hat großar...

Aus 2024-04-06 21:58:04

0

1

800

So lösen Sie das mysteriöse Leerzeichen am unteren Rand der Seite in CSS Ich versuche, mit Bootstrap und D3 eine einfache Webseite zu erstellen, weiß aber nicht, w...

Aus 2024-04-06 20:22:15

0

1

454

So verwenden Sie Laravel-Komponenten mit Livewire-Lazy-Platzhaltern Ich möchte das Skelett meiner Laravel-Komponente in einen Livewire3-Platzhalter einfügen. ...

Aus 2024-04-06 20:02:10

0

2

543

Methode der obersten Ebene zum Ersetzen einer Zeichenfolge durch HTML-Code (aus einem Array generiert) Gegeben eine Zeichenfolge wie diese...$htmlPattern="Usernameis:#name#andusercompanyis...

Aus 2024-04-06 17:40:41

0

2

410

verwandte Themen

Mehr>

Beliebte Empfehlungen

Beliebte Tutorials

Mehr>

Verwandte Tutorials

Beliebte Empfehlungen

Aktuelle Kurse

Neueste Downloads

Mehr>

Web-Effekte

Quellcode der Website

Website-Materialien

Frontend-Vorlage