網頁製作時結構與表現相分離
分離的思想
- HTML = 結構
- CSS = 表現
- JavaScript = 行為
怎麼做
- 優先 HTML 結構和語義化
- 不要被樣式打擾
拿到一個網頁的設計圖時:
- 首先關注網頁的文字內容及內容模組之間的關係
- 把重點放在編寫 HTML 語義化的程式碼上,而不要過多的考慮設計圖上的佈局樣式
- 等html按內容編寫完以後再考慮樣式如何實現
- 力求不改變樣式結構的基礎上完成要求的視覺效果
相關文章
- 網頁製作時可以拿起就用的網頁製作小技巧總結網頁
- 網頁製作之從構思到實現網頁
- 網頁外掛製作網頁
- 網頁橫幅製作網頁
- 網頁製作小技巧網頁
- 網頁防封連結製作的原理有哪些?網頁
- CSS樣式表——佈局練習(製作360網頁)CSS網頁
- 簡單的網頁製作網頁
- 資料結構與演算法分析-分離連結雜湊表的實現資料結構演算法
- 網站製作前如何規劃網站的結構?網站
- excel製作表格時 怎麼製作Excel斜表頭Excel
- Martin Fowler 談“編輯”“釋出”相分離
- android 刷機ROM結構與編譯製作。Android編譯
- postgres複製表結構
- MySQL 複製表結構MySql
- mysql表結構複製MySql
- 《ASP網頁製作教程》筆記網頁筆記
- 資料結構與演算法——雜湊表類的C++實現(分離連結雜湊表)資料結構演算法C++
- PPT製作樹狀結構圖
- 表現與資料分離
- Dreamweaver網頁元素怎麼製作漸隱漸現效果教程網頁
- Stacks網頁佈局製作外掛網頁
- 製作簡單的個人網頁教程網頁
- Highmaps網頁圖表教程之圖表配置項結構與商業授權網頁
- Chrome實現自動化測試:錄製回放網頁動作Chrome網頁
- 手機上各種營銷活動的網頁連結如何製作網頁
- Dreamweaver網頁製作的18條操作技巧網頁
- 用Dreamweaver 定義模板批次製作網頁網頁
- 網頁製作加入空的script檔案網頁
- 作業系統(九) -- 多級頁表與快表作業系統
- 大學生川菜網頁製作教程 表格佈局網頁模板 學生HTML靜態水煮魚網頁設計作業成品 簡單網頁製作程式碼 學生美食網頁作品免費設計網頁HTML
- 作品比賽投票網頁連結製作教程,不用程式設計的方法!網頁程式設計
- mysql中複製表結構的方法小結MySql
- ORACLE製作表時的“小計”和“合計”Oracle
- 大學生影視主題網頁製作 銀翼殺手2049電影網頁設計模板 學生靜態網頁作業成品 dreamweaver電影HTML網站製作網頁HTML網站
- 20個dreamweaver中製作網頁的小技巧網頁
- HTML網頁製作的強大8條技巧HTML網頁
- mac網頁製作軟體:RapidWeaver 8 for macMac網頁API