Web標準簡介

初學者很容易把web標準理解為DIV+CSS,以為DIV的作用就是簡單的替代表格去做表格以前做的事情,于是乎許多采用新技術的網站開始了DIV+CSS制作網頁暑始,當打開網頁代碼的時候蒋荚,看到整個頁面基本都是采用了DIV標簽,給每個DIV標簽都指定了一個class期升,其實這是對web標準的一種濫用方式。
web標準的思想是實現(xiàn)結構颂郎,表現(xiàn)容为,行為的分離,不只是簡單的把table換為DIV替劈,如果要想學好web標準的思想得滤,首先要做的就是拋棄傳統(tǒng)的表格布局思想。


Web傳統(tǒng)網站

有table標簽懂更,做了很多事情。

圖片.png

現(xiàn)代網站龄捡,使用div+css布局與之做主要區(qū)別聘殖。

圖片.png

傳統(tǒng)的網站的代碼量也大大超過現(xiàn)代化的網站。
傳統(tǒng)網站的結構和表現(xiàn)是混雜在一起的悍募,不容易改變樣式洋机,現(xiàn)代化的網站結構和表現(xiàn)是分離的(css分離出來的),可以很好改變樣式喜鼓。


Web標準的好處

高效開發(fā)衔肢,維護簡單。
信息跨平臺的可用性角骤。(由于采用結構與表現(xiàn)分離的技術,結構與表現(xiàn)各為一個獨立體背桐,這樣可以使信息實現(xiàn)跨平臺蝉揍,我們可以針對不同的設備進行不同的樣式進行替換。從而實現(xiàn)一個結構文檔在不同的平臺設備上面實現(xiàn)不同的樣式表現(xiàn)弊仪,以適應不同操作平臺的需要杖刷,達到文檔一次建立,隨處使用的目的役听。)跨平臺性,跨瀏覽器性禾嫉。也就是說蚊丐,移動端的,web端的可以展示的不一樣。
降低服務器成本孽椰。(通過結構與樣式的反復重用凛篙,整個網站的容量大大減小,降低了服務器成本锐涯。)
便于改版填物。
加快網頁解析速度。
與未來兼容升薯。(結構與表現(xiàn)分離,不必擔心與未來的兼容性)
更加好的用戶體驗涎劈。


web標準推薦書籍
《網站重構》《CSS網站布局實錄》《精通CSS》《CSS禪意花園》(www.csszengarden.com) 《超越CSS》

