HTML5-Titel-Tags umfassen: 1. Titel-Tag, das den Titel des Dokuments definiert; 2. h1-, h2-, h3-, h4-, h5-, h6-Tags, die den Inhaltstitel definieren; Titel; 4. figcaption-Tag; 5. legend-Tag;
Die Betriebsumgebung dieses Tutorials: Windows 7-System, HTML5-Version, Dell G3-Computer.
HTML5-Titel-Tag
1. -Tag
<p></p>
<title>-Element: <ul style="list-style-type: disc;">
<li><p> Definiert den Titel in der Browser-Symbolleiste </p></li>
<li><p> Stellt den Titel bereit, wenn die Seite zu den Favoriten hinzugefügt wird </p></li>
<li><p>Der Seitentitel, der in Suchmaschinenergebnissen angezeigt wird </p></li>
</ul> <pre class="brush:html;toolbar:false"><!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<title>php中文网</title>
</head>
<body>
...
</body>
</html></pre><p><img src="https://img.php.cn/upload/image/616/738/796/1639375311415707.png" alt="Was ist der Title-Tag in HTML5?" ></p>
<p><strong>2, <h1> Tag </h1></strong></p>
<p></p>
<h6> <h1> definiert die größte Überschrift. <h6> Definiert die kleinste Überschrift. </h6>
</h1>
</h6>
<p>Da das h-Element eine genaue Semantik hat, wählen Sie bitte sorgfältig die entsprechende Tag-Ebene aus, um das Dokument zu strukturieren. Bitte verwenden Sie daher keine Title-Tags, um die Schriftgröße innerhalb derselben Zeile zu ändern. Stattdessen sollten wir kaskadierende Stylesheet-Definitionen verwenden, um schöne Anzeigeeffekte zu erzielen. </p><pre class="brush:html;toolbar:false"><h1>这是标题 1</h1>
<h2>这是标题 2</h2>
<h3>这是标题 3</h3>
<h4>这是标题 4</h4>
<h5>这是标题 5</h5>
<h6>这是标题 6</h6></pre><p><img src="https://img.php.cn/upload/image/821/247/630/1639723578130899.png" title="1639723578130899.png" alt="Was ist der Title-Tag in HTML5?"></p>
<p><strong>3. Das <caption>-Tag </caption></strong></p>
<p>caption-Element definiert den Tabellentitel. </p>
<p>Caption-Tag muss dem Tabellen-Tag folgen. Sie können nur einen Titel pro Tabelle definieren. Normalerweise wird der Titel zentriert über der Tabelle angezeigt. </p><pre class="brush:html;toolbar:false"><table border="1">
<caption>人物信息</caption>
<tr>
<th>姓名</th>
<th>年龄</th>
</tr>
<tr>
<td>Peter</td>
<td>20</td>
</tr>
<tr>
<td>Lois</td>
<td>20</td>
</tr>
</table></pre><p><img src="https://img.php.cn/upload/image/621/435/193/163393472683908Was%20ist%20der%20Title-Tag%20in%20HTML5?" alt="Was ist der Title-Tag in HTML5?" ></p>
<p><strong>4. <figcaption>-Tag </figcaption></strong></p>
<p><figcaption> </figcaption></p>
<p><figcaption>-Elemente sollten als erstes oder letztes untergeordnetes Element des <figure>-Elements platziert werden. </figure></figcaption></p><pre class="brush:html;toolbar:false"><!DOCTYPE HTML>
<html>
<body>
<p>上海卢浦大桥是当今世界第一钢结构拱桥，是世界上跨度最大的拱形桥。它也是世界上首座完全采用焊接工艺连接的大型拱桥（除合拢接口采用栓接外），现场焊接焊缝总长度达4万多米，接近上海市内环高架路的总长度。卢浦大桥像澳大利亚悉尼的海湾大桥一样具有旅游观光的功能。</p>
<figure>
<figcaption>黄浦江上的的卢浦大桥</figcaption>
<p>拍摄者：W3School 项目组，拍摄时间：2010 年 10 月</p>
<img src="/i/shanghai_lupu_bridge.jpg" style="max-width:90%" style="max-width:90%" / alt="Was ist der Title-Tag in HTML5?" >
</figure>
</body>
</html></pre><p><img src="https://img.php.cn/upload/image/144/462/837/163972384099696Was%20ist%20der%20Title-Tag%20in%20HTML5?" title="163972384099696Was ist der Title-Tag in HTML5?" alt="Was ist der Title-Tag in HTML5?"></p>
<p><strong>5. Das <legend>-Tag </legend></strong></p>
<p>legend-Element definiert den Titel (Beschriftung) für das Fieldset-Element. </p><pre class="brush:html;toolbar:false"><!DOCTYPE HTML>
<html>
<body>
<form>
<fieldset>
<legend>健康信息</legend>
身高：<input type="text" />
体重：<input type="text" />
</fieldset>
</form>
<p>如果表单周围没有边框，说明您的浏览器太老了。</p>
</body>
</html></pre><p><img src="https://img.php.cn/upload/image/203/296/619/163972394541092Was%20ist%20der%20Title-Tag%20in%20HTML5?" title="163972394541092Was ist der Title-Tag in HTML5?" alt="Was ist der Title-Tag in HTML5?"></p>
<p><strong>6. <summary>-Tag </summary></strong></p>
<p><summary> Detaillierte Informationen werden angezeigt, wenn der Benutzer auf den Titel klickt. </summary></p><pre class="brush:html;toolbar:false"><!DOCTYPE HTML>
<html>
<body>
<details>
<summary>HTML 5</summary>
This document teaches you everything you have to learn about HTML 5.
</details>
</body>
</html></pre><p><img src="https://img.php.cn/upload/image/398/406/806/1639724013276498.gif" title="1639724013276498.gif" alt="Was ist der Title-Tag in HTML5?"></p>
<p>Verwandte Empfehlungen: „<a href="http://www.php.cn/course/list/11.html" target="_blank" textvalue="html视频教程">HTML-Video-Tutorial</a>“</p>
Das obige ist der detaillierte Inhalt vonWas ist der Title-Tag in HTML5?. 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
