XHTML代碼的基本應用
一段時間以來，發現有很多人XHTML都不會用，不光是普通的初學者，有的程式師都不是很清楚該怎麼寫這個XHTML，我這裏呢算是把一些常見的應用問題做一個總結，也算能使得大家能在溝通，合作上能形成默契。
XHTML裏有很多的標籤，但是經常用到的也就是那麼幾個，也只要掌握這幾個也就可以了。下面我們一一列舉：div,p,span,ul,li,dl,dt,dd,a,img,h,strong,em
div 在我的腦子裏我一直把他想作是一個瓶子或是箱子，我的感覺它挺硬的。這個div沒有什麼特性的意義，可以使用在很多地方，也就是說他可以裝不同的東西。他的正確的寫法是<div></div>必需要有封口。大家都用來做佈局之用，也有用來作為存放文章形成段落，實際上，這個做法並不是很好，因為作為文章的分段自然有一個特定的標籤來用。那就是下面要講的<p></p>標籤，不過用DIV來再整體的包住所有的段落。這是非常實用的。
p 這是一個有特定語義的標籤，表示段落，是用來區分段落的。在大部分的流覽器中對P基本上都有一個上下的邊距。但是沒有行首縮進，因為行首縮進只是表示段落的方式但是不是一定或是必需的。所以在用P標籤的時候如果需要可以針對P設定一下行首縮進，我是推薦在文章以外的地方不要使用P，因為P是有一定語義的，如果用在別的地方恐不合適。正確的寫法是<p></p>
span 這也是一個非常常用的標籤，這個標籤可以說與div很像，沒有什麼特定的意義，只是他是一個級聯元素，不是塊級元素。我一直把它看作是一個袋子，他不像箱子那樣可以有自己的寬高，他的寬高只能隨著內容的多少而定，所以很像是袋子。這個標籤與div正好互補。
ul,li 這是一個列表，在列表中，除了UL還OL，不過我覺得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>
這裏沒有說表單，因為表單基本上沒有什麼變化，也沒什麼可特別說的。
小編點評：今日google <dt>的用法突然找到了小毅的博客，感覺這篇文章講的很好。很多初學的朋友喜歡把所有的任務都交給DIV，另外span和p也經常濫用。這篇文章給了DIV和SPAN一個很好的解釋：“箱子”和“袋子”。
