XHTML里有很多的標簽,但是經常用到的也就是那么幾個,也只要掌握這幾個也就可以了。下面我們一一列舉:div,p,span,ul,li,dl,dt,dd,a,img,h,strong,em
一段時間以來,發現有很多人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一個很好的解釋:“箱子”和“袋子”。
| |||||||||
日 | 一 | 二 | 三 | 四 | 五 | 六 | |||
---|---|---|---|---|---|---|---|---|---|
25 | 26 | 27 | 28 | 29 | 30 | 31 | |||
1 | 2 | 3 | 4 | 5 | 6 | 7 | |||
8 | 9 | 10 | 11 | 12 | 13 | 14 | |||
15 | 16 | 17 | 18 | 19 | 20 | 21 | |||
22 | 23 | 24 | 25 | 26 | 27 | 28 | |||
29 | 30 | 1 | 2 | 3 | 4 | 5 |
常用鏈接
留言簿(1)
隨筆分類(5)
隨筆檔案(63)
- 2007年9月 (3)
- 2007年4月 (4)
- 2006年11月 (4)
- 2006年9月 (2)
- 2006年8月 (4)
- 2006年7月 (3)
- 2006年6月 (4)
- 2006年5月 (6)
- 2006年4月 (2)
- 2006年3月 (14)
- 2006年2月 (9)
- 2005年12月 (1)
- 2005年11月 (6)
- 2005年10月 (1)
文章分類(3)
文章檔案(3)
最新隨筆
- 1.?關于struts2啟動tomcat的錯誤
- 2.?Commons-logging + Log4j 入門指南(轉摘)
- 3.?幾篇關于線程的文章
- 4.?struts2學習,http://www.aygfsteel.com/max/
- 5.?常用XHTML標簽使用說明
- 6.? JDK5新特性之二----新的格式化輸出
- 7.?Java調試的變遷:從System.out.println到log4j【zz】
- 8.?[轉]tomcat 5.5 的The Apache Tomcat Native library which allows optimal performance 的解決
- 9.?『轉』eclipse 技巧、問題及解決
- 10.?eclipse3.2.1及插件安裝基礎教程
搜索
最新評論

- 1.?re: 關于struts2啟動tomcat的錯誤
- 解決方法:打開TOMCAT的安裝目錄,在WORK文件夾找到當前項目文件夾,把里面的session.ser刪除即可。
- --saf
- 2.?re: 關于struts2啟動tomcat的錯誤[未登錄]
- 可能版本不同的原因吧,不記得用的是2.0.6還是2.0.8了。首先看有沒有這樣的警告,然后再看我的方法行不行。
- --hiker
- 3.?re: 關于struts2啟動tomcat的錯誤
- 評論內容較長,點擊標題查看
- --小
- 4.?re: 關于struts2啟動tomcat的錯誤
- 瞎說 警告還在 還多了錯誤
- --小
- 5.?re: 關于struts2啟動tomcat的錯誤
- thanks
- --Henry Zhao