Div標籤在網站建設中的一些規範和經驗
2023-03-31 03:53:58 1
Div標籤在網站建設中的一些規範和經驗
面對Div標籤在網站建設中的一些規範,你是否煩心過?這裡為大家展現一篇來自一個從事網站建設行業已有5年之餘的朋友關於Div標籤在網站建設中的一些規範和經驗。
首先說到的是概念,div是一個塊級元素,同時也意味著自動換行。它後面經常跟隨著class或者id這樣的元素,亦或是兩者。主要的差異是class用於元素組,而 id用於標識唯一的元素。常規的網站架構通常為:
div定義一個頭部通用。為規範化,通常命名為header。
div定義主題框架,為規範化,通常命名為content或者wrapper。
div定義腳步框架,為規範化,同化成命名為footer。
在定義為header的div中應出現一個h1標籤,用於詮釋整個網站的內容,應包括網站的主關鍵詞。接著用ul無序標籤做導航排列列表。h2標籤來說可以出現1-3次,接著就是權重依次降低的h3標籤,在主頁可用於小版塊的標題。
下面是在做前端架構中必須注意的一些問題。
一是不要對Heading標籤胡亂使用,h1到h6html裡面一共有6種Heading標籤,作用依次減少,標題標籤不僅能幫助訪客清晰的了解網站的結構和一大段未讀文字的大義,也能幫助搜尋引擎更好的了解網頁的結構;
二是應該正規Heading標籤的使用方法,比如現在筆者看到很多的網站無法正確將Heading標籤進行分級。比如在內容頁裡面,將網站的標題定義在h1中,也就是網站的通用頭部。h2作為一篇文章的標題出現,在主頁中可以作為對主頁或者整個網站的表述出現。那麼文章中的目錄或者主頁中的小欄目統一用來描述,這樣一來就可以將Heading標籤標準化,不管對於搜尋引擎還是用戶都會有所幫助。
三是應當讓定義的Heading標籤規範,讓用戶看到標籤能對頁面產生一定的了解;
四是很多人經常出現的問題:泛濫使用Heading標籤,而忽略對strong和em標籤的使用。
將前端工作分割為平面設計和頁面重構,這是隨著網頁設計技術的進步以及人們對用戶體驗的要求越來越高所採取的必然手段,這也是已是大勢所趨。為了使行業越來越規範,為了能進一步提升訪客的用戶體驗,作為專業的頁面重構人員就應該在平時的工作中多反思多總結,在無規範中尋找規範,在規範中尋求創新。