首頁  >  文章  >  web前端  >  html5中標題標籤是什麼

html5中標題標籤是什麼

青灯夜游
青灯夜游原創
2021-12-17 14:57:364455瀏覽

html5標題標籤有:1、title標籤,定義文件的標題;2、h1、h2、h3、h4、h5、h6標籤,定義內容標題;3、caption標籤,定義表格標題;4 、figcaption標籤;5、legend標籤;6、summary標籤。

html5中標題標籤是什麼

本教學操作環境:windows7系統、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> </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="html5中標題標籤是什麼" ></p> <p>## 2、</p> <h1> to <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中標題標籤是什麼"></p> <p>3、</p> <caption>標籤<strong></strong>caption 元素定義表格標題。 <p></p>caption 標籤必須緊接在 table 標籤之後。您只能對每個表格定義一個標題。通常這個標題會被居中於表格之上。 <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%E4%B8%AD%E6%A8%99%E9%A1%8C%E6%A8%99%E7%B1%A4%E6%98%AF%E4%BB%80%E9%BA%BC" alt="html5中標題標籤是什麼" ></p> <p>4、<figcaption>標籤<strong></strong></figcaption></p> <figcaption> 標籤為 <figure> 元素定義標題。 <p></p> <figcaption> 元素應該被置於 <figure> 元素的第一個或最後一個子元素的位置。 <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中標題標籤是什麼" > </figure> </body> </html></pre></p> <p><img src="https://img.php.cn/upload/image/144/462/837/163972384099696html5%E4%B8%AD%E6%A8%99%E9%A1%8C%E6%A8%99%E7%B1%A4%E6%98%AF%E4%BB%80%E9%BA%BC" title="163972384099696html5中標題標籤是什麼" alt="html5中標題標籤是什麼"></p> <p>5、<legend>標籤<strong></strong> </legend></p>legend 元素為 fieldset 元素定義標題(caption)。 <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><img src="https://img.php.cn/upload/image/203/296/619/163972394541092html5%E4%B8%AD%E6%A8%99%E9%A1%8C%E6%A8%99%E7%B1%A4%E6%98%AF%E4%BB%80%E9%BA%BC" title="163972394541092html5中標題標籤是什麼" alt="html5中標題標籤是什麼"></p> <p>6、<summary>標籤<strong></strong></summary></p> <summary> 標籤為 <details> 元素定義一個可見的標題。當使用者點擊標題時會顯示出詳細資訊。 <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> <p><img src="https://img.php.cn/upload/image/398/406/806/1639724013276498.gif" title="1639724013276498.gif" alt="html5中標題標籤是什麼"></p>相關推薦:《<p>html影片教學<a href="http://www.php.cn/course/list/11.html" target="_blank" textvalue="html视频教程">》</a></p></details></summary></figure></figcaption></figure></figcaption> </caption>

以上是html5中標題標籤是什麼的詳細內容。更多資訊請關注PHP中文網其他相關文章!

陳述:
本文內容由網友自願投稿,版權歸原作者所有。本站不承擔相應的法律責任。如發現涉嫌抄襲或侵權的內容,請聯絡admin@php.cn