Div標簽在網站建設中的一些規范和經驗

Div標簽在網站建設中的一些規范和經驗

面對Div標簽在網站建設中的一些規范,你是否煩心過?這里為大家展現一篇來自一個從事網站建設行業已有5年之余的朋友關于Div標簽在網站建設中的一些規范和經驗 。
首先說到的是概念,p是一個塊級元素,同時也意味著自動換行 。它后面經常跟隨著class或者id這樣的元素 , 亦或是兩者 。主要的差異是class用于元素組,而 id用于標識唯一的元素 。常規的網站架構通常為:
p定義一個頭部通用 。為規范化,通常命名為header 。

p定義主題框架,為規范化,通常命名為content或者wrapper 。
p定義腳步框架,為規范化,同化成命名為footer 。
在定義為header的p中應出現一個h1標簽,用于詮釋整個網站的內容,應包括網站的主關鍵詞 。接著用ul無序標簽做導航排列列表 。h2標簽來說可以出現1-3次,接著就是權重依次降低的h3標簽 , 在主頁可用于小版塊的標題 。

下面是在做前端架構中必須注意的一些問題 。
一是不要對Heading標簽胡亂使用,h1到h6html里面一共有6種Heading標簽,作用依次減少,標題標簽不僅能幫助訪客清晰的了解網站的結構和一大段未讀文字的大義,也能幫助搜索引擎更好的了解網頁的結構;

二是應該正規Heading標簽的使用方法 , 比如現在筆者看到很多的網站無法正確將Heading標簽進行分級 。比如在內容頁里面,將網站的標題定義在h1中,也就是網站的通用頭部 。h2作為一篇文章的標題出現,在主頁中可以作為對主頁或者整個網站的表述出現 。那么文章中的目錄或者主頁中的小欄目統一用來描述 , 這樣一來就可以將Heading標簽標準化 , 不管對于搜索引擎還是用戶都會有所幫助 。
三是應當讓定義的Heading標簽規范,讓用戶看到標簽能對頁面產生一定的了解;
四是很多人經常出現的問題:泛濫使用Heading標簽,而忽略對strong和em標簽的使用 。
【Div標簽在網站建設中的一些規范和經驗】將前端工作分割為平面設計和頁面重構 , 這是隨著網頁設計技術的進步以及人們對用戶體驗的要求越來越高所采取的必然手段,這也是已是大勢所趨 。為了使行業越來越規范,為了能進一步提升訪客的用戶體驗,作為專業的頁面重構人員就應該在平時的工作中多反思多總結,在無規范中尋找規范,在規范中尋求創新 。

經驗總結擴展閱讀