網(wǎng)站建設(shè)Div標(biāo)簽的一些規(guī)范

我們對DIV+CSS的架構(gòu)的一些規(guī)范和經(jīng)驗。先說下概念，div是一個塊級元素，同時也意味著自動換行。它后面經(jīng)常跟隨著class或者id這樣的元素，亦或是兩者。主要的差異是class用于元素組，而id用于標(biāo)識唯一的元素。常規(guī)的網(wǎng)站架構(gòu)通常為：
div定義一個頭部通用。為規(guī)范化，通常命名為header。
div定義主題框架，為規(guī)范化，通常命名為content或者wrapper。
div定義腳步框架，為規(guī)范化，同化成命名為footer。
在定義為header的div中應(yīng)出現(xiàn)一個h1標(biāo)簽，用于詮釋整個網(wǎng)站的內(nèi)容，應(yīng)包括網(wǎng)站的主關(guān)鍵詞。接著用ul無序標(biāo)簽做導(dǎo)航排列列表。h2標(biāo)簽來說可以出現(xiàn)1-3次，接著就是權(quán)重依次降低的h3標(biāo)簽，在主頁可用于小版塊的標(biāo)題。
下面是在做前端架構(gòu)中必須注意的一些問題。
一是不要對Heading標(biāo)簽胡亂使用，h1到h6html里面一共有6種Heading標(biāo)簽，作用依次減少，標(biāo)題標(biāo)簽不僅能幫助訪客清晰的了解網(wǎng)站的結(jié)構(gòu)和一大段未讀文字的大義，也能幫助搜索引擎更好的了解網(wǎng)頁的結(jié)構(gòu)；
二是應(yīng)該正規(guī)Heading標(biāo)簽的使用方法，比如現(xiàn)在筆者看到很多的網(wǎng)站無法正確將Heading標(biāo)簽進行分級。比如在內(nèi)容頁里面，將網(wǎng)站的標(biāo)題定義在h1中，也就是網(wǎng)站的通用頭部。h2作為一篇文章的標(biāo)題出現(xiàn)，在主頁中可以作為對主頁或者整個網(wǎng)站的表述出現(xiàn)。那么文章中的目錄或者主頁中的小欄目統(tǒng)一用來描述，這樣一來就可以將Heading標(biāo)簽標(biāo)準(zhǔn)化，不管對于搜索引擎還是用戶都會有所幫助。
三是應(yīng)當(dāng)讓定義的Heading標(biāo)簽規(guī)范，讓用戶看到標(biāo)簽?zāi)軐撁娈a(chǎn)生一定的了解；
四是很多站長經(jīng)常出現(xiàn)的問題：泛濫使用Heading標(biāo)簽，而忽略對strong和em標(biāo)簽的使用。
隨著網(wǎng)頁設(shè)計技術(shù)的進步和人們對用戶體驗的要求越來越高，將前端工作分割為平面設(shè)計和頁面重構(gòu)已是大勢所趨。作為專業(yè)的頁面重構(gòu)人員應(yīng)該在平時的工作中多反思多總結(jié)，在無規(guī)范中尋找規(guī)范，在規(guī)范中尋求創(chuàng)新，只有這樣才能使得行業(yè)越來越規(guī)范，也才能進一步提升訪客的用戶體驗。

文章名稱：網(wǎng)站建設(shè)Div標(biāo)簽的一些規(guī)范
當(dāng)前地址：http://www.bm7419.com/news/81948.html

網(wǎng)站建設(shè)、網(wǎng)絡(luò)推廣公司-創(chuàng)新互聯(lián)，是專注品牌與效果的網(wǎng)站制作，網(wǎng)絡(luò)營銷seo公司；服務(wù)項目有網(wǎng)站建設(shè)等

廣告

聲明：本網(wǎng)站發(fā)布的內(nèi)容（圖片、視頻和文字）以用戶投稿、用戶轉(zhuǎn)載內(nèi)容為主，如果涉及侵權(quán)請盡快告知，我們將會在第一時間刪除。文章觀點不代表本網(wǎng)站立場，如需處理請聯(lián)系客服。電話：028-86922220；郵箱：631063699@qq.com。內(nèi)容未經(jīng)允許不得轉(zhuǎn)載，或轉(zhuǎn)載時需注明來源： 創(chuàng)新互聯(lián)