首頁  >  文章  >  web前端  >  在XHTML中的標題標籤與段落標籤有哪些使用方法

在XHTML中的標題標籤與段落標籤有哪些使用方法

php中世界最好的语言
php中世界最好的语言原創
2018-01-24 09:30:212810瀏覽

這次帶給大家在XHTML中的標題標籤與段落標籤有哪些使用方法,在XHTML中使用標題標籤與段落標籤的注意事項有哪些,下面就是實戰案例,一起來看一下。

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

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

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

<h1>定义网站标题
<h2>定义网站导航或者栏目
<h3>定义文章标题

依照網站內容來分:

<h1>定义网站标题
<h2>定义文章标题
<h3>定义栏目标题

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


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

<h1>XHTML 标题<h1>

而此時網站標題(網站logo)是否再採用h1 ,則根據實際情況而定。
標題使用練習
編輯器開啟我們的學習文件1.html 文件,將上面的4a249f0d628e2318394fd9b75b4636b1 至4e9ee319e0fa4abc21ff286eeb145ecc 標籤拷貝到< ;body> 標籤內:

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

hi~你好!

儲存並用瀏覽器開啟1.html檔案(如果已經開啟則點擊瀏覽器刷新按鈕重新載入文檔,下同,不再贅述)

#段落p 標籤
在XHTML 中,透過e388a4556c0f65e1904146cc1a846bee94b3e26ee717c64999d7867364b1b4a3 標籤來定義段落。
XHTML 段落
段落標籤實例:

<p>这是一个段落。</p>

在實際的生產工作中,我們大量的使用 e388a4556c0f65e1904146cc1a846bee94b3e26ee717c64999d7867364b1b4a3 段落標籤。
在文字上新增了段落標籤後,瀏覽器會自動為該段落文字新增一個段落換行。但我們不要依賴空的 e388a4556c0f65e1904146cc1a846bee94b3e26ee717c64999d7867364b1b4a3 來形成一個空白行,而應該用 df250b2156c434f3390392d09b1c9563 換行標籤。

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

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

由於換行標籤只是告知瀏覽器這個地方需要換行,而無實質性的內容,因此這個標籤不是成對出現的,且一個df250b2156c434f3390392d09b1c9563 只換行一次,需要多次換行,請輸入多個df250b2156c434f3390392d09b1c9563 標籤。
在 e388a4556c0f65e1904146cc1a846bee94b3e26ee717c64999d7867364b1b4a3 中如果插入 df250b2156c434f3390392d09b1c9563 標籤,同樣會產生換行效果。


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

相信看了這些案例你已經掌握了方法,更多精彩請關注php中文網其它相關文章!

相關閱讀:

在HTML/XHTML中的img映像標籤應該如何使用

在響應式框架中,table表頭自動換行的如何處理

怎麼讓Table顯示邊框

以上是在XHTML中的標題標籤與段落標籤有哪些使用方法的詳細內容。更多資訊請關注PHP中文網其他相關文章!

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