面對(duì)Div標(biāo)簽在網(wǎng)站建設(shè)中的一些規(guī)范，你是否煩心過?這里為大家展現(xiàn)一篇來自一個(gè)從事網(wǎng)站建設(shè)行業(yè)已有5年之余的朋友關(guān)于Div標(biāo)簽在網(wǎng)站建設(shè)中的一些規(guī)范和經(jīng)驗(yàn) 。
首先說到的是概念，p是一個(gè)塊級(jí)元素，同時(shí)也意味著自動(dòng)換行 。它后面經(jīng)常跟隨著class或者id這樣的元素，亦或是兩者 。主要的差異是class用于元素組，而 id用于標(biāo)識(shí)唯一的元素 。常規(guī)的網(wǎng)站架構(gòu)通常為：
p定義一個(gè)頭部通用 。為規(guī)范化，通常命名為header 。
p定義主題框架，為規(guī)范化，通常命名為content或者wrapper 。
p定義腳步框架，為規(guī)范化，同化成命名為footer 。
在定義為header的p中應(yīng)出現(xiàn)一個(gè)h1標(biāo)簽，用于詮釋整個(gè)網(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)簽，在主頁(yè)可用于小版塊的標(biāo)題 。
下面是在做前端架構(gòu)中必須注意的一些問題 。
一是不要對(duì)Heading標(biāo)簽胡亂使用，h1到h6html里面一共有6種Heading標(biāo)簽，作用依次減少，標(biāo)題標(biāo)簽不僅能幫助訪客清晰的了解網(wǎng)站的結(jié)構(gòu)和一大段未讀文字的大義，也能幫助搜索引擎更好的了解網(wǎng)頁(yè)的結(jié)構(gòu);
二是應(yīng)該正規(guī)Heading標(biāo)簽的使用方法，比如現(xiàn)在筆者看到很多的網(wǎng)站無法正確將Heading標(biāo)簽進(jìn)行分級(jí) 。比如在內(nèi)容頁(yè)里面，將網(wǎng)站的標(biāo)題定義在h1中，也就是網(wǎng)站的通用頭部 。h2作為一篇文章的標(biāo)題出現(xiàn)，在主頁(yè)中可以作為對(duì)主頁(yè)或者整個(gè)網(wǎng)站的表述出現(xiàn) 。那么文章中的目錄或者主頁(yè)中的小欄目統(tǒng)一用來描述，這樣一來就可以將Heading標(biāo)簽標(biāo)準(zhǔn)化，不管對(duì)于搜索引擎還是用戶都會(huì)有所幫助 。
三是應(yīng)當(dāng)讓定義的Heading標(biāo)簽規(guī)范，讓用戶看到標(biāo)簽?zāi)軐?duì)頁(yè)面產(chǎn)生一定的了解;
【Div標(biāo)簽在網(wǎng)站建設(shè)中的一些規(guī)范和經(jīng)驗(yàn)】四是很多人經(jīng)常出現(xiàn)的問題：泛濫使用Heading標(biāo)簽，而忽略對(duì)strong和em標(biāo)簽的使用 。
將前端工作分割為平面設(shè)計(jì)和頁(yè)面重構(gòu)，這是隨著網(wǎng)頁(yè)設(shè)計(jì)技術(shù)的進(jìn)步以及人們對(duì)用戶體驗(yàn)的要求越來越高所采取的必然手段，這也是已是大勢(shì)所趨 。為了使行業(yè)越來越規(guī)范，為了能進(jìn)一步提升訪客的用戶體驗(yàn)，作為專業(yè)的頁(yè)面重構(gòu)人員就應(yīng)該在平時(shí)的工作中多反思多總結(jié)，在無規(guī)范中尋找規(guī)范，在規(guī)范中尋求創(chuàng)新 。
推薦閱讀
- 重復(fù)原在網(wǎng)站設(shè)計(jì)中的作用是什么？
- 軟件升級(jí)的慘痛教訓(xùn)
- 迎春花是什么季節(jié)開放? 迎春花在什么季節(jié)開放
- 正在開花的蝴蝶蘭可以換成水培嗎 蝴蝶蘭可以用水栽培嗎
- 血清與血漿的區(qū)別在于前者缺乏 血清與血漿的區(qū)別在于前者
- 蘋果恢復(fù)大師掃描設(shè)備卡在72%怎么辦？
- 白色紫羅蘭可以放在室內(nèi)嗎 紫羅蘭能放屋里嗎
- 網(wǎng)站制作需要哪些流程
- SEO優(yōu)化意義在于抓取精準(zhǔn)流量
- 拍打后淤青是在排毒嗎？ 拍打后淤青是在排毒嗎還是排毒