網(wǎng)頁代碼是在不同時(shí)期，寫法不一樣的，web1.0時(shí)代，我們寫的網(wǎng)頁代碼都是用table表格給頁面布局，然后插入圖片素材等，做成靜態(tài)的網(wǎng)頁放到服務(wù)器上。后來發(fā)展為asp、php的后臺(tái)程序控制網(wǎng)頁的生成，架構(gòu)方式也變成了div+css的方式，現(xiàn)在div+css的網(wǎng)頁標(biāo)準(zhǔn)也從最初的1.0到4.0，到5.0也就是現(xiàn)在說的HTML5（簡(jiǎn)稱h5）。時(shí)代不同，標(biāo)準(zhǔn)也跟著發(fā)生變化了。

一、目前比較好的網(wǎng)站前端架構(gòu)方式是什么？

從大的方向來說，網(wǎng)頁有兩種架構(gòu)方式：

1、table布局方式

2、div+css的布局方式

在div+css的布局標(biāo)準(zhǔn)下才會(huì)分html4和html5，因?yàn)檫@是第二代的布局方式，但是這個(gè)布局方式下又有一些不同的標(biāo)準(zhǔn)。一會(huì)兒會(huì)重點(diǎn)來解釋html5的事情。

所以，目前比較好的架構(gòu)布局方式肯定是：DIV+CSS的架構(gòu)方式。

二、前端代碼對(duì)網(wǎng)絡(luò)營銷效果的影響有哪些？

1、代碼專業(yè)會(huì)讓網(wǎng)頁兼容性更好，提升網(wǎng)站排名和轉(zhuǎn)化率

兼容性好的網(wǎng)站排名高，而且用戶無障礙瀏覽，就會(huì)提升轉(zhuǎn)化率。試想一個(gè)兼容性不好的網(wǎng)頁前端，用戶打開了之后發(fā)現(xiàn)網(wǎng)頁顯示錯(cuò)亂，還會(huì)買你的產(chǎn)品嗎？當(dāng)然不會(huì)了。

2、更好地前端代碼，能讓網(wǎng)頁打開速度更快，提升網(wǎng)站排名和轉(zhuǎn)化率

我們見過有一些生手做了網(wǎng)頁，打開速度極慢，有的是js寫的很多死循環(huán)，有的是圖片非常大，這些都不利于網(wǎng)站的打開。速度一慢，肯定營銷后續(xù)的轉(zhuǎn)化環(huán)節(jié)。對(duì)網(wǎng)站速度慢的情況，搜索引擎也會(huì)給與降權(quán)。

3、更好地前端代碼書寫，能更好地還原設(shè)計(jì)，頁面效果更出色，提升網(wǎng)站營銷效果

我們經(jīng)常見一些新手做網(wǎng)頁時(shí)候，給一個(gè)設(shè)計(jì)稿，寫過之后跟設(shè)計(jì)稿差別很大，網(wǎng)頁看起來很山寨。好的網(wǎng)頁前端人員能把設(shè)計(jì)師的界面展現(xiàn)出來，而且還有一些動(dòng)畫和交互，做到更好地效果。好的交互和界面效果對(duì)網(wǎng)絡(luò)營銷幫助作用肯定不言而喻。

4、同樣的前端效果，用不同代碼寫，意義不同，搜索引擎就更容易理解網(wǎng)頁

好的前端人員知道哪里應(yīng)該用h1標(biāo)簽，哪里應(yīng)該用循環(huán)列表。而一些不好的前端書寫，可能會(huì)讓搜索引擎進(jìn)來之后一臉懵逼。所以，你的代碼就是與搜索引擎溝通的語言，寫的怎么樣搜索引擎就能理解成什么樣，自己沒有章法，就別管搜索引擎對(duì)網(wǎng)頁進(jìn)行胡亂的理解。

三、幾個(gè)重要問題解答

1、h5是個(gè)什么東西？

HTML5就是w3c提出的新的網(wǎng)頁標(biāo)準(zhǔn)，是對(duì)html4進(jìn)行的修正和補(bǔ)充。我們目前看到的一些h5特效，或者h(yuǎn)5代碼，確切的說是“新增的HTML5功能”，而老的一些html4標(biāo)簽功能，html5里也是有的。主要有兩個(gè)方面的提升：

a、寫法要求更規(guī)范、更細(xì)致（基本與h4一致）

b、補(bǔ)充了一些功能（比如：圓角、陰影等）

那么，你按照h4標(biāo)準(zhǔn)寫一個(gè)網(wǎng)頁，是不是h5網(wǎng)頁呢？確切的說：是的。

就像上圖所示，大部分的網(wǎng)頁使用的html代碼都是綠顏色的那部分，所以他也是html5標(biāo)準(zhǔn)下的要求，那么也就是說你寫的代碼其實(shí)就是H5標(biāo)準(zhǔn)的代碼。而需要注意的是：真正在綠色范圍內(nèi)寫的代碼，才是最h5的，才是兼容性更好地代碼。而黃色區(qū)域的代碼，一旦有就會(huì)在低版本瀏覽器上無法顯示。

2、table是不是過時(shí)了？

有一些人覺得table布局方式過時(shí)了，那么在網(wǎng)頁上做table表格，就是過時(shí)的行為。并不是這樣的。特殊情況下，頁面上確實(shí)需要一個(gè)表格，那就應(yīng)該用table來做，并不過時(shí)。

我們說的table布局方式過時(shí)，并不是table過時(shí)，一點(diǎn)要注意。

四、寫前端代碼的時(shí)候有哪些技巧，可以對(duì)網(wǎng)絡(luò)營銷起到作用

這個(gè)還是比較多的，野狼SEO團(tuán)隊(duì)這幾年深耕網(wǎng)站開發(fā)領(lǐng)域，就是發(fā)現(xiàn)網(wǎng)頁的前端代碼對(duì)網(wǎng)站排名影響非常大，也有一些規(guī)則，是前端人員必須去遵守的，因?yàn)檫@樣做了之后，會(huì)對(duì)網(wǎng)站排名，甚至是整個(gè)營銷轉(zhuǎn)化都是有幫助的。比如這些：

1、內(nèi)頁標(biāo)題一定要用h1標(biāo)簽環(huán)繞

2、圖片上要加alt標(biāo)簽

3、一些需要截取的文字鏈接上，要加title標(biāo)簽，調(diào)用完整的標(biāo)題

4、w3c的標(biāo)準(zhǔn)一定要遵守，比如所有標(biāo)簽必須閉合等

5、能用文字的地方盡量不要用圖片

6、能做成平級(jí)的div，不要做成包含關(guān)系的，包含層級(jí)越多代碼越不優(yōu)秀

7、類名、文件名等要盡量的規(guī)范，一眼能看出來意思才是更好地，這樣方便后期修改