一段時(shí)間以來(lái),發(fā)現(xiàn)有很多人XHTML都不會(huì)用,不光是普通的初學(xué)者,有的程序員都不是很清楚該怎么寫(xiě)這個(gè)XHTML,我這里呢算是把一些常見(jiàn)的應(yīng)用問(wèn)題做一個(gè)總結(jié),也算能使得大家能在溝通,合作上能形成默契。
XHTML里有很多的標(biāo)簽,但是經(jīng)常用到的也就是那么幾個(gè),也只要掌握這幾個(gè)也就可以了。下面我們一一列舉:div,p,span,ul,li,dl,dt,dd,a,img,h,strong,em
div 在我的腦子里我一直把他想作是一個(gè)瓶子或是箱子,我的感覺(jué)它挺硬的。這個(gè)div沒(méi)有什么特性的意義,可以使用在很多地方,也就是說(shuō)他可以裝不同的東西。他的正確的寫(xiě)法是<div></div>必需要有封口。大家都用來(lái)做布局之用,也有用來(lái)作為存放文章形成段落,實(shí)際上,這個(gè)做法并不是很好,因?yàn)樽鳛槲恼碌姆侄巫匀挥幸粋€(gè)特定的標(biāo)簽來(lái)用。那就是下面要講的<p></p>標(biāo)簽,不過(guò)用DIV來(lái)再整體的包住所有的段落。這是非常實(shí)用的。
p 這是一個(gè)有特定語(yǔ)義的標(biāo)簽,表示段落,是用來(lái)區(qū)分段落的。在大部分的瀏覽器中對(duì)P基本上都有一個(gè)上下的邊距。但是沒(méi)有行首縮進(jìn),因?yàn)樾惺卓s進(jìn)只是表示段落的方式但是不是一定或是必需的。所以在用P標(biāo)簽的時(shí)候如果需要可以針對(duì)P設(shè)定一下行首縮進(jìn),我是推薦在文章以外的地方不要使用P,因?yàn)镻是有一定語(yǔ)義的,如果用在別的地方恐不合適。正確的寫(xiě)法是<p></p>
span 這也是一個(gè)非常常用的標(biāo)簽,這個(gè)標(biāo)簽可以說(shuō)與div很像,沒(méi)有什么特定的意義,只是他是一個(gè)級(jí)聯(lián)元素,不是塊級(jí)元素。我一直把它看作是一個(gè)袋子,他不像箱子那樣可以有自己的寬高,他的寬高只能隨著內(nèi)容的多少而定,所以很像是袋子。這個(gè)標(biāo)簽與div正好互補(bǔ)。
ul,li 這是一個(gè)列表,在列表中,除了UL還OL,不過(guò)我覺(jué)得OL有點(diǎn)像是雞肋。因?yàn)閁L通過(guò)CSS定義一樣可以有OL的數(shù)字排序效果。所以一般我不推薦使用OL,有UL就可以了。UL是塊級(jí)的,他的子級(jí)li也是塊級(jí)標(biāo)簽。正確的寫(xiě)法是<ul><li></li></ul> LI標(biāo)簽是被UL標(biāo)簽包裹的,在UL標(biāo)簽里可以有無(wú)數(shù)個(gè)LI標(biāo)簽,LI標(biāo)簽不能獨(dú)立使用。并且LI標(biāo)簽一定要封口,這不光是美觀問(wèn)題,對(duì)于后期的維護(hù)也很有好處。很多程序員都不喜歡把這個(gè)LI封口。UL列表的用處主要是列舉出一維的,同一類(lèi)型的數(shù)據(jù)。具體的比如使用在菜單上,文章中列數(shù)的一些條例等等。在列表中有一種特別的形式與UL是不一樣的。那就是下面的DL
dl,dt,dd 這是一個(gè)很特別的三個(gè)標(biāo)簽的組合。這里的DT是指標(biāo)題,DD是指內(nèi)容。DL是包課他們的容器。正確的寫(xiě)法是<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)頁(yè)中最為神奇的標(biāo)簽。因?yàn)樗抛専o(wú)數(shù)的網(wǎng)頁(yè)都連在了一起。正確的寫(xiě)法是:<a href="" title=""></a>其中的href是表示目標(biāo)地址,TITLE是鼠標(biāo)懸停提示文字,這是可有可無(wú)的。但是有必是利大于無(wú)。
img 這是圖片標(biāo)簽,也是個(gè)特定屬性的標(biāo)簽。正常寫(xiě)法是:<img src="" alt="" title=""/> 這里的src是目標(biāo)地址,ALT與TITLE是替換文字,ALT是 IE特定的,TITLE是其它瀏覽器的通用的。不過(guò)記得后面的反斜線那是一定要有的。
H 這是一個(gè)系列的標(biāo)簽,從H1到H6,一共六個(gè),有人說(shuō)太少了,有人說(shuō)正好用,有人說(shuō)用不了這么多。反正我是覺(jué)得差不多。正確寫(xiě)法是:<h></h>主要是用來(lái)存放標(biāo)題,也有一些朋友用來(lái)作它用拿來(lái)作其它用處,個(gè)人覺(jué)得這個(gè)標(biāo)簽還是讓他安生一點(diǎn),就讓他做標(biāo)題的作用。這六個(gè)標(biāo)簽之間最好不要出現(xiàn)什么相互包含的事。
strong 這個(gè)意思是著重,這是有語(yǔ)義的,作用也很簡(jiǎn)單。至于樣工,是加粗著重,還是用色彩表明著重,那都是自行選擇。正確的寫(xiě)法是<strong></strong>
em 這個(gè)與strong很像,是表示強(qiáng)調(diào)。一般瀏覽器的默認(rèn)值是斜體。使用方式與strong一樣。寫(xiě)法是:<em></em>
這里沒(méi)有說(shuō)表單,因?yàn)楸韱位旧蠜](méi)有什么變化,也沒(méi)什么可特別說(shuō)的。
本文來(lái)源于成都網(wǎng)站建設(shè)公司與成都網(wǎng)站設(shè)計(jì)制作公司-創(chuàng)新互聯(lián)成都公司!
分享文章:XHTML常用標(biāo)簽介紹
URL網(wǎng)址:http://www.rwnh.cn/news20/316970.html
成都網(wǎng)站建設(shè)公司_創(chuàng)新互聯(lián),為您提供全網(wǎng)營(yíng)銷(xiāo)推廣、建站公司、微信小程序、面包屑導(dǎo)航、虛擬主機(jī)、網(wǎng)站收錄
廣告
聲明:本網(wǎng)站發(fā)布的內(nèi)容(圖片、視頻和文字)以用戶投稿、用戶轉(zhuǎn)載內(nèi)容為主,如果涉及侵權(quán)請(qǐng)盡快告知,我們將會(huì)在第一時(shí)間刪除。文章觀點(diǎn)不代表本網(wǎng)站立場(chǎng),如需處理請(qǐng)聯(lián)系客服。電話:028-86922220;郵箱:631063699@qq.com。內(nèi)容未經(jīng)允許不得轉(zhuǎn)載,或轉(zhuǎn)載時(shí)需注明來(lái)源:
創(chuàng)新互聯(lián)