[04]HTML基礎之塊級標籤

1. <p>標籤

表示段落，多個空白符會合併成一個；<pre>標籤表示預文本段落，全部空白符都不合並。

//臨江仙詩句
<p>滾滾長江東逝水，浪花淘盡英雄，是非成敗轉頭空。
青山依舊在，幾度夕陽紅。</p>
<pre>白髮漁樵江渚上，慣看秋月春風，一壺濁酒喜相逢。
古今多少事，都付笑談中。</pre>

2. <ul>標籤

表示無序列表，表現爲每一個子項前都有圓點；<ol>標籤表示有序列表，表現爲每一個子項前都有序號；<li>標籤表示列表的子項目。

//無序列表
<ul> 導航：
    <li>首頁</li>
    <li>分類</li>
</ul>
//有序列表
<ol> 目錄：
    <li>第一章：靈感</li>
    <li>第二章：創做</li>
</ol>

3. <dl>標籤

表示定義列表；<dt>標籤表示定義列表的標題；<dd>標籤表示定義列表的數據。

<dl>
    <dt>IEC</dt>
    <dd>國際電工委員會（International Electrotechnical Commission）成立於1906
    年，它是世界上成立最先的國際性電工標準化機構，負責有關電氣工程和電子工程領域中
    的國際標準化工做。 </dd>
</dl>

4. <header>標籤

語義標籤，表示文檔的頭部；<main>標籤表示文檔的主體；<footer>標籤表示文檔的頁腳。前面三個標籤與<div>標籤效果一致，但重在語義的強調上面。

//能夠放置網站logo及導航連接
<header> 網站logo 導航連接 </header>
//能夠放置文章內容或評論
<main> 文章標題 文章內容 </main>
//能夠放置聯繫信息或版權信息
<footer> 版權信息 備案信息 </footer>

5. <article>標籤

語義標籤，表示重要的獨立內容，例如某段文章的內容；<aside>標籤表示不那麼重要的偏旁內容，例如文章的分類標籤，做者信息等。

<h1>斷章節選</h1>
<article>你站在橋上看風景，看風景的人在橋上看你；明月裝飾了你的夢，你裝飾了別人的
夢。</article>
<aside>做者：卞之琳，祖籍南京市溧水區，現當代詩人、文學評論家、翻譯家。</aside>

6. <hgroup>標籤

語義標籤，表示標題的分組；<h1>標籤表示一級標題；<h2>標籤表示二級標題；<h3>標籤表示三級標題；<h4>標籤表示四級標題；<h5>標籤表示五級標題；<h6>標籤表示六級標題。

<hgroup>
    <h1>宇宙歷史</h1>
    <h2>世界歷史</h2>
    <h3>亞洲歷史</h3>
    <h4>中國歷史</h4>
    <h5>唐朝歷史</h5>
    <h6>安史之亂</h6>
</hgroup>

7. <address>標籤

語義標籤，表示文檔做者的聯繫信息，表現爲略微傾斜的字體，通常放在<footer>標籤裏面。

<address>聯繫站長：<a href="mailto:contact@juetan.cn">絕彈</a> </adress>

8. <nav>標籤

語義標籤，表示導航內容，與<ol>、<ul>標籤相比，強調語義的做用。

<nav>
    <a href="/">首頁</a>
    <a href="/about">關於</a>
</nav>

英語單詞

p：段落(paragraph的縮寫)
pre: 預約義(predefined的縮寫)
header: 頭部
main：主要
footer：腳部
article：文章
aside：旁白
h：大字標題(headline的縮寫)
group：分組
adress：地址
nav：導航(navigation的縮寫)
ul：無序列表(unorder list的縮寫)
ol: 有序列表(order list的縮寫)
li：列表項目(list item的縮寫)
dl：定義列表(defined list的縮寫)
dt:定義列表標題(defined title的縮寫)
dd:定義列表數據(defined data的縮寫)
nav: 導航(navigator的縮寫)