看看網頁高手怎么理解Web標準_Web標準教程
與老友閑聊,不想夜晚的貓子都很亢奮,聊了很多。Web標準及Div+CSS相關知識是老友很擅長的,妙語連珠。我覺得聊天過程完整也較有意義,轉貼閑聊過程如下:
橫導航鏈接為什么要用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,就是標準了。
- 相關鏈接:
- 教程說明:
Web標準教程-看看網頁高手怎么理解Web標準。