Heim  >  Artikel  >  Web-Frontend  >  HTML

Titel-Tag-Element

HTML

Titel-Tag-Element

巴扎黑
巴扎黑Original
2017-06-10 09:55:495845Durchsuche

h1-HTML-Titel-Tag

In Webinhalten, wie dem Titel eines Artikels, wird das

-Tag im Allgemeinen verwendet, um das Layout zu kennzeichnen berücksichtigt die Meldung an Suchmaschinen.

Es ist wichtig, dass der Inhalt im Tag der Titel ist.

1. h1-Syntaxstruktur

<h1>文章标题</h1>

Ein Paar Tag-Gruppen, die mit

beginnen und mit

enden.

In ähnlicher Weise können h1-Tags auch Klasse und ID verwenden, um externe CSS-Stile einzuführen.

<h1 class=”yanshi”>文章标题</h1>
<h1 id=”abc”>主题标题</h1>

2. Eigenschaften und Verwendungsvorschläge des h1-Titel-Tags (wo man ihn verwendet)

Der HTML-h1-Titel-Tag wird oft am besten nur einmal auf einer Webseite verwendet. Verwenden Sie ihn nicht zweimal oder mehr als zweimal, um der Bedeutung und Einzigartigkeit von h1 gerecht zu werden. Andere Titelelemente wie H2-Tags, H3-Tags und H4-Tags können mehrfach auf einer Webseite verwendet werden.

Wo wird h1 verwendet? Es markiert normalerweise den Artikeltitel und den Thementitel auf einer Webseite.

3. Standard-h1-Tag

Im Standardinitialisierungszustand ist die Schriftart des h1-Tags fett und die Schriftgröße ist ebenfalls sehr groß. Normalerweise haben verschiedene Browser unterschiedliche Größen. Wenn es also um das tatsächliche DIV-CSS-Layout geht, müssen wir immer noch die erforderlichen CSS-Stile (z. B. Schriftgröße, Fettdruck) und andere spezifische Anforderungen im Voraus oder bei der Verwendung festlegen

4. Unterschied zwischen Titel-Tag und Webseiten-Titel-Tag

Obwohl HTML-H1- und HTML-Titel-Tags beide als Titel-Tags bezeichnet werden, wird im Allgemeinen

verwendet, um den Webseitentitel einzufügen, und <h1> ; wird verwendet, um den Artikeltitel einzugeben. Das Wesentliche ist also immer noch anders. </h1> <p>5. Einfache Verwendung von HTML h1 </p> <p>HTML-Quellcode: </p><pre class="brush:html;toolbar:false"><!DOCTYPE html> <html> <head> <meta charset="utf-8" /> <title>网页标题 ThinkCSS</title> <style> .abc{ color:#F00;font-size:26px} </style> </head> <body> <h1 class="abc">文章标题</h1> <p>文章内容</p> <p>文章内容</p> </body> </html></pre><p>Verwenden Sie hier das h1-Tag und die Klasse, um CSS festzulegen. </p> <p><img src="https://img.php.cn//upload/image/551/558/366/1497059731919048.png" title="1497059731919048.png" alt="HTML <h1> Titel-Tag-Element"></p>

Das obige ist der detaillierte Inhalt vonHTML

Titel-Tag-Element. Für weitere Informationen folgen Sie bitte anderen verwandten Artikeln auf der PHP chinesischen Website!

Stellungnahme:
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