“Web標(biāo)準(zhǔn)”這個(gè)詞聽(tīng)說(shuō)好久了,但是到底什么是Web標(biāo)準(zhǔn)呢?我們?cè)撊绾螌?shí)現(xiàn)Web標(biāo)準(zhǔn)呢?DIV CSS布局是Web標(biāo)準(zhǔn)嗎?實(shí)現(xiàn)Web標(biāo)準(zhǔn)到底有什么好處呢?
不知上面這些問(wèn)題大家以前是怎么認(rèn)為的,至少我以前很傻乎乎的認(rèn)為“Div CSS布局就是符合Web標(biāo)準(zhǔn)”。下面是布魯斯狼和其老友的一段聊天對(duì)話,看完后希望大家在對(duì)“Web標(biāo)準(zhǔn)”的理解上有進(jìn)一步的提高和認(rèn)識(shí)!
對(duì)話一
橫導(dǎo)航鏈接為什么要用UL LI
為什么不直接在一行寫(xiě)上文本鏈接呢
列表本身就有列表符號(hào),同時(shí)列表項(xiàng)也要分行顯示
做成橫向的,既要使得不顯示列表符號(hào),又要將他們內(nèi)嵌到一行。
———————————————————————————-
思維是這樣的。什么才是標(biāo)準(zhǔn)。什么叫分離。什么叫結(jié)構(gòu)。
標(biāo)準(zhǔn)是一系列標(biāo)準(zhǔn)。分離的是表現(xiàn),內(nèi)容和行為。而內(nèi)容則決定了結(jié)構(gòu)。
用合適的標(biāo)簽來(lái)組織文檔,這是內(nèi)容(結(jié)構(gòu))的基礎(chǔ)。
導(dǎo)航從其本意上說(shuō),不是一個(gè)段落P,更不是一些個(gè)標(biāo)題Hx,也不是一個(gè)DIV,DIV只是部分與分區(qū)。
導(dǎo)航實(shí)質(zhì)上就是一個(gè)無(wú)序列表。
也就是說(shuō),用UL LI來(lái)組織導(dǎo)航的內(nèi)容,更具有語(yǔ)義,具有更好的結(jié)構(gòu)。
至于說(shuō),列表項(xiàng)預(yù)設(shè)標(biāo)記,與垂直豎向的方式。是撇開(kāi)不談的。
只需要建立一個(gè)具有良好結(jié)構(gòu)與富含語(yǔ)義的文檔即可。
表現(xiàn),交給CSS完成。
行為,交給JS完成。
對(duì)話二
列表通用性較廣,是不是做出語(yǔ)義性元素更有針對(duì)性?
———————————————————————————-
在頁(yè)面中很多元素,都是列表元素。不過(guò)在使用的時(shí)候,要注意,不要濫用。
另外在UL外面,更多的時(shí)候不需要外設(shè)DIV標(biāo)簽,它本身就是一個(gè)塊元素。
對(duì)話三
現(xiàn)在全靠 div span ul ,標(biāo)準(zhǔn)里面不標(biāo)準(zhǔn)。
———————————————————————————-
現(xiàn)在標(biāo)準(zhǔn)是不夠標(biāo)準(zhǔn),但分離與結(jié)構(gòu)的原則應(yīng)該是很重視的。
能有好的結(jié)構(gòu),分離的夠徹底,就很不錯(cuò)了
對(duì)話四
Web標(biāo)準(zhǔn)是CSS布局 準(zhǔn)確么
———————————————————————————-
不正確。CSS布局是實(shí)現(xiàn)WEB標(biāo)準(zhǔn)的基礎(chǔ)
對(duì)話五
如何實(shí)現(xiàn)Web標(biāo)準(zhǔn)
新聞熱點(diǎn)
疑難解答
圖片精選