1.9 网站前端代码书写_《营销一道桥——建站-->引流-->转化&再营销》

网页代码是在不同时期，写法不一样的，web1.0时代，我们写的网页代码都是用table表格给页面布局，然后插入图片素材等，做成静态的网页放到服务器上。后来发展为asp、php的后台程序控制网页的生成，架构方式也变成了div+css的方式，现在div+css的网页标准也从最初的1.0到4.0，到5.0也就是现在说的HTML5（简称h5）。时代不同，标准也跟着发生变化了。

一、目前比较好的网站前端架构方式是什么？

从大的方向来说，网页有两种架构方式：

1、table布局方式

2、div+css的布局方式

在div+css的布局标准下才会分html4和html5，因为这是第二代的布局方式，但是这个布局方式下又有一些不同的标准。一会儿会重点来解释html5的事情。

所以，目前比较好的架构布局方式肯定是：DIV+CSS的架构方式。

二、前端代码对网络营销效果的影响有哪些？

1、代码专业会让网页兼容性更好，提升网站排名和转化率

兼容性好的网站排名高，而且用户无障碍浏览，就会提升转化率。试想一个兼容性不好的网页前端，用户打开了之后发现网页显示错乱，还会买你的产品吗？当然不会了。

2、更好地前端代码，能让网页打开速度更快，提升网站排名和转化率

我们见过有一些生手做了网页，打开速度极慢，有的是js写的很多死循环，有的是图片非常大，这些都不利于网站的打开。速度一慢，肯定营销后续的转化环节。对网站速度慢的情况，搜索引擎也会给与降权。

3、更好地前端代码书写，能更好地还原设计，页面效果更出色，提升网站营销效果

我们经常见一些新手做网页时候，给一个设计稿，写过之后跟设计稿差别很大，网页看起来很山寨。好的网页前端人员能把设计师的界面展现出来，而且还有一些动画和交互，做到更好地效果。好的交互和界面效果对网络营销帮助作用肯定不言而喻。

4、同样的前端效果，用不同代码写，意义不同，搜索引擎就更容易理解网页

好的前端人员知道哪里应该用h1标签，哪里应该用循环列表。而一些不好的前端书写，可能会让搜索引擎进来之后一脸懵逼。所以，你的代码就是与搜索引擎沟通的语言，写的怎么样搜索引擎就能理解成什么样，自己没有章法，就别管搜索引擎对网页进行胡乱的理解。

三、几个重要问题解答

1、h5是个什么东西？

HTML5就是w3c提出的新的网页标准，是对html4进行的修正和补充。我们目前看到的一些h5特效，或者h5代码，确切的说是“新增的HTML5功能”，而老的一些html4标签功能，html5里也是有的。主要有两个方面的提升：

a、写法要求更规范、更细致（基本与h4一致）

b、补充了一些功能（比如：圆角、阴影等）

那么，你按照h4标准写一个网页，是不是h5网页呢？确切的说：是的。

就像上图所示，大部分的网页使用的html代码都是绿颜色的那部分，所以他也是html5标准下的要求，那么也就是说你写的代码其实就是H5标准的代码。而需要注意的是：真正在绿色范围内写的代码，才是最h5的，才是兼容性更好地代码。而黄色区域的代码，一旦有就会在低版本浏览器上无法显示。

2、table是不是过时了？

有一些人觉得table布局方式过时了，那么在网页上做table表格，就是过时的行为。并不是这样的。特殊情况下，页面上确实需要一个表格，那就应该用table来做，并不过时。

我们说的table布局方式过时，并不是table过时，一点要注意。

四、写前端代码的时候有哪些技巧，可以对网络营销起到作用

这个还是比较多的，野狼SEO团队这几年深耕网站开发领域，就是发现网页的前端代码对网站排名影响非常大，也有一些规则，是前端人员必须去遵守的，因为这样做了之后，会对网站排名，甚至是整个营销转化都是有帮助的。比如这些：

1、内页标题一定要用h1标签环绕

2、图片上要加alt标签

3、一些需要截取的文字链接上，要加title标签，调用完整的标题

4、w3c的标准一定要遵守，比如所有标签必须闭合等

5、能用文字的地方尽量不要用图片

6、能做成平级的div，不要做成包含关系的，包含层级越多代码越不优秀

7、类名、文件名等要尽量的规范，一眼能看出来意思才是更好地，这样方便后期修改