html5 title タグには、1. ドキュメントのタイトルを定義する title タグ、2. コンテンツのタイトルを定義する h1、h2、h3、h4、h5、h6 タグ、3. caption タグ、テーブルのタイトルを定義するもの、4. figcaption タグ、5. 凡例タグ、6. 概要タグ。
このチュートリアルの動作環境: Windows 7 システム、HTML5 バージョン、Dell G3 コンピューター。
html5 タイトル タグ
1、 タグ
タグはドキュメントのタイトルを定義し、すべての HTML ドキュメントで必要です。 <p></p>
<title> 要素: <ul style="list-style-type: disc;">
<li><p> ブラウザのツールバーのタイトルを定義します </p></li>
<li><p> 追加するページを提供しますコレクション クリップされたときのタイトル </p></li>
<li>#検索エンジンの結果に表示されるページのタイトル <p></p>
</li>#<pre class="brush:html;toolbar:false"><!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<title>php中文网</title>
</head>
<body>
...
</body>
</html></pre></ul>
<p><img src="https://img.php.cn/upload/image/616/738/796/1639375311415707.png" alt="html5のtitleタグとは何ですか？" ></p>
<p> 2. </p>
<h1> ～ <h6> タグ<strong></strong><h1> - <h6> タグはタイトルを定義できます。 <h1> は最大の見出しを定義します。 <h6> 最小の見出しを定義します。 </h6>
</h1>
</h6>
</h1>
</h6>
</h1>
<p></p>h 要素には正確なセマンティクスがあるため、ドキュメントを構造化するために適切なタグ レベルを慎重に選択してください。したがって、同じ行内でタイトルタグを使用してフォントサイズを変更しないでください。代わりに、カスケード スタイル シート定義を使用して、美しい表示効果を実現する必要があります。 <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>
<p><img src="https://img.php.cn/upload/image/821/247/630/1639723578130899.png" title="1639723578130899.png" alt="html5のtitleタグとは何ですか？"></p>
<p>3. </p>
<caption> tag<strong></strong>caption 要素はテーブルのタイトルを定義します。 <p></p>キャプション ラベルは表ラベルの直後に置く必要があります。テーブルごとに 1 つのタイトルだけを定義できます。通常、タイトルはテーブルの上の中央に配置されます。 <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>
<p><img src="https://img.php.cn/upload/image/621/435/193/163393472683908html5%E3%81%AEtitle%E3%82%BF%E3%82%B0%E3%81%A8%E3%81%AF%E4%BD%95%E3%81%A7%E3%81%99%E3%81%8B%EF%BC%9F" alt="html5のtitleタグとは何ですか？" ></p>
<p>4. <figcaption> タグ<strong></strong>##<figcaption> タグは、<figure> 要素のタイトルを定義します。 。 </figure></figcaption></figcaption></p>
<p><figcaption> 要素は、<figure> 要素の最初または最後の子として配置する必要があります。 </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="html5のtitleタグとは何ですか？" >
</figure>
</body>
</html></pre><p></p>
<p><img src="https://img.php.cn/upload/image/144/462/837/163972384099696html5%E3%81%AEtitle%E3%82%BF%E3%82%B0%E3%81%A8%E3%81%AF%E4%BD%95%E3%81%A7%E3%81%99%E3%81%8B%EF%BC%9F" title="163972384099696html5のtitleタグとは何ですか？" alt="html5のtitleタグとは何ですか？"></p>5. <legend> tag<p><strong></strong>legend 要素は、fieldset 要素のタイトル (キャプション) を定義します。 </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></p>
<p><img src="https://img.php.cn/upload/image/203/296/619/163972394541092html5%E3%81%AEtitle%E3%82%BF%E3%82%B0%E3%81%A8%E3%81%AF%E4%BD%95%E3%81%A7%E3%81%99%E3%81%8B%EF%BC%9F" title="163972394541092html5のtitleタグとは何ですか？" alt="html5のtitleタグとは何ですか？"></p>6. <summary> タグ<p><strong></strong><summary> タグは、<details><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></p>
<p><img src="https://img.php.cn/upload/image/398/406/806/1639724013276498.gif" title="1639724013276498.gif" alt="html5のtitleタグとは何ですか？">関連する推奨事項:「</p>html ビデオ チュートリアル<p>」<a href="http://www.php.cn/course/list/11.html" target="_blank" textvalue="html视频教程"></a></p></details></summary></p></summary>
</legend>
</caption>
以上がhtml5のtitleタグとは何ですか？の詳細内容です。詳細については、PHP 中国語 Web サイトの他の関連記事を参照してください。
