筆者撥指一算從事網站建設行業已有5年有余，今天抽出點時間與各位站長們分享下個人多年來對DIV+CSS的架構的一些規范和經驗。先說下概念，

　　是一個塊級元素，同時也意味著自動換行。它后面經常跟隨著class或者id這樣的元素，亦或是兩者。主要的差異是class用于元素組，而id用于標識唯一的元素。常規的網站架構通常為：

　　定義一個頭部通用。為規范化，通常命名為header。

　　定義主題框架，為規范化，通常命名為content或者wrapper。

　　定義腳步框架，為規范化，同化成命名為footer。

　　在定義為header的

　　中應出現一個h1標簽，用于詮釋整個網站的內容，應包括網站的主關鍵詞。接著用

　　無序標簽做導航排列列表。h2標簽來說可以出現1-3次，接著就是權重依次降低的h3標簽，在主頁可用于小版塊的標題。

　　下面是在做前端架構中必須注意的一些問題。一是不要對Heading標簽胡亂使用，

　　到html里面一共有6種Heading標簽，作用依次減少，標題標簽不僅能幫助訪客清晰的了解網站的結構和一大段未讀文字的大義，也能幫助搜索引擎更好的了解網頁的結構;二是應該正規Heading標簽的使用方法，比如現在筆者看到很多的網站無法正確將Heading標簽進行分級。比如在內容頁里面，將網站的標題定義在

　　中，也就是網站的通用頭部。

　　作為一篇文章的標題出現，在主頁中可以作為對主頁或者整個網站的表述出現。那么文章中的目錄或者主頁中的小欄目統一 用

　　來描述，這樣一來就可以將Heading標簽標準化，不管對于搜索引擎還是用戶都會有所幫助。三是應當讓定義的Heading標簽規范，讓用戶看到標簽能對頁面產生一定的了解;四是很多站長經常出現的問題：泛濫使用heading標簽，而忽略對和標簽的使用。

　　隨著網頁設計技術的進步和人們對用戶體驗的要求越來越高，將前端工作分割為平面設計和頁面重構已是大勢所趨。作為專業的頁面重構人員應該在平時的工作中多反思多總結，在無規范中尋找規范，在規范中尋求創新，只有這樣才能使得行業越來越規范，也才能進一步提升訪客的用戶體驗。本文出自昆明網站建設www.ynynyn.com站長，第一次發表在A5站長網，轉載請保留作者鏈接，謝謝。