Heim > Web-Frontend > HTML-Tutorial > Was bedeutet das HTML-Div-Tag?

Was bedeutet das HTML-Div-Tag?

青灯夜游
Freigeben: 2023-01-05 16:11:10
Original
20469 Leute haben es durchsucht

In HTML bedeutet div „Partition“ und ist ein Partitions-Tag, mit dem Partitionen im Dokument definiert werden, die das Dokument in unabhängige und unterschiedliche Teile unterteilen können. Das div-Element ist ein Element, das Struktur und Hintergrund für einen großen Inhaltsblock innerhalb eines HTML-Dokuments bereitstellt. Der gesamte Inhalt zwischen den öffnenden und schließenden DIV-Tags wird zur Bildung dieses Blocks verwendet.

Was bedeutet das HTML-Div-Tag?

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

DIV-Tags, sogenannte Division-Tags, können Unterteilungen oder Abschnitte (Abteilung/Abschnitt) im Dokument definieren und das Dokument in unabhängige und unterschiedliche Teile unterteilen. Es kann als strenges Organisationstool verwendet werden und verwendet keine damit verbundenen Formatierungen.

Die Funktion besteht darin, die Platzierungsposition von Wörtern, Gemälden, Tabellen usw. festzulegen.

Wenn Sie Text, Bilder oder andere Dinge in ein DIV einfügen, kann es als „DIV-Block“, „DIV-Element“ oder „CSS-Ebene“ oder einfach als „Ebene“ bezeichnet werden. Auf Chinesisch nennen wir es „Ebene“.

DIV-Element ist ein Element, das zur Bereitstellung von Struktur und Hintergrund für Inhalte auf Blockebene in HTML-Dokumenten verwendet wird. Alles zwischen den Start- und End-Tags des DIV wird zur Bildung des Blocks verwendet, und die Eigenschaften der enthaltenen Elemente werden durch die Eigenschaften des DIV-Tags oder durch die Formatierung des Blocks mithilfe eines Stylesheets gesteuert.

Usage

ist ein Element auf Blockebene. Das bedeutet, dass der Inhalt automatisch in einer neuen Zeile beginnt. Tatsächlich sind Zeilenumbrüche das einzige Formatierungsverhalten von
. Zusätzliche Stile können über die Klasse oder ID des
angewendet werden.

Es ist nicht notwendig, zu jedem

eine Klasse oder ID hinzuzufügen, obwohl dies gewisse Vorteile bietet.

Es ist möglich, entweder Klassen- oder ID-Attribute auf dasselbe

-Element anzuwenden, es ist jedoch üblicher, nur eines davon anzuwenden. Der Hauptunterschied zwischen den beiden besteht darin, dass die Klasse für Gruppen von Elementen (ähnliche Elemente oder als eine bestimmte Art von Elementen verstanden werden kann) verwendet wird, während die ID zur Identifizierung einzelner und eindeutiger Elemente verwendet wird.

Beispiel:

<!DOCTYPE html>
<html>
<head> 
<meta charset="utf-8"> 
</head>
<body>

<p>这是一些文本。</p>

<div style="color:#0000FF">
  <h3>这是一个在 div 元素中的标题。</h3>
  <p>这是一个在 div 元素中的文本。</p>
</div>

<p>这是一些文本。</p>

</body>
</html>
Nach dem Login kopieren

Rendering:

Was bedeutet das HTML-Div-Tag?

Empfohlenes Tutorial: „HTML-Video-Tutorial

Das obige ist der detaillierte Inhalt vonWas bedeutet das HTML-Div-Tag?. Für weitere Informationen folgen Sie bitte anderen verwandten Artikeln auf der PHP chinesischen Website!

Verwandte Etiketten:
Quelle:php.cn
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
Beliebte Tutorials
Mehr>
Neueste Downloads
Mehr>
Web-Effekte
Quellcode der Website
Website-Materialien
Frontend-Vorlage