首頁  >  文章  >  web前端  >  詳解XHTML中的標題標籤與段落標籤的使用

詳解XHTML中的標題標籤與段落標籤的使用

高洛峰
高洛峰原創
2017-02-21 13:52:161591瀏覽

XHTML 標題概述
我們在撰寫 Word 文件的時候,常常會使用標題,如 「第一章」、「1.2.1」 等。在 XHTML 語法中也有標題這個概念。 在XHTML 中定義了6 級標題,分別是

<h1>第一级标题</h1>  
<h2>第二级标题</h2>  
<h3>第三级标题</h3>  
<h4>第四级标题</h4>  
<h5>第五级标题</h5>  
<h6>第六级标题</h6>

標題的使用
在XHTML 文件中,標題很重要,搜尋引擎使用標題為您的網頁的結構和內容編制索引,我們要善於使用標題來識別我們的文件層次。
在標題中,第一級標題最高,然後依序遞減。一般來說,在XHTML 文件中,標題適用於文件中(

標籤內)如下地方:
依照網站層次來分:

定義網站標題

定義文章標題
依照網站內容來分:

定義網站標題

定義文章標題
定義欄目標題
對於大於h3 以上的h4 至h6 標題,可以在適當的地方選用,如版權聲明或免責通告等相對比較重要的地方。
另外請注意,層次一定是遞減的,h1 下面 應該是 h2 這個層次,然後依序 h3 ...。


某些標題使用的建議
由於h1 表名了整個頁面的核心內容,因此一般來說h1 只能出現一次(並不絕對這樣,但絕對不能出現多次)且用於該文最強調的地方。所以如果對於具體的內容頁面,h1 往往會用於文章題目以突出文章的重要性,如本站:

<h1>XHTML 标题<h1>

而此時網站標題(網站logo)是否再採用h1 ,則根據實際情況而定。
標題使用練習
用編輯器開啟我們的學習文件1.html 文件,將上面的

標籤拷貝到 標籤內:
  
<h1>第一级标题</h1>  
<h2>第二级标题</h2>  
<h3>第三级标题</h3>  
<h4>第四级标题</h4>  
<h5>第五级标题</h5>  
<h6>第六级标题</h6>  

hi~你好!

儲存並用瀏覽器開啟1.html文件(如果已經開啟則點擊瀏覽器刷新按鈕重新載入文檔,下同,不再贅述),可以查看標題標籤的效果如下:

詳解XHTML中的標題標籤與段落標籤的使用

透過範例可以看出,瀏覽器會自動給一個標題形成一個換行(每個標題獨佔一行)。

段落 p 標籤
在 XHTML 中,透過

標籤來定義段落。
XHTML 段落
段落標籤實例:
<p>这是一个段落。</p>

在實際的生產工作中,我們大量的使用

段落標籤。
在文字上新增了段落標籤後,瀏覽器會自動為該段落文字新增一個段落換行。但我們不要依賴空的

來形成一個空白行,而應該用
換行標籤。


換行

在XHTML 文件中,標題或段落標籤只提供一個換行標記,如果我們需要一個空白行或多個換行,就需要換行標籤< ;br /> 。在 XHTML 中以編輯 Word 的方式敲回車鍵換行是無效的,瀏覽器會忽略這樣產生的換行空白。
實例:

<p>这是一些内容</p>  
<br /><br />  
<p>这是另一些内容</p>

由於換行標籤只是告知瀏覽器這個地方需要換行,而無實質性的內容,因此這個標籤不是成對出現的,且一個
只換行一次,需要多次換行,請輸入多個
標籤。

中如果插入
標籤,同樣會產生換行效果。



還是

儘管我們使用
仍然能取得換行效果,但那是瀏覽器相容 HTML4.0 規範的結果。
在XHTML 規範中,對於不是成對的標籤,只需要在內容結束後加入一個空格,然後以/> 來閉合標籤,如
以及後面要講到的詳解XHTML中的標題標籤與段落標籤的使用等標籤。
所以是
而不是

更多詳解XHTML中的標題標籤與段落標籤的使用相關文章請關注PHP中文網!

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