XHTML標簽簡介
也許你在上一節就注意到了,XHTML文件與普通的純文本文件的最大不同在于一些用“<>”包含的東西,例如< body>。我們把他們叫做標簽。通常情況下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 />。這也正是我們添加空格的原因。(我至今沒有遇到不兼容的瀏覽器)
推薦設計
優秀海報設計精選集(8)海報設計2022-09-23
充滿自然光線!32平米精致裝修設計2022-08-14
親愛的圖書館 | VERSE雜誌版版式設計2022-07-11
生活,就該這麼愛!2022天海報設計2022-06-02
最新文章
帶你輕鬆打開SVG動畫的大HTML教程2016-06-08
36個重要的HTML標簽HTML教程2012-05-15
10個最容易犯的HTML標簽錯HTML教程2010-09-11
border:none;與border:0;的區別HTML教程2009-11-26