常用的XHTML標籤的使用技巧(列舉:div,p,span,ul,li,dl,dt,dd,a,img,h,strong,em )

感謝對岸同胞的整理,太感動了!!

引:XHTML裡有很多的標籤,但是經常用到的也就是那麼幾個,也只要掌握這幾個也就可以了。 下面我們一一列舉:div,p,span,ul,li,dl,dt,dd,a,img,h,strong,em 
 div沒有什麼特性的意義,可以使用在很多地方,也就是說他可以裝不同的東西。  他的正確的寫法是<div></div>必需要有封口。  大家都用來做佈局之用,也有用來作為存放文章形成段落,實際上,這個做法並不是很好,因為作為文章的分段自然有一個特定的標籤來用。  那就是下面要講的<p></p>標籤,不過用DIV來再整體的包住所有的段落。  這是非常實用的。

p這是一個有特定語義的標籤,表示段落,是用來區分段落的。  在大部分的瀏覽器中對P基本上都有一個上下的邊距。  但是沒有行首縮進,因為行首縮進只是表示段落的方式但是不是一定或是必需的。  所以在用P標籤的時候如果需要可以針對P設定一下行首縮進,推薦在文章以外的地方不要使用P,因為P是有一定語義的,如果用在別的地方恐不合適。  正確的寫法是<p></p>
 span這也是一個非常常用的標籤,這個標籤可以說與div很像,沒有什麼特定的意義,只是他是一個級聯元素,不是塊級元素。  這個標籤與div正好互補。

ul,li這是一個列表,在列表中,除了UL還OL,UL通過CSS定義一樣可以有OL的數字排序效果。  所以一般不推薦使用OL,有UL就可以了。  UL是塊級的,他的子級li也是塊級標籤。  正確的寫法是<ul><li></li>< /ul> LI標籤是被UL標籤包裹的,在UL標籤裡可以有無數個LI標籤,LI標籤不能獨立使用。  並且LI標籤一定要封口,這不光是美觀問題,對於後期的維護也很有好處。  很多程式員都不喜歡把這個LI封口。  UL列表的用處主要是列舉出一維的,同一類型的數據。  具體的比如使用在菜單上,文章中列數的一些條例等等。  在列表中有一種特別的形式與UL是不一樣的。  那就是下面的DL。

dl,dt,dd這是一個很特別的三個標籤的組合。  這裡的DT是指標題,DD是指內容。  DL是包課他們的容器。  正確的寫法是<dl><dt> </dt><dd></dd></dl>在DL裡可以有很多組的DT,DD,當出現很多組的時候盡量是一個DT配一個DD ,如果DD中內容很多,可以在DD裡加P標籤配合使用。  DL列表是一個非常好的列表形式,可以多加利用。

a這表示鏈接,是一個特定屬性的,也是網頁中最為神奇的標籤。  因為它才讓無數的網頁都連在了一起。  正確的寫法是:<a href="" title=""></a>其中的href是表示目標位址,TITLE是鼠標懸停提示文字,這是可有可無的。  但是有必是利大於無。
 img這是圖片標籤,也是個特定屬性的標籤。  正常寫法是:<img src="" alt="" title=""/>這裡的src是目標地址,ALT與TITLE是替換文字,ALT是IE特定的,TITLE是其他瀏覽器的通用的。  不過記得後面的反斜線那是一定要有的。

H這是一個系列的標籤,從H1到H6,一共六個,有人說太少了,有人說正好用,有人說用不了這麼多。  反正我是覺得差不多。  正確寫法是:<h> </h>主要是用來存放標題,也有一些朋友用來作它用,這個標籤還是讓他安生一點,就讓他做標題的作用。  這六個標籤之間最好不要出現什麼相互包含的事。

strong這個意思是著重,這是有語義的,作用也很簡單。  至於樣工,是加粗著重,還是用色彩表明著重,那都是自行選擇。  正確的寫法是<strong></strong>

em這個與strong很像,是表示強調。  一般瀏覽器的默認值是斜體。  使用方式與strong一樣。  寫法是:<em></em>


About this entry