對話閑聊DIV+CSS與WEB標準
2024-07-11 08:21:11
供稿:網友
“web標準”這個詞聽說好久了,但是到底什么是web標準呢?我們該如何實現web標準呢?div+css布局是web標準嗎?實現web標準到底有什么好處呢?
不知上面這些問題大家以前是怎么認為的,至少我以前很傻乎乎的認為“div+css布局就是符合web標準”。下面是布魯斯狼和其老友的一段聊天對話,看完后希望大家在對“web標準”的理解上有進一步的提高和認識!
對話一
橫導航鏈接為什么要用ul+li
為什么不直接在一行寫上文本鏈接呢
列表本身就有列表符號,同時列表項也要分行顯示
做成橫向的,既要使得不顯示列表符號,又要將他們內嵌到一行。
----------------------------------------------------------------------------------
思維是這樣的。什么才是標準。什么叫分離。什么叫結構。
標準是一系列標準。分離的是表現,內容和行為。而內容則決定了結構。
用合適的標簽來組織文檔,這是內容(結構)的基礎。
導航從其本意上說,不是一個段落p,更不是一些個標題hx,也不是一個div,div只是部分與分區。
導航實質上就是一個無序列表。
也就是說,用ul+li來組織導航的內容,更具有語義,具有更好的結構。
至于說,列表項預設標記,與垂直豎向的方式。是撇開不談的。
只需要建立一個具有良好結構與富含語義的文檔即可。
表現,交給css完成。
行為,交給js完成。
對話二
列表通用性較廣,是不是做出語義性元素更有針對性?
----------------------------------------------------------------------------------
在頁面中很多元素,都是列表元素。不過在使用的時候,要注意,不要濫用。
另外在ul外面,更多的時候不需要外設div標簽,它本身就是一個塊元素。
對話三
現在全靠 div span ul ,標準里面不標準。
----------------------------------------------------------------------------------
現在標準是不夠標準,但分離與結構的原則應該是很重視的。
能有好的結構,分離的夠徹底,就很不錯了
對話四
web標準是css布局 準確么
----------------------------------------------------------------------------------
不正確。css布局是實現web標準的基礎
對話五
如何實現web標準
----------------------------------------------------------------------------------
結構化文檔。行為,表現,內容,三者分離。
具有更好的適應性與擴展性。
并不是說,用css進行布局就是標準了。這只是其中一步。
對話六
談到把div+css說成web標準的普遍說法,其實有些人硬找茬,大家都知道web標準不只是這些,是思想,是內容和表現分離的主導思想,是結構化代碼,而代碼中的代表div就成了焦點了……
另外,我覺得div+css已經類似于中國語言中的“約定俗稱”,大家都知道這層意思了
----------------------------------------------------------------------------------
對,我就說的隨大流。
div+css,實際上成為css網頁布局的代名詞。
而css網頁布局就是web標準化構成的一個環節而已。
除了css,還要講結構html,講dom,javascript等等。
最后就一個結果,要想符合標準,先div+css再說~~~~~~~~~~~~
但并不是div+css,就是標準了。