一個(gè)高質(zhì)量的網(wǎng)站包含哪些方面?小編總結(jié)了如下幾點(diǎn):
1、HTML、CSS代碼標(biāo)準(zhǔn)化代碼
對(duì)于一個(gè)多人團(tuán)隊(duì)來(lái)說(shuō),制定一個(gè)統(tǒng)一的規(guī)范是必要的,因?yàn)閭€(gè)性化的東西無(wú)法產(chǎn)生良好的聚合效果,規(guī)范化可以提高編碼工作效率,使代碼保持統(tǒng)一的風(fēng)格,以便于代碼整合和后期維護(hù)。
在定義CSS樣式的時(shí)候,能合并一起寫(xiě)的盡量要合并在一起。例如:
修改前:#bd{margin-left:40px;margin-right:40px;margin-left:40px;margin-bottow:40px;}
修改后:#bd{margin:40px;}
還有能合并成一組屬性的要合并到一組屬性中,每個(gè)選擇器之間用逗號(hào)分隔開(kāi)。例如:
修改前:
#bd{font-size:12px;color:#333;margin:10px 0px 10px 10px;}
#ab{font-size:12px;color:#333;margin:10px 0px 10px 10px;}
修改后:
#bd.#ab{font-size:12px;color:#333;margin:10px 0px 10px 10px;}
網(wǎng)站像ul、img、a、a:hover等一些標(biāo)簽,這些標(biāo)簽在網(wǎng)站上顯示的樣式通常都相同,所以在CSS開(kāi)始的時(shí)候要將樣式統(tǒng)一設(shè)置一下,避免在網(wǎng)頁(yè)布局用到的時(shí)候還需要在每個(gè)ID或者Class中重復(fù)設(shè)置,使CSS增大。CSS不要放在頁(yè)面的標(biāo)簽中。一個(gè)網(wǎng)站往往會(huì)用到許多個(gè)ID或者Class,如果放在頁(yè)面上,會(huì)使整個(gè)頁(yè)面加大,不利于優(yōu)化,所以要把所有CSS文件單獨(dú)存放在命名為CSS的外部文件中.
語(yǔ)法:
<link rel="stylesheet" type="text/css" href="/common/index.css"/>
CSS作用的優(yōu)先級(jí):自身的style屬性>頁(yè)面的內(nèi)部style對(duì)象>頁(yè)面外部CSS文件。
2、網(wǎng)站代碼編寫(xiě)要規(guī)范整潔,盡量避免使用網(wǎng)頁(yè)減肥工具。
現(xiàn)在網(wǎng)上流行許多給網(wǎng)頁(yè)減肥的工具,不過(guò)不建議使用,畢竟都不是智能的,有的時(shí)候?qū)W(wǎng)頁(yè)的結(jié)構(gòu)根本分辨不出來(lái),甚至錯(cuò)誤地去掉一些代碼,例如把標(biāo)簽的后半部分去掉等,造成網(wǎng)頁(yè)破版。有調(diào)整破版的時(shí)間,還不如自己按照前面介紹的網(wǎng)頁(yè)減肥方法來(lái)操作。下面舉個(gè)最簡(jiǎn)單的布局嵌套的例子。
處理前:
< div >< div >第一行< div >< div >第二行。
處理后:< div >< div >< div >第一行< div >< div >第二行。
處理后的 兩個(gè)標(biāo)簽都被去掉了,造成了頁(yè)面破版。
3、除了這些專(zhuān)業(yè)的建站細(xì)節(jié),服務(wù)器、網(wǎng)站安全、網(wǎng)站版權(quán)都是需要注重和注意的地方。
如果您還有哪些疑問(wèn),歡迎給我們的客服留言咨詢(xún)。凡高網(wǎng)絡(luò)--專(zhuān)注高品質(zhì)網(wǎng)站建設(shè)!
用作品證明實(shí)力,網(wǎng)站建設(shè)行業(yè)排名前列