首頁 > web前端 > html教學 > XHTML入門學習教學:XHTML標籤_HTML/Xhtml_網頁製作

XHTML入門學習教學:XHTML標籤_HTML/Xhtml_網頁製作

WBOY
發布: 2016-05-16 16:44:33
原創
1156 人瀏覽過
XHTML標籤簡介
也許你在上一節就注意到了,XHTML檔案與普通的純文字檔案的最大不同在於一些用「」包含的東西,例如。我們把他們叫做標籤。通常情況下XHTML標籤都是成對出現的,例如。可以看到它們只相差一個“/”,我們把類似的沒有“/”的標籤叫做起始標籤,而它對應的有“/”的則叫終止標籤,終止標籤與起始標籤只相差一個"/"符號。當然了,XHTML也有一些標籤並不成對出現,它們沒有終止標籤,我們把這樣的標籤叫做「空標籤」。空標籤的內容在稍後的教學中將會提到。 關於大小寫
以前各個版本HTML標籤並不會區分大小寫,例如標籤和標籤是等效的。而在XHTML中,所有標籤均使用小寫。為了讓自己的網站符合XHTML標準,您應該養成良好的習慣,在製作網頁的過程中所有標籤一律使用小寫。 XHTML標籤的作用(元素)
開啟上一節教學課程中儲存的html檔案。將第六行的“這是我的第一個網頁。”改為“這是我的第一個網頁。”,然後保存修改後再次瀏覽網頁。你會發現網頁兩個字變成了粗體顯示,效果如下:
  這是我的第一個網頁
差異很明顯,網頁兩個字因為被「包」在了標籤中而變成了粗體。 標籤的意思是粗體顯示,而它只會影響到被它所包含的內容。這就是XHTML標籤的作用方式。我們把被標籤「包住」的內容叫做元素。本例中「網頁」兩個字就是標籤的元素。 標籤的屬性


我們可以為XHTML標籤設定一些屬性。請你注意上面的水平線,原本它的程式碼是:
。在XHTML中
標籤就是一條水平分割線,我們可以為這條分割線加上一個屬性「size」(即分割線的大小),他的屬性值為1。那麼它的完整程式碼就是:


類似的,為其他XHTML標籤新增屬性的方法也是在標籤的起始標籤中加入:屬性=「屬性值」。需要注意的是,屬性值必須使用引號「括」起來。單引號或雙引號都可以,但是雙引號比較常用。
新增屬性的格式:   實例->  
注意:普通的XHTML檔案有兩個等級標準(不算框架標準)-過渡標準和嚴格標準,其中過渡標準主要針對那些習慣於使用HTML開發網站的站長。上面的程式碼在過渡標準中是合法的,可是在嚴格標準中,size屬性將被視為非法屬性。 XHTML不僅是更標準更嚴格的HTML,他也推崇一種建立網站的想法。那就是把網頁的內容與樣式分開,這在XHTML中是透過CSS來實現的。因此我們推薦您使用嚴格標準的XHTML,把定義樣式的任務完全交給CSS。 (關於XHTML標準的問題將​​在後面的教學中介紹) 空標籤
也許你已經注意到了,這裡我們沒有把分割線標籤寫成對稱的
,而是寫成
。其實這正是我們在前面教學中提到的不成對出現的標籤,他只有起始標籤
卻沒有終止標籤。由於它沒有元素,所以我們把這樣的標籤叫做空標籤。那我們為什麼要寫成
而不是簡簡單單寫成
呢?這樣的書寫格式是為了滿足XHTML中任何標籤都需要「關閉」的規則。我們把在起始標籤的最後加上"/"的方法叫做標籤的自閉(或自關閉、自終止等等,你喜歡怎麼叫都行)。
所有空標籤的使用方法的自閉方法都是一致的,就是在起始標籤的「>」符號前面加上一個空格和一個反斜線「/」。空格不是必須的,但是個別的瀏覽器卻無法辨識
,只能辨識
。這也正是我們添加空格的原因。 (我至今沒有遇到不相容的瀏覽器)
來源:php.cn
本網站聲明
本文內容由網友自願投稿,版權歸原作者所有。本站不承擔相應的法律責任。如發現涉嫌抄襲或侵權的內容,請聯絡admin@php.cn
熱門教學
更多>
最新下載
更多>
網站特效
網站源碼
網站素材
前端模板