|
作者小毅的博客：http://andymao.com/
一段時(shí)間以來，發(fā)現(xiàn)有很多人XHTML都不會用，不光是普通的初學(xué)者，有的程序員都不是很清楚該怎么寫這個(gè)XHTML，我這里呢算是把一些常見的應(yīng)用問題做一個(gè)總結(jié)，也算能使得大家能在溝通，合作上能形成默契。
XHTML里有很多的標(biāo)簽，但是經(jīng)常用到的也就是那么幾個(gè)，也只要掌握這幾個(gè)也就可以了。下面我們一一列舉：div,p,span,ul,li,dl,dt,dd,a,img,h,strong,em
div 在我的腦子里我一直把他想作是一個(gè)瓶子或是箱子，我的感覺它挺硬的。這個(gè)div沒有什么特性的意義，可以使用在很多地方，也就是說他可以裝不同的東西。他的正確的寫法是<div></div>必需要有封口。大家都用來做布局之用，也有用來作為存放文章形成段落，實(shí)際上，這個(gè)做法并不是很好，因?yàn)樽鳛槲恼碌姆侄巫匀挥幸粋�(gè)特定的標(biāo)簽來用。那就是下面要講的<p></p>標(biāo)簽，不過用DIV來再整體的包住所有的段落。這是非常實(shí)用的。
p 這是一個(gè)有特定語義的標(biāo)簽，表示段落，是用來區(qū)分段落的。在大部分的瀏覽器中對P基本上都有一個(gè)上下的邊距。但是沒有行首縮進(jìn)，因?yàn)樾惺卓s進(jìn)只是表示段落的方式但是不是一定或是必需的。所以在用P標(biāo)簽的時(shí)候如果需要可以針對P設(shè)定一下行首縮進(jìn)，我是推薦在文章以外的地方不要使用P，因?yàn)镻是有一定語義的，如果用在別的地方恐不合適。正確的寫法是<p></p>
span 這也是一個(gè)非常常用的標(biāo)簽，這個(gè)標(biāo)簽可以說與div很像，沒有什么特定的意義，只是他是一個(gè)級聯(lián)元素，不是塊級元素。我一直把它看作是一個(gè)袋子，他不像箱子那樣可以有自己的寬高，他的寬高只能隨著內(nèi)容的多少而定，所以很像是袋子。這個(gè)標(biāo)簽與div正好互補(bǔ)。
ul,li 這是一個(gè)列表，在列表中，除了UL還OL，不過我覺得OL有點(diǎn)像是雞肋。因?yàn)閁L通過CSS定義一樣可以有OL的數(shù)字排序效果。所以一般我不推薦使用 OL，有UL就可以了。UL是塊級的，他的子級li也是塊級標(biāo)簽。正確的寫法是<ul><li></li>< /ul> LI標(biāo)簽是被UL標(biāo)簽包裹的，在UL標(biāo)簽里可以有無數(shù)個(gè)LI標(biāo)簽，LI標(biāo)簽不能獨(dú)立使用。并且LI標(biāo)簽一定要封口，這不光是美觀問題，對于后期的維護(hù)也很有好處。很多程序員都不喜歡把這個(gè)LI封口。UL列表的用處主要是列舉出一維的，同一類型的數(shù)據(jù)。具體的比如使用在菜單上，文章中列數(shù)的一些條例等等。在列表中有一種特別的形式與UL是不一樣的。那就是下面的DL
dl,dt,dd 這是一個(gè)很特別的三個(gè)標(biāo)簽的組合。這里的DT是指標(biāo)題，DD是指內(nèi)容。DL是包課他們的容器。正確的寫法是<dl><dt> </dt><dd></dd></dl>在DL里可以有很多組的DT，DD，當(dāng)出現(xiàn)很多組的時(shí)候盡量是一個(gè)DT配一個(gè)DD，如果DD中內(nèi)容很多，可以在DD里加P標(biāo)簽配合使用。DL列表是一個(gè)非常好的列表形式，可以多加利用。
a 這表示鏈接，是一個(gè)特定屬性的，也是網(wǎng)頁中最為神奇的標(biāo)簽。因?yàn)樗抛専o數(shù)的網(wǎng)頁都連在了一起。正確的寫法是：<a href="" title=""></a>其中的href是表示目標(biāo)地址，TITLE是鼠標(biāo)懸停提示文字，這是可有可無的。但是有必是利大于無。
img 這是圖片標(biāo)簽，也是個(gè)特定屬性的標(biāo)簽。正常寫法是：<img src="" alt="" title=""/> 這里的src是目標(biāo)地址，ALT與TITLE是替換文字，ALT是 IE特定的，TITLE是其它瀏覽器的通用的。不過記得后面的反斜線那是一定要有的。
H 這是一個(gè)系列的標(biāo)簽，從H1到H6，一共六個(gè)，有人說太少了，有人說正好用，有人說用不了這么多。反正我是覺得差不多。正確寫法是：<h> </h>主要是用來存放標(biāo)題，也有一些朋友用來作它用，個(gè)人覺得這個(gè)標(biāo)簽還是讓他安生一點(diǎn)，就讓他做標(biāo)題的作用。這六個(gè)標(biāo)簽之間最好不要出現(xiàn)什么相互包含的事。
strong 這個(gè)意思是著重，這是有語義的，作用也很簡單。至于樣工，是加粗著重，還是用色彩表明著重，那都是自行選擇。正確的寫法是<strong></strong>
em 這個(gè)與strong很像，是表示強(qiáng)調(diào)。一般瀏覽器的默認(rèn)值是斜體。使用方式與strong一樣。寫法是：<em></em>
這里沒有說表單，因?yàn)楸韱位旧蠜]有什么變化，也沒什么可特別說的。
小編點(diǎn)評：今日google <dt>的用法突然找到了小毅的博客，感覺這篇文章講的很好。很多初學(xué)的朋友喜歡把所有的任務(wù)都交給 DIV，另外span和p也經(jīng)常濫用。這篇文章給了DIV和SPAN一個(gè)很好的解釋：“箱子”和“袋子”。
出處：藍(lán)色理想
責(zé)任編輯：feng4ever
◎進(jìn)入論壇網(wǎng)頁制作、網(wǎng)站綜合版塊參加討論
|
