Heim > Web-Frontend > Front-End-Fragen und Antworten > In HTML5 gibt es mehrere Ebenen von Title-Tags

In HTML5 gibt es mehrere Ebenen von Title-Tags

青灯夜游
Freigeben: 2021-12-16 18:00:57
Original
11041 Leute haben es durchsucht

HTML5 verfügt über insgesamt 6 Ebenen von Titel-Tags: 1. „

“, das einen Titel der ersten Ebene definieren kann; 2. „

“, das einen Titel der zweiten Ebene definieren kann; . „

“, es können Überschriften mit vier Ebenen definiert werden. 5. „

“, es können Überschriften mit fünf Ebenen definiert werden; 6. „
“, sechsstufige Überschriften können als Titel definiert werden.

In HTML5 gibt es mehrere Ebenen von Title-Tags

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

HTML-Dokumente enthalten verschiedene Titelebenen, die durch

-Elemente definiert werden. Unter ihnen stellt den Titel der höchsten Ebene dar, in absteigender Reihenfolge ist

Titelwortmarke<h1>~<h6></h6> </h1>

Der Buchstabe h in den Elementen

ist die Abkürzung der englischen Überschrift. Als Titel ist ihre Bedeutung unterschiedlich. Der Titel hat die niedrigste Bedeutung.

Grammatik:

<h1>一级标题</h1>
<h2>二级标题</h2>
<h3>三级标题</h3>
<h4>四级标题</h4>
<h5>五级标题</h5>
<h6>六级标题</h6>
Nach dem Login kopieren

Beschreibung:

In dieser Grammatik gibt es 6 Überschriftenebenen, ist eine Überschrift der ersten Ebene, wobei die größte Schriftgröße verwendet wird,

6-stufiger Titel, verwenden Sie die kleinste Schriftgröße.

Beispiel:

<html>
<head>
<meta http-equiv="content-type" content="text/html;charset=gb2312"/>
<title>标题字标记</title>
</head>
<body>
<h1>1级标题</h1>
<h2>2级标题</h2>
<h3>3级标题</h3>
<h4>4级标题</h4>
<h5>5级标题</h5>
<h6>6级标题</h6>
</body>
</html>
Nach dem Login kopieren

Die Tags von

in der Textspalte sind 6 verschiedene Titelebenen, wie in Abbildung 3.1 dargestellt.

In HTML5 gibt es mehrere Ebenen von Title-Tags

Tipp: Die genaue Gittergröße variiert von Browser zu Browser, aber der -Titel beträgt etwa das Zwei- bis Dreifache der Standardtexthöhe,

Eigenschaft zur Ausrichtung des Titeltextes ausrichten

Standardmäßig ist der Titeltext linksbündig ausgerichtet. Im Prozess der Webseitenerstellung ist es häufig erforderlich, andere Ausrichtungsmethoden zu wählen. Ausrichtungseinstellungen sollten mit dem align-Parameter festgelegt werden.

Syntax:

<silgn=对齐方式>
Nach dem Login kopieren

Beschreibung:

In dieser Syntax muss das align-Attribut nach dem Title-Tag gesetzt werden. Der Ausrichtungswert ist in Tabelle 3-1 aufgeführt.的 Tabelle 3-1 Der Wert der Ausrichtungsmethode

Eigenschaften LinksCenterrichtige Ausrichtung
<html>
<head>
<meta http-equiv="content-type" content="text/html; charset=gb2312"/>
<title>标题字的对齐</title>
</head>
<body>
<h1>1级标题</h1>
<h2  align="left">2级标题左对齐</h2>
<h3  align="center">3级标题居中对齐</h3>
<h4  align="right">4级标题右对齐</h4>
</body>
</html>
Nach dem Login kopieren
wo die

-Position< in der Körperspalte ;/h4> Teil des Code-Markups. Verschiedene Ausrichtungen Für den Titeltext sind die Werte „Links“, „Mitte“ und „Rechts“ festgelegt. Sie können den Effekt sehen, indem Sie ihn im Browser in der Vorschau anzeigen, wie in Abbildung 3.2 dargestellt.


Tipp:

In HTML5 gibt es mehrere Ebenen von Title-TagsDie genaue Gittergröße variiert von Browser zu Browser, aber

-Überschriften sind etwa zwei- bis dreimal so hoch wie die Standardtexthöhe,

der Titel ist etwas kleiner als a Standardleiter.

Empfohlenes Tutorial: „HTML-Video-Tutorial

Das obige ist der detaillierte Inhalt vonIn HTML5 gibt es mehrere Ebenen von Title-Tags. 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
Bedeutung

linke Ausrichtung
Center Ausrichtung
Beispiel: