網(wǎng)頁制作中代碼關(guān)于seo的18個小技巧
時間:2022-05-29 08:27:02 | 來源:網(wǎng)絡(luò)營銷
時間:2022-05-29 08:27:02 來源:網(wǎng)絡(luò)營銷
網(wǎng)頁設(shè)計是指使用標(biāo)識語言(markup language),通過一系列設(shè)計、建模、和執(zhí)行的過程將電子格式的信息通過互聯(lián)網(wǎng)傳輸,最終以圖形用戶界面(GUI)的形式被用戶所瀏覽。
隨著瀏覽器和W3C標(biāo)準(zhǔn)一致性的改善,XHTML/XML(可擴(kuò)展標(biāo)識語言)與CSS(層疊樣式表)共同用作網(wǎng)頁內(nèi)容的設(shè)計已經(jīng)被廣泛的接受和使用。最新的標(biāo)準(zhǔn)和建議則是朝著瀏覽器的能力擴(kuò)充和改善發(fā)展,使之能夠不需要插件程序也能夠給用戶傳輸多媒體信息和更多的選擇。
而對于一個真正的SEOer來說,SEO并不僅僅是發(fā)發(fā)外鏈就可以的行業(yè),熟悉網(wǎng)站設(shè)計語言是每個SEO高手必備的SEO技術(shù)。在此也為大家介紹一下在網(wǎng)頁制作的時候如何把seo的優(yōu)勢滲入到網(wǎng)站的基礎(chǔ)代碼中。
1、xml文件盡量以utf-8編碼,gb2312有些字是存儲不了的,如?,就算能存也需要轉(zhuǎn)換,比較麻煩,utf-8也符合國際規(guī)范。
2、CSS中:hover這個偽類,如果放在:visited前面則會失效。
3、<a>標(biāo)簽如果沒有href屬性,所有對它的css的偽類如:hover均失效。
4、js文件中用document.wirte("<script language="javascript" src=’" + file + "’></" + "script>"形式的引用,其file相對路徑均為引用該js的html的路徑。
如:a.htm,引用x/b.js,b.js引用x/c.js,則file應(yīng)該為x/c.js而不是相對b.js的直接路徑c.js,而css中的@import,url()引用不存在這個問題
5、在頁面中,有時talbe的寬設(shè)置為100%右邊也會留下一個滾動條的空白,請設(shè)置<body style="overflow:auto">
6、對于常用的圖片不要用img標(biāo)簽,使用<span><a>并用css指定其背景和寬高,對于做動態(tài)的(移上去變背景),使用<a>最好,不需要額外編寫代碼,只要利用偽類:hover就好了,使用css好處是一次改變?nèi)扛淖?,這點可以很好的利用在換皮膚的應(yīng)用中。
7、@font-face {font-family:comic;src:url(http://valid_url/some_font_file.eot);}
定義一種在本地沒有的字體名稱,調(diào)用<span style="font-family:comic;font-size:18pt>aa</span>
8、幾個CSS
div { overflow: hidden;text-overflow:ellipsis; }
td { vertical-align : middle; }
[u]要強(qiáng)制溢出發(fā)生并且應(yīng)用ellipsis 值,作者必須設(shè)置對象的 white-space 屬性值為 nowrap 。[/u]假如沒有換行機(jī)會(例如,對象容器的寬度是狹窄的,而內(nèi)有很長的沒有合理斷行的文本),沒有應(yīng)用nowrap 也有可能溢出。
為了使ellipsis 值被應(yīng)用,此屬性必須被設(shè)置到具有不可視區(qū)域的對象。最好的選擇是設(shè)置overflow屬性為hidden。
9、firefox的document.createElement不支持內(nèi)容里有HTML標(biāo)簽,也不支持innerText,但是支持innerHTML,可以用innerHTML指定其內(nèi)容。
10、.net控件里DropDownList在firefox下的寬度不著色,需要直接定義style=’width:10px;’
11、firefox中css的cursor不支持hand,使用pointer代替。
12、iframe里的滾動條需要在iframe標(biāo)簽里設(shè)置style=’overflow:hidden’,不能僅僅在body里設(shè)置,在firefox會有問題。
13、在onpropertychange事件時,注意使用event.propertyName對屬性改變事件過濾,在設(shè)置本事件時,其實已經(jīng)改變了onpropertychange這個屬性,所以會自動的執(zhí)行一次。
14、js5.6里的對XSL的支持版本較低,如document函數(shù)就不支持。
15、slice函數(shù)比直接循環(huán)獲取數(shù)組片斷慢。
16、nextSibling獲得下一個對象時,需要注意,兩個節(jié)點間不要有空格,否則很容易獲取不到正確得對象。
17、CreateTextFile在有中文時必須指定第三個參數(shù)為true,否則不能寫入中文,表現(xiàn)為Write寫時報錯
18、保存中文文本時使用ADODB.stream,不使用fso,因為FSO不支持utf-8格式。