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> <div class="code" style="position:relative; padding:0px; margin:0px;"><pre class="brush:html;toolbar:false"><!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<title>php中文网</title>
</head>
<body>
...
</body>
</html></pre><div class="contentsignin">Nach dem Login kopieren</div></div><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 </strong></p><p><h6> <h1> definiert die größte Überschrift. <h6> Definiert die kleinste Überschrift. </p><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><div class="code" style="position:relative; padding:0px; margin:0px;"><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><div class="contentsignin">Nach dem Login kopieren</div></div><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 </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><div class="code" style="position:relative; padding:0px; margin:0px;"><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><div class="contentsignin">Nach dem Login kopieren</div></div><p><img src="https://img.php.cn/upload/image/621/435/193/163393472683908Was ist der Title-Tag in HTML5?"/ alt="Was ist der Title-Tag in HTML5?" ></p><p><strong>4. <figcaption>-Tag </strong></p><p><figcaption> </p><p><figcaption>-Elemente sollten als erstes oder letztes untergeordnetes Element des <figure>-Elements platziert werden. </p><div class="code" style="position:relative; padding:0px; margin:0px;"><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><div class="contentsignin">Nach dem Login kopieren</div></div><p><img src="https://img.php.cn/upload/image/144/462/837/163972384099696Was ist der Title-Tag in HTML5?" title="163972384099696Was ist der Title-Tag in HTML5?" alt="Was ist der Title-Tag in HTML5?"/></p><p><strong>5. Das <legend>-Tag </strong></p><p>legend-Element definiert den Titel (Beschriftung) für das Fieldset-Element. </p><div class="code" style="position:relative; padding:0px; margin:0px;"><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><div class="contentsignin">Nach dem Login kopieren</div></div><p><img src="https://img.php.cn/upload/image/203/296/619/163972394541092Was ist der Title-Tag in HTML5?" title="163972394541092Was ist der Title-Tag in HTML5?" alt="Was ist der Title-Tag in HTML5?"/></p><p><strong>6. <summary>-Tag </strong></p><p><summary> Detaillierte Informationen werden angezeigt, wenn der Benutzer auf den Titel klickt. </p><div class="code" style="position:relative; padding:0px; margin:0px;"><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><div class="contentsignin">Nach dem Login kopieren</div></div><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!
