看看網(wǎng)頁高手怎么理解Web標(biāo)準(zhǔn)
互聯(lián)網(wǎng) 發(fā)布時間:2008-10-17 19:18:31 作者:佚名
我要評論

與老友閑聊,不想夜晚的貓子都很亢奮,聊了很多。Web標(biāo)準(zhǔn)及Div CSS相關(guān)知識是老友很擅長的,妙語連珠。我覺得聊天過程完整也較有意義,轉(zhuǎn)貼閑聊過程如下:
橫導(dǎo)航鏈接為什么要用UL LI
為什么不直接在一行寫上文本鏈接呢
列表本身就有
與老友閑聊,不想夜晚的貓子都很亢奮,聊了很多。Web標(biāo)準(zhǔn)及Div CSS相關(guān)知識是老友很擅長的,妙語連珠。我覺得聊天過程完整也較有意義,轉(zhuǎn)貼閑聊過程如下:
橫導(dǎo)航鏈接為什么要用UL LI
為什么不直接在一行寫上文本鏈接呢
列表本身就有列表符號,同時列表項也要分行顯示
做成橫向的,既要使得不顯示列表符號,又要將他們內(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)航實質(zhì)上就是一個無序列表。
也就是說,用UL LI來組織導(dǎo)航的內(nèi)容,更具有語義,具有更好的結(jié)構(gòu)。
至于說,列表項預(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布局是實現(xiàn)WEB標(biāo)準(zhǔn)的基礎(chǔ)。
如何實現(xiàn)Web標(biāo)準(zhǔn)
----------------------------------------------------------------------
結(jié)構(gòu)化文檔。行為,表現(xiàn),內(nèi)容,三者分離。
具有更好的適應(yīng)性與擴展性。
并不是說,用CSS進(jìn)行布局就是標(biāo)準(zhǔn)了。這只是其中一步。
談到把DIV CSS說成Web標(biāo)準(zhǔn)的普遍說法,其實有些人硬找茬,大家都知道Web標(biāo)準(zhǔn)不只是這些,是思想,是內(nèi)容和表現(xiàn)分離的主導(dǎo)思想,是結(jié)構(gòu)化代碼,而代碼中的代表DIV就成了焦點了……
另外,我覺得DIV CSS已經(jīng)類似于中國語言中的“約定俗稱”,大家都知道這層意思了
----------------------------------------------------------------------
對,我就說的隨大流。
DIV CSS,實際上成為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)了。
橫導(dǎo)航鏈接為什么要用UL LI
為什么不直接在一行寫上文本鏈接呢
列表本身就有列表符號,同時列表項也要分行顯示
做成橫向的,既要使得不顯示列表符號,又要將他們內(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)航實質(zhì)上就是一個無序列表。
也就是說,用UL LI來組織導(dǎo)航的內(nèi)容,更具有語義,具有更好的結(jié)構(gòu)。
至于說,列表項預(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布局是實現(xiàn)WEB標(biāo)準(zhǔn)的基礎(chǔ)。
如何實現(xiàn)Web標(biāo)準(zhǔn)
----------------------------------------------------------------------
結(jié)構(gòu)化文檔。行為,表現(xiàn),內(nèi)容,三者分離。
具有更好的適應(yīng)性與擴展性。
并不是說,用CSS進(jìn)行布局就是標(biāo)準(zhǔn)了。這只是其中一步。
談到把DIV CSS說成Web標(biāo)準(zhǔn)的普遍說法,其實有些人硬找茬,大家都知道Web標(biāo)準(zhǔn)不只是這些,是思想,是內(nèi)容和表現(xiàn)分離的主導(dǎo)思想,是結(jié)構(gòu)化代碼,而代碼中的代表DIV就成了焦點了……
另外,我覺得DIV CSS已經(jīng)類似于中國語言中的“約定俗稱”,大家都知道這層意思了
----------------------------------------------------------------------
對,我就說的隨大流。
DIV CSS,實際上成為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)了。
相關(guān)文章
AudioContext 實現(xiàn)音頻可視化(web技術(shù)分享)
這篇文章主要分享的是web技術(shù)的 AudioContext 實現(xiàn)音頻可視化,要實現(xiàn)音頻可視化得先實現(xiàn)一些炫酷的效果需要借助 Web Audio API提供的一些方法 AudioContext,下面詳細(xì)內(nèi)容2022-02-23- 這篇文章主要給大家介紹了web技術(shù)中的WebRTC記錄音視頻流,文章內(nèi)容圍繞主題展相關(guān)資料,需要的小伙伴可以參考一下,希望對你有所幫助2022-02-23
- 這是我通過網(wǎng)上查閱資料總結(jié)的一些編碼規(guī)范,用于鞏固對html,css頁面重構(gòu)時的基礎(chǔ),需要的朋友可以參考下2020-12-19
前端編碼規(guī)范(4)—— CSS 和 Sass (SCSS) 開發(fā)規(guī)范
這篇文章主要介紹了前端編碼規(guī)范(4)—— CSS 和 Sass (SCSS) 開發(fā)規(guī)范,需要的朋友可以參考下2017-01-21Web前端開發(fā)規(guī)范2017(HTML/JavaScript/CSS)
這是一份旨在增強團(tuán)隊的開發(fā)協(xié)作,提高代碼質(zhì)量和打造開發(fā)基石的編碼風(fēng)格規(guī)范,其中包含了 HTML, JavaScript 和 CSS/SCSS 這幾個部分。我們知道,當(dāng)一個團(tuán)隊開始指定并實行2017-01-21- 這篇文章主要為大家介紹了前端開發(fā)團(tuán)隊遵循和約定的代碼書寫規(guī)范,意在提高代碼的規(guī)范性和可維護(hù)性,需要的朋友可以參考下2017-01-21
響應(yīng)式Web之流式網(wǎng)格系統(tǒng)
這篇文章主要為大家詳細(xì)介紹了響應(yīng)式Web之流式網(wǎng)格系統(tǒng)的相關(guān)資料,感興趣的小伙伴們可以參考一下2016-07-04在網(wǎng)頁標(biāo)題欄上和收藏夾顯示網(wǎng)站logo的實現(xiàn)方法
下面小編就為大家分享一篇在網(wǎng)頁標(biāo)題欄上和收藏夾顯示網(wǎng)站logo的實現(xiàn)方法。希望對大家有所幫助。一起跟隨小編過來看看吧,祝大家游戲愉快哦2016-03-16Visual Foxpro 6.0 中文版安裝向?qū)?圖解)
基于很多用戶都在下載Visual Foxpro 6.0,但是有安裝vtp6.0經(jīng)驗的朋友確很少,在安裝過程中總會出現(xiàn)這樣那樣的問題,基于這些問題,下面小編抽個時間把Visual Foxpro 6.02015-09-09網(wǎng)站日志200 0 64狀態(tài)碼的分析(協(xié)議子狀態(tài))
網(wǎng)站日志200 0 64狀態(tài)碼的分析介紹2012-10-29