Was sind die am häufigsten verwendeten Strukturelemente in HTML?-Front-End-Fragen und Antworten-php.cn

Was sind die am häufigsten verwendeten Strukturelemente in HTML?

青灯夜游

Freigeben： 2022-09-15 17:48:58

Original

7494 Leute haben es durchsucht

Häufig verwendete Strukturelemente in HTML

div-Elemente

div-Elemente werden zum Erstellen großer Blöcke (Blockebene) verwendet. Inhalte bieten Struktur- und Kontextelemente.

kann Unterteilungen oder Abschnitte (Abteilung/Abschnitt) im Dokument definieren.

-Tag kann das Dokument in unabhängige und unterschiedliche Teile unterteilen. Es kann als strenges Organisationstool verwendet werden und verwendet keine damit verbundenen Formatierungen.

Wenn Sie

mit ID oder Klasse markieren, wird das Tag effektiver.

Hinweis:

ist ein Element auf Blockebene, was bedeutet, dass Browser normalerweise einen Zeilenumbruch vor und nach dem div-Element einfügen.

Tipp: Verwenden Sie das

-Element, um Elemente auf Blockebene zu gruppieren, damit sie mithilfe von Stilen formatiert werden können.

Abschnittselement

Das Abschnittselement () stellt einen Bereich (oder Abschnitt) im Dokument dar und ist ein gemeinsames Element auf Blockebene. Beispielsweise enthält eine Themengruppe im Inhalt im Allgemeinen eine Überschrift. Generell gilt, dass jeder

-Element nicht in mehrere Teile unterteilt werden kann ein gewöhnlicher Container. So sollte

verwendet werden. Im Allgemeinen sollte ein

in der Dokumentgliederung erscheinen

article-Element

Das

-Element stellt eine unabhängige Struktur in einem Dokument, einer Seite, einer Anwendung oder einer Website dar, die unabhängig zuweisbar sein soll Wiederverwendbare Strukturen. Dies kann ein Forumsbeitrag, ein Magazin- oder Nachrichtenartikel, ein Blog, ein vom Benutzer eingereichter Kommentar, eine interaktive Komponente oder ein anderer unabhängiger Inhalt sein. Wenn das Element

verschachtelt verwendet wird, stellt das Element den Artikel dar, der sich auf das äußere Element bezieht. Beispielsweise kann ein

-Element, das einen Blog-Kommentar darstellt, in einem

-Element verschachtelt werden. Die Autoreninformationen des

-Elements können bereitgestellt werden. aber es funktioniert nicht mit dem

-Element. Das Veröffentlichungsdatum und die Veröffentlichungszeit des

-Elements können durch das pubdate-Attribut des

und ist es notwendig, das

aside-Element im Titel hinzuzufügen.

　Das

nav-Element

Die HTML-Navigationsleiste (

Nicht alle Links müssen das Element

　Das

-Element stellt den Seitenkopf oder Blockkopf dar, der zum Gruppieren des Einführungsinhalts und der Hilfsnavigation des Blocks verwendet wird, sodass es das Titelelement des Blocks und andere Einführungsinhalte enthalten kann (Katalog). , Logo usw.)

　 [Hinweis] Da die Elemente

kein Abschnittsinhalt sind, werden neue Abschnitte nicht in die Gliederung eingefügt.

footer-Element

　 Das Element

　[Hinweis] Die Autoreninformationen im

<!DOCTYPE html>
<html>
<head>
  <meta charset="UTF-8">
  <title>苹果首页</title>
</head>
<body>
<nav>
  <ul>
    <li><a href="#">Apple</a></li>
    <li><a href="#">Mac</a></li>
    <li><a href="#">iPad</a></li>
    <li><a href="#">iPhone</a></li> 
    <li><a href="#">Watch</a></li> 
    <li><a href="#">Music</a></li> 
    <li><a href="#">技术支持</a></li> 
    <li><a href="#">搜索</a></li> 
    <li><a href="#">购物袋</a></li>           
  </ul>
</nav>
<article>
  <section>展示1</section>
  <section>展示2</section>
  <section>展示3</section>
  <section>展示4</section>
  <nav>
    <ul>
      <li>按钮1</li>
      <li>按钮2</li>
      <li>按钮3</li>
      <li>按钮4</li>
    </ul>
  </nav>
</article>
<aside>
  <ul>
    <li><a href="#">Watch</a></li>
    <li><a href="#">Pencil</a></li>
    <li><a href="#">iPad</a></li>
    <li><a href="#">MacBook</a></li>
  </ul>
</aside>
<footer>
  <nav>
    <div>选购及了解</div>
    <div>商店</div>
    <div>应用</div>
    <div>账户</div>
    <div>关于</div>
  </nav>
  <section>
    <div>其他杂项</div>
  </section>
</footer>
</body>
</html>

Nach dem Login kopieren

Was sind die am häufigsten verwendeten Strukturelemente in HTML? Erläuterung: main

Der Hauptgrund dafür ist, dass IE-Browser es nicht unterstützen. Das Hauptelement (

) stellt das Dokument dar. Körper> oder der Hauptteil der Anwendung. Der Hauptteil besteht aus Inhalten, die in direktem Zusammenhang mit dem Dokument stehen oder sich auf das zentrale Thema des Dokuments oder die wichtigsten Funktionsteile der Anwendung erstrecken. Dieser Teil des Inhalts sollte im Dokument eindeutig sein und keinen Inhalt enthalten, der in einer Reihe von Dokumenten wiederholt wird. Das

-Tag darf keine Vererbung der folgenden Elemente sein, einschließlich