“Web標(biāo)準(zhǔn)”這個詞聽說好久了，但是到底什么是Web標(biāo)準(zhǔn)呢？我們該如何實(shí)現(xiàn)Web標(biāo)準(zhǔn)呢？DIV CSS布局是Web標(biāo)準(zhǔn)嗎？實(shí)現(xiàn)Web標(biāo)準(zhǔn)到底有什么好處呢？
不知上面這些問題大家以前是怎么認(rèn)為的，至少我以前很傻乎乎的認(rèn)為“Div CSS布局就是符合Web標(biāo)準(zhǔn)”。下面是布魯斯狼和其老友的一段聊天對話，看完后希望大家在對“Web標(biāo)準(zhǔn)”的理解上有進(jìn)一步的提高和認(rèn)識！
對話一
橫導(dǎo)航鏈接為什么要用UL LI
為什么不直接在一行寫上文本鏈接呢
列表本身就有列表符號，同時列表項(xiàng)也要分行顯示
做成橫向的，既要使得不顯示列表符號，又要將他們內(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)簽來組織文檔，這是內(nèi)容（結(jié)構(gòu)）的基礎(chǔ)。
導(dǎo)航從其本意上說，不是一個段落P，更不是一些個標(biāo)題Hx，也不是一個DIV，DIV只是部分與分區(qū)。
導(dǎo)航實(shí)質(zhì)上就是一個無序列表。
也就是說，用UL LI來組織導(dǎo)航的內(nèi)容，更具有語義，具有更好的結(jié)構(gòu)。
至于說，列表項(xiàng)預(yù)設(shè)標(biāo)記，與垂直豎向的方式。是撇開不談的。
只需要建立一個具有良好結(jié)構(gòu)與富含語義的文檔即可。
表現(xiàn)，交給CSS完成。
行為，交給JS完成。
對話二
列表通用性較廣，是不是做出語義性元素更有針對性？
----------------------------------------------------------------------------------
在頁面中很多元素，都是列表元素。不過在使用的時候，要注意，不要濫用。
另外在UL外面，更多的時候不需要外設(shè)DIV標(biāo)簽，它本身就是一個塊元素。
對話三
現(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)，分離的夠徹底，就很不錯了
對話四
Web標(biāo)準(zhǔn)是CSS布局 準(zhǔn)確么
----------------------------------------------------------------------------------
不正確。CSS布局是實(shí)現(xiàn)WEB標(biāo)準(zhǔn)的基礎(chǔ)
對話五
如何實(shí)現(xiàn)Web標(biāo)準(zhǔn)
----------------------------------------------------------------------------------
結(jié)構(gòu)化文檔。行為，表現(xiàn)，內(nèi)容，三者分離。
具有更好的適應(yīng)性與擴(kuò)展性。
并不是說，用CSS進(jìn)行布局就是標(biāo)準(zhǔn)了。這只是其中一步。
對話六
談到把DIV CSS說成Web標(biāo)準(zhǔn)的普遍說法，其實(shí)有些人硬找茬，大家都知道Web標(biāo)準(zhǔn)不只是這些，是思想，是內(nèi)容和表現(xiàn)分離的主導(dǎo)思想，是結(jié)構(gòu)化代碼，而代碼中的代表DIV就成了焦點(diǎn)了……
另外，我覺得DIV CSS已經(jīng)類似于中國語言中的“約定俗稱”，大家都知道這層意思了
----------------------------------------------------------------------------------
對，我就說的隨大流。
DIV CSS，實(shí)際上成為CSS網(wǎng)頁布局的代名詞。
而CSS網(wǎng)頁布局就是WEB標(biāo)準(zhǔn)化構(gòu)成的一個環(huán)節(jié)而已。
除了CSS，還要講結(jié)構(gòu)HTML，講DOM，JAVASCRIPT等等。
最后就一個結(jié)果，要想符合標(biāo)準(zhǔn)，先DIV CSS再說~~~~~~~~~~~~
但并不是DIV CSS，就是標(biāo)準(zhǔn)了。

最新評論