合理利用HTML標記優化網頁布局
2024-01-10 分類： 網站建設
我們一直在講CSS網頁布局代碼的優化，在以往的文章中，也一直強調語義和文檔的結構。隨著國外對WEB標準的推廣，有些新手認為，web2.0就是把以前的table布局都改為DIV+CSS布局就是web2.0。其實不然， 我們要合理利用這些標簽。 有一點值得引起注意，那就是在 web 開發人員圈子里通常被稱為“div-itis”的對 div 元素的濫用現象。
通過大量的嵌套 div 或 span 元素來添加樣式確實很方便，但還是應盡量避免這種誘惑。在多數情況下，為文檔內現有元素附加樣式或 JavaScript 功能是可以做到不必引入 div 或 span 元素的。作為通用容器的 div 或 span 元素應作為最后的手段使用——也就是說，最好是先盡量以語義化元素來編寫網頁，僅在確實需要時才加入通用容器元素。 所以我們要：優化 優化 再優化 精簡和優化CSS網頁布局代碼
我要多用一些語義性標簽，但是也要對號入座，標簽語義要用對。
HTML元素的語義類別
結構 這些元素的語義定義了他們在文檔中扮演著的結構的角色
div span ol,ul,li,dl,dt,dd del,ins h1..h6 p 內容 這些元素的語義定義了在文檔中表示內容標記的語義
a abbr acronym address blockquote cite code dfn kbd q samp var
修飾形容 這些元素起到對內容的修飾和形容
strong em
" Once you've completed your markup, go over it two more times and find ways to reduce the number of elements on the page. Does that UL really need its own wrapping div? I think not. "
注意您的樣式表 當我們的網頁內容做得很多的時候，樣式表文件的代碼也隨著龐大和臃腫起來。 我們也慢慢感覺到，有些地方不合理或重復定義。 這就是你對CSS選擇符應用上出現問題了，靈活使用這些CSS選擇符是使用CSS控制網頁的基礎，CSS選擇符也是CSS學習的重點和難點。 我們是否應在設計的開始應該合理應用這些CSS選擇符那？ 關于CSS選擇符的分類，使用，定義，由于內容之大我就不說了，一些關于CSS樣式表的優化技巧的文章學習一下
本文來源于成都網站建設公司與成都網站設計制作公司-創新互聯成都公司！
通過大量的嵌套 div 或 span 元素來添加樣式確實很方便，但還是應盡量避免這種誘惑。在多數情況下，為文檔內現有元素附加樣式或 JavaScript 功能是可以做到不必引入 div 或 span 元素的。作為通用容器的 div 或 span 元素應作為最后的手段使用——也就是說，最好是先盡量以語義化元素來編寫網頁，僅在確實需要時才加入通用容器元素。 所以我們要：優化 優化 再優化 精簡和優化CSS網頁布局代碼
我要多用一些語義性標簽，但是也要對號入座，標簽語義要用對。
HTML元素的語義類別
結構 這些元素的語義定義了他們在文檔中扮演著的結構的角色
div span ol,ul,li,dl,dt,dd del,ins h1..h6 p 內容 這些元素的語義定義了在文檔中表示內容標記的語義
a abbr acronym address blockquote cite code dfn kbd q samp var
修飾形容 這些元素起到對內容的修飾和形容
strong em
" Once you've completed your markup, go over it two more times and find ways to reduce the number of elements on the page. Does that UL really need its own wrapping div? I think not. "
注意您的樣式表 當我們的網頁內容做得很多的時候，樣式表文件的代碼也隨著龐大和臃腫起來。 我們也慢慢感覺到，有些地方不合理或重復定義。 這就是你對CSS選擇符應用上出現問題了，靈活使用這些CSS選擇符是使用CSS控制網頁的基礎，CSS選擇符也是CSS學習的重點和難點。 我們是否應在設計的開始應該合理應用這些CSS選擇符那？ 關于CSS選擇符的分類，使用，定義，由于內容之大我就不說了，一些關于CSS樣式表的優化技巧的文章學習一下
本文來源于成都網站建設公司與成都網站設計制作公司-創新互聯成都公司！
標題名稱：合理利用HTML標記優化網頁布局
文章來源：http://m.2m8n56k.cn/news5/312905.html
成都網站建設公司_創新互聯，為您提供商城網站、品牌網站制作、建站公司、云服務器、網站營銷、關鍵詞優化
聲明：本網站發布的內容（圖片、視頻和文字）以用戶投稿、用戶轉載內容為主，如果涉及侵權請盡快告知，我們將會在第一時間刪除。文章觀點不代表本網站立場，如需處理請聯系客服。電話：028-86922220；郵箱：[email protected]。內容未經允許不得轉載，或轉載時需注明來源： 創新互聯
猜你還喜歡下面的內容
- 為什么服務器位置對網站排名很重要？本地化托管對速度有何影響？ 2024-01-10
- 怎樣才能讓網站持久保持在首頁？ 2024-01-10
- 網頁設計中的設計風格之“客戶風格” 2024-01-10
- 專用服務器的終極優勢，需要專用服務器托管的情況 2024-01-10
- 這是一家有實力的網站seo公司嗎 2024-01-10
- 購買虛擬主機的省錢技巧和妙招 2024-01-10
- 網站SEO優化是怎么一個概念？ 2024-01-10
- 成都網站建設幫你樹立正確的企業網站！ 2024-01-10
- 建設網站時如何設置網站導航欄？(如何免費建設網站) 2024-01-10
- 詳解網站優化四部曲讓你的網站甩掉喪氣排名 2024-01-10
- 建網站之前，怎樣選擇合適的網站結構？ 2024-01-10
- 成都企業建站之網站設計要注意這些方面的問題？ 2024-01-10
- 成都網站建設的要點主要有哪些呢？ 2024-01-10
- 個人網站如何才能快速發展 2024-01-10
- 網絡推廣怎么才能提高客戶的信任度？ 2024-01-10
- 妙用新浪微刊為網站搭建精準流量通道 2024-01-10
- 關于色彩構成的概述 2024-01-10
- 優秀企業網站必須具備的六大要素。 2024-01-10
- 美國云服務器和獨立服務器的網速差異以及如何影響用戶體驗和業務需求 2024-01-10