最后編輯于
?著作權歸作者所有,轉載或內容合作請聯(lián)系作者
  • 序言:七十年代末蛛枚,一起剝皮案震驚了整個濱河市脸哀,隨后出現(xiàn)的幾起案子,更是在濱河造成了極大的恐慌白筹,老刑警劉巖谅摄,帶你破解...
    沈念sama閱讀 218,122評論 6 505
  • 序言:濱河連續(xù)發(fā)生了三起死亡事件,死亡現(xiàn)場離奇詭異顽照,居然都是意外死亡,警方通過查閱死者的電腦和手機尼酿,發(fā)現(xiàn)死者居然都...
    沈念sama閱讀 93,070評論 3 395
  • 文/潘曉璐 我一進店門植影,熙熙樓的掌柜王于貴愁眉苦臉地迎上來,“玉大人鹿响,你說我怎么就攤上這事谷饿。” “怎么了绸贡?”我有些...
    開封第一講書人閱讀 164,491評論 0 354
  • 文/不壞的土叔 我叫張陵毅哗,是天一觀的道長黎做。 經常有香客問我,道長蒸殿,這世上最難降的妖魔是什么? 我笑而不...
    開封第一講書人閱讀 58,636評論 1 293
  • 正文 為了忘掉前任酥艳,我火速辦了婚禮爬骤,結果婚禮上,老公的妹妹穿的比我還像新娘骤铃。我一直安慰自己坷剧,他們只是感情好,可當我...
    茶點故事閱讀 67,676評論 6 392
  • 文/花漫 我一把揭開白布撕瞧。 她就那樣靜靜地躺著,像睡著了一般巩掺。 火紅的嫁衣襯著肌膚如雪页畦。 梳的紋絲不亂的頭發(fā)上,一...
    開封第一講書人閱讀 51,541評論 1 305
  • 那天,我揣著相機與錄音州胳,去河邊找鬼逸月。 笑死,一個胖子當著我的面吹牛瓤湘,可吹牛的內容都是我干的恩尾。 我是一名探鬼主播,決...
    沈念sama閱讀 40,292評論 3 418
  • 文/蒼蘭香墨 我猛地睜開眼木人,長吁一口氣:“原來是場噩夢啊……” “哼冀偶!你這毒婦竟也來了?” 一聲冷哼從身側響起稠曼,我...
    開封第一講書人閱讀 39,211評論 0 276
  • 序言:老撾萬榮一對情侶失蹤客年,失蹤者是張志新(化名)和其女友劉穎,沒想到半個月后蝗岖,有當?shù)厝嗽跇淞掷锇l(fā)現(xiàn)了一具尸體榔至,經...
    沈念sama閱讀 45,655評論 1 314
  • 正文 獨居荒郊野嶺守林人離奇死亡,尸身上長有42處帶血的膿包…… 初始之章·張勛 以下內容為張勛視角 年9月15日...
    茶點故事閱讀 37,846評論 3 336
  • 正文 我和宋清朗相戀三年划提,在試婚紗的時候發(fā)現(xiàn)自己被綠了邢享。 大學時的朋友給我發(fā)了我未婚夫和他白月光在一起吃飯的照片。...
    茶點故事閱讀 39,965評論 1 348
  • 序言:一個原本活蹦亂跳的男人離奇死亡伊履,死狀恐怖款违,靈堂內的尸體忽然破棺而出,到底是詐尸還是另有隱情插爹,我是刑警寧澤,帶...
    沈念sama閱讀 35,684評論 5 347
  • 正文 年R本政府宣布力穗,位于F島的核電站当窗,受9級特大地震影響寸宵,放射性物質發(fā)生泄漏。R本人自食惡果不足惜邓馒,卻給世界環(huán)境...
    茶點故事閱讀 41,295評論 3 329
  • 文/蒙蒙 一光酣、第九天 我趴在偏房一處隱蔽的房頂上張望。 院中可真熱鬧救军,春花似錦财异、人聲如沸。這莊子的主人今日做“春日...
    開封第一講書人閱讀 31,894評論 0 22
  • 文/蒼蘭香墨 我抬頭看了看天上的太陽。三九已至拷泽,卻和暖如春疫鹊,著一層夾襖步出監(jiān)牢的瞬間袖瞻,已是汗流浹背。 一陣腳步聲響...
    開封第一講書人閱讀 33,012評論 1 269
  • 我被黑心中介騙來泰國打工拆吆, 沒想到剛下飛機就差點兒被人妖公主榨干…… 1. 我叫王不留聋迎,地道東北人。 一個月前我還...
    沈念sama閱讀 48,126評論 3 370
  • 正文 我出身青樓枣耀,卻偏偏與公主長得像霉晕,于是被迫代替她去往敵國和親。 傳聞我的和親對象是個殘疾皇子捞奕,可洞房花燭夜當晚...
    茶點故事閱讀 44,914評論 2 355

推薦閱讀更多精彩內容

  • 問答題47 /72 常見瀏覽器兼容性問題與解決方案? 參考答案 (1)瀏覽器兼容問題一:不同瀏覽器的標簽默認的外補...
    _Yfling閱讀 13,753評論 1 92
  • 第一部分HTML&CSS整理答案1.什么是HTML5颅围? 答:HTML5是最新的HTML標準伟葫。 注意:講述HTML5...
    Programmer客棧閱讀 2,013評論 0 12
  • 一:在制作一個Web應用或Web站點的過程中,你是如何考慮他的UI谷浅、安全性扒俯、高性能奶卓、SEO一疯、可維護性以及技術因素的...
    Arno_z閱讀 1,160評論 0 1
  • ?前端面試題匯總 一、HTML和CSS 21 你做的頁面在哪些流覽器測試過夺姑?這些瀏覽器的內核分別是什么? ...
    Simon_s閱讀 2,220評論 0 8
  • 我究竟欠了誰的情債 講述者 苦茶 長春晚報記者 劉冰 3年前墩邀,她經歷情傷,所愛之人離奇消失盏浙。她萬念俱灰下閃婚生女眉睹,...
    花香四溢rene閱讀 991評論 0 4