2023-06-04 分類: 網(wǎng)站建設(shè)
重慶網(wǎng)站建設(shè)專家創(chuàng)新互聯(lián)對(duì)DIV+CSS的架構(gòu)的一些規(guī)范和經(jīng)驗(yàn)。先說下概念,div是一個(gè)塊級(jí)元素,同時(shí)也意味著自動(dòng)換行。它后面經(jīng)常跟隨著class或者id這樣的元素,亦或是兩者。主要的差異是class用于元素組,而id用于標(biāo)識(shí)唯一的元素。常規(guī)的網(wǎng)站架構(gòu)通常為:
div定義一個(gè)頭部通用。為規(guī)范化,通常命名為header。
div定義主題框架,為規(guī)范化,通常命名為content或者wrapper。
div定義腳步框架,為規(guī)范化,同化成命名為footer。
在定義為header的div中應(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)簽,在主頁可用于小版塊的標(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)頁的結(jié)構(gòu);
二是應(yīng)該正規(guī)Heading標(biāo)簽的使用方法,比如現(xiàn)在筆者看到很多的網(wǎng)站無法正確將Heading標(biāo)簽進(jìn)行分級(jí)。比如在內(nèi)容頁里面,將網(wǎng)站的標(biāo)題定義在h1中,也就是網(wǎng)站的通用頭部。h2作為一篇文章的標(biāo)題出現(xiàn),在主頁中可以作為對(duì)主頁或者整個(gè)網(wǎng)站的表述出現(xiàn)。那么文章中的目錄或者主頁中的小欄目統(tǒng)一用來描述,這樣一來就可以將Heading標(biāo)簽標(biāo)準(zhǔn)化,不管對(duì)于搜索引擎還是用戶都會(huì)有所幫助。
三是應(yīng)當(dāng)讓定義的Heading標(biāo)簽規(guī)范,讓用戶看到標(biāo)簽?zāi)軐?duì)頁面產(chǎn)生一定的了解;
四是很多站長(zhǎng)經(jīng)常出現(xiàn)的問題:泛濫使用Heading標(biāo)簽,而忽略對(duì)strong和em標(biāo)簽的使用。
分享文章:Div標(biāo)簽在網(wǎng)站建設(shè)中的一些規(guī)范
URL標(biāo)題:http://www.rwnh.cn/news13/262613.html
成都網(wǎng)站建設(shè)公司_創(chuàng)新互聯(lián),為您提供外貿(mào)網(wǎng)站建設(shè)、網(wǎng)站建設(shè)、云服務(wù)器、標(biāo)簽優(yōu)化、App開發(fā)、品牌網(wǎng)站建設(shè)
聲明:本網(wǎng)站發(fā)布的內(nèi)容(圖片、視頻和文字)以用戶投稿、用戶轉(zhuǎn)載內(nèi)容為主,如果涉及侵權(quán)請(qǐng)盡快告知,我們將會(huì)在第一時(shí)間刪除。文章觀點(diǎn)不代表本網(wǎng)站立場(chǎng),如需處理請(qǐng)聯(lián)系客服。電話:028-86922220;郵箱:631063699@qq.com。內(nèi)容未經(jīng)允許不得轉(zhuǎn)載,或轉(zhuǎn)載時(shí)需注明來源: 創(chuàng)新互聯(lián)
猜你還喜歡下面的內(nèi)容