html5 文本相關標籤
一、標題 h1、h1、hgroup（標題組）
1、什麼情況下使用標題？
01.標題是概括性的簡短文字
02.標題能概括隨後的內容
2、主標題與副標題
01.主標題
02.副標題
3、標題組 hgroup
01.當主標題和副標題成組時，應使用hgroup
hgroup h1
h2
4、標題級別問題
01.html5 裡的標題級別是以層級來區分，越靠近body標籤級別越高
5、Xhtml1.0 中的標題了解
01.html 5:
每個區塊裡的主標題均使用h1
每個區塊裡的副標題均使用h2
網頁中通常擁有多個h1
02.Xhtml1.0:
按級別依次使用h1-h6
網頁中有且僅有一個h1
Xhtml1.0與html 5中使用標題的區別
03.Xhtml1.0中的標題
單元一 1.<h2>單元一</h2>
第一章 2.<h3>第一章</h3>
第一節 3.<h4>第一節</h4>
第二節 4.<h4>第二節</h4>
第二章 5.<h3>第二章</h3>
第一節 6.<h4>第一節</h4>
第二節 7.<h4>第二節</h4>
單元二 8.<h2>單元二</h2>
小結：
01.在html5中主要使用兩個標題的標籤，主標題h1和副標題h2
02.當h1、h2 成組出現時要使用 hgroup 父對象。
03.標題不能隨便用，標題要簡短文字，要能概括隨後的內容，導航條裡的條目一般不會使用標題標籤。
04.標題在 html5 裡面級別極其依賴於結構本身的層級。
二、p 標籤（paragraph 段落）
01.根據文章或事情的內容、階段劃分的相對獨立的部分稱之為：段落
02.示例：
<h1>第二節</h1>
<p>這裡是段落文本，這裡是段落文本</p><p>這裡是第二段</p>
小結：
01.段落是文章的最常見的子元素。
02.段落會自動產生換行，並產生較大的上下空隙。
三、br 標籤（分隔 break）
br 標籤 --- 從中隔開 break(強制性換行)
四、span 小區域
01.<span> 被用來組合文檔中的行級元素。
02.什麼是行級元素？
它也稱為行內元素，內嵌元素。等級元素在一行內水平排列，不會主動產生換行，除非遇到了寬度 的限制。
03.示例：
今天體育課遲到的人有<span class= "boy">張三</span>，<span class= "boy">李四</span>和<span class= "girl">王五</span>，最後還有<span class= "girl">小六</span>。
添加css 修飾：
<style type="text/css">
.boy{
background: #f90;
}
.girl{
background: #0f9;
}
</style>
04.class 屬性 --- 類，類別
在剛才的示例中，創建了兩條css規則，每條規則都針對了同一類的對象作了統一的修飾。
小結：
01.span用來劃分小區域。
02.不會主動引起換行（屬於行級元素）
03.常常與結合class屬性使用
五、引用標籤 blockquote、q、cite
blockquote 標籤 --- 舊有標籤，長的引用
q 標籤 --- 短引用
cite 標籤 --- 參考文獻引用
代碼示例：
1、<blockquote cite="http://www.baidu.com">
<p>這是一段很長的引用，這是一段很長的引用，
這是一段很長的引用，這是一段很長的引用，</p></blockquote>
2.摘自<cite>《書名》</cite>
3.就像說的，<q>這是一個短引用</q>。
cite 屬性 --- 表示引用的來源
01.主流瀏覽器均不支持 cite 屬性。不過搜尋引擎可能會使用該屬性獲得更多有關引用的信息。
小結：
01.長引用使用 blockquote 標籤
02.短引用使用 q 標籤
03.參考文獻標題引用使用 cite 標籤
六、mark 標籤
01.mark 標籤作為一個冷門標籤，有一些兼容性問題。
小結：mark 標註那些不重要、但在特定情況下需要標註的文字。