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

php中世界最好的语言
發布: 2018-01-24 09:30:21
原創
2756 人瀏覽過

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

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

<h1>第一级标题</h1>  
<h2>第二级标题</h2>  
<h3>第三级标题</h3>  
<h4>第四级标题</h4>  
<h5>第五级标题</h5>  
<h6>第六级标题</h6>
登入後複製

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

<h1>定义网站标题
<h2>定义网站导航或者栏目
<h3>定义文章标题
登入後複製

依照網站內容來分:

<h1>定义网站标题
<h2>定义文章标题
<h3>定义栏目标题
登入後複製

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


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

<h1>XHTML 标题<h1>
登入後複製

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

標籤拷貝到< ;body> 標籤內:

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

hi~你好!

登入後複製

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

#段落p 標籤
在XHTML 中,透過

標籤來定義段落。
XHTML 段落
段落標籤實例:

<p>这是一个段落。</p>
登入後複製

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

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

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

換行

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

<p>这是一些内容</p>  
<br /><br />  
<p>这是另一些内容</p>
登入後複製

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

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



還是

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

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

相關閱讀:

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

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

怎麼讓Table顯示邊框

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

相關標籤:
來源:php.cn
本網站聲明
本文內容由網友自願投稿,版權歸原作者所有。本站不承擔相應的法律責任。如發現涉嫌抄襲或侵權的內容,請聯絡admin@php.cn
熱門教學
更多>
最新下載
更多>
網站特效
網站源碼
網站素材
前端模板
關於我們 免責聲明 Sitemap
PHP中文網:公益線上PHP培訓,幫助PHP學習者快速成長!