今天我們來(lái)學(xué)習(xí),如何使用有趣的自定義標(biāo)記來(lái)布局頁(yè)面。有的朋友可能有這樣的疑問(wèn)，自己隨便定義的標(biāo)記瀏覽器怎么能正確的認(rèn)識(shí)呢？

這里我們就要用到文檔的命名空間，那么命名空間又是指什么？

大家知道XML有一個(gè)很大的特點(diǎn)就是他的可擴(kuò)展性。你可以創(chuàng)建你自己的標(biāo)記或使用別人創(chuàng)建的標(biāo)記，這里就存在了一個(gè)問(wèn)題，即你所定義的標(biāo)

記和別人定義的標(biāo)識(shí)有可能相同，但他們各自所表示的意義卻不同。

打一個(gè)形象的比喻，比如有兩個(gè)人名字都叫藍(lán)色，一個(gè)人在經(jīng)典，一個(gè)人在天涯，如果你要找他們就可以這樣說(shuō)明，天涯:藍(lán)色 、 經(jīng)典:藍(lán)色，這樣就不會(huì)混淆了。

命名空間的意義就是要告訴別人這個(gè)文檔是屬于誰(shuí)的。xhtml是html向xml過(guò)渡的產(chǎn)物,這里他也提供給了我們一個(gè)命名空間。

看下面的例子，我們命名一個(gè)名稱(chēng)為blueidea的前綴，http://bbs.blueidea.com是用來(lái)說(shuō)明命名空間的url。xmlns是指xhtml namespace 


有意思的是我們甚至可以用中文來(lái)做標(biāo)記(用中文可能會(huì)出現(xiàn)編碼問(wèn)題)。這樣的文檔看起來(lái)真的是一目了然。

下面我們定義一個(gè)標(biāo)記叫做“新聞標(biāo)題”格式因該是“blueidea:新聞標(biāo)題”

需要注意的是我們自定義的標(biāo)記默認(rèn)屬性，有點(diǎn)象a、span等內(nèi)聯(lián)元素。

下面是我寫(xiě)的一個(gè)基本布局，(兼容IE5、6、7 FF2 OP9)是不是很有意思，象XML，其實(shí)本來(lái)自定義標(biāo)記就是用在xml上地。大家趕緊自己來(lái)試一下吧，因?yàn)楹芏鄸|西都是自己從實(shí)踐中摸索出來(lái)的。

最新評(píng)論