无标题文档
網頁設計XHTML入門學習教程:XHTML標籤
XHTML標籤簡介
也許你在上一節就注意到了,XHTML文件與普通的純文本文件的最大不同在於一些用“<>”包含的東西,例如
<body>。我們把他們叫做標籤。通常情況下Web Design,XHTML標籤都是成對出現的,例如<html></html>。可以看到它們只
相差一個“/”,我們把類似<html>的沒有“/”的標籤叫做起始標籤,而它對應的有“/”的</html>則叫終止
標籤,終止標籤與起始標籤只相差一個"/"符號。當然了,網站設計XHTML也有一些標籤並不成對出現,它們沒有終止標
籤,我們把這樣的標籤叫做“空標籤”。空標籤的內容在稍後的教程中將會提到。
關於大小寫
以前各個版本HTML標籤並不區分大小寫,例如標籤<HTML>和標籤<html>是等效的。而在XHTML中,所有標籤均
使用小寫。為了使自己的網站能夠符合XHTML標準,您應該養成良好的習慣,在製作網頁的過程中所有標籤一
律使用小寫。
XHTML標籤的作用(元素)
打開上一節教程中保存的html文件。將第六行的“這是我的第一個網頁。”改為“這是我的第一個<b>網頁
</b>。”,然後保存修改後再次瀏覽網頁。你會發現網頁兩個字變成了粗體顯示,效果如下:
這是我的第一個網頁。
區別很明顯,網頁兩個字由於被“包”在了標籤<b></b>中而變成了粗體。<b>標籤的意思就是粗體顯示,而它
只會影響到被它包含的內容。這就是網頁寄存XHTML標籤的作用方式。我們把被標籤“包住”的內容叫做元素。本例中
“網頁”兩個字就是<b>標籤的元素。
標籤的屬性
<hr size="1">
我們可以為XHTML標籤設置一些屬性。請你注意上面的水平線,原本它的代碼是:<hr
/>。在XHTML中<hr>標籤
就是一條水平分割線,我們可以為這條分割線添加一個屬性“size”(即分割線的大小),他的屬性值為1。
那麼它的完整代碼就是:
<hr size="1"
/>
類似的,為其他XHTML標籤添加屬性的方法也是在標籤的起始標籤中加入:屬性=“屬性值”。需要注意的是
,屬性值必須使用引號“括”起來。單引號或者雙引號都可以,但是雙引號比較常用。
添加屬性的格式: <起始標籤 屬性="屬性值">
實例-> <table
border="none">
注意:普通的XHTML文件有兩個等級標準(不算框架標準)——過渡標準和嚴格標準,其中過渡標準主要針對那
些習慣於使用HTML開發網站的站長。上面的代碼在過渡標準中是合法的,可是在嚴格標準中,size屬性將被視
為非法屬性。XHTML不僅是更加標準更加嚴格的HTML,他還推崇一種構建網站的思路。那就是把網頁的內容與
樣式分開,這在XHTML中是通過CSS來實現的。因此我們推薦您使用嚴格標準的XHTML,把定義樣式的任務完全
交給CSS。(關於XHTML標準的問題將在後面的教程中介紹)
空標籤
也許你已經注意到了,這裡我們沒有把分割線標籤寫成對稱的<hr></hr>,而是寫成<hr
/>。其實這正是我們
在前面教程中提到的不成對出現的標籤,他只有起始標籤<hr>卻沒有終止標籤</hr>。由於它沒有元素,所以
我們把這樣的標籤叫做空標籤。那麼我們為什麼要寫成<hr />而不是簡簡單單地寫成<hr>呢?這樣的書寫格式
是為了滿足XHTML中任何標籤都需要“關閉”的規則。我們把在起始標籤的最後添加"/"的方法叫做標籤的自閉
(或者自關閉、自終止等等,你喜歡怎麼叫都行)。
所有空標籤的使用方法的自閉方法都是一致的,就是在起始標籤的“>”符號前加上一個空格和一個反斜槓“/
”。空格不是必須的,但是個別的瀏覽器卻無法識別<hr/>,只能識別<hr />。這也正是我們添加空格的原因
。(我至今沒有遇到不兼容的瀏覽器)
留言列表
