厚昌网络-

网站前端开发技巧和注意事项 |厚昌建站

发布时间:3年前热度: 454 ℃评论数:

在2018年的当下,网站成为公司宣传必不可少的一项。网站的宣传效果已经得着证实,能真正给各位老板带来业绩和线索。如果现在有公司说自己没有网站,各位老板恐怕会用异样的眼光来看着你。

俗话说:术业有专攻,网站制作是各位老板所望尘莫及的,当把做网站的任务交给向我们公司这样的第三方公司后,着急想上线推广,并能立即看到效果。这可就苦了我们的程序员啦

所以呢,今天我就来帮各位新手程序猿们,做一些经验性的分享,对于网站前端只要注意这些问题,就能少死很多脑细胞,赶紧收藏吧。


网站前端页面需要规避的问题


1.整个页面在写之前首先应该先把大的框架搭出来,在去写里面小的细节。保证大的框架没有问题,里面有问题,大不了删了重写。(给大的框架加上background测试是最直观看到大框架是否正确的方式)

2.整个页面的布局,要尽可能的灵活,因为所有的元素都是不定高的,这是由于,后台要加什么东西前台页面是不知道的,如果写的很死,那么后台在写程序的时候,就会把页面撑乱,这是不可取的。

3.清除浮动的问题,一定要记住。

4.兼容性问题,平时有时间一定要多了解各种浏览器的hack,及解决方法。

5.前端写页面,必不可少的是注释,而且注释一定要清晰明了,HTML页面和CSS样式表都要写注释,注释对自己和后台程序人员都是非常重要的。

6.命名问题,一定要有一个命名规范,因为页面不是只有一个,通常一套网站会有好几个页面去写,那么命名的规范性就显得尤为重要,例如:网页头部,命名是不能都叫head,因为他们是共用一个CSS样式表的,要有所区分,首页头部,就叫index_head,列表页头部就叫list_head,总之,命名的规范性和区别一定要注意。


网站前端需要注意的开发规范


HTML

1.使用软Tab(2个空格)进行缩进

2.嵌套元素必须缩进一次

3.属性的值使用双引号(而不是单引号)

4.在空元素中不用使用反斜杠

5.使用HTML5文档声明

6.语言属性使用

1<html>

7.控制IE版本

1<meta http-equiv="X-UA-Compatible" content="IE=Edge">

8.style、标签无需指明type属性

9.属性使用顺序:

1* class

2* id,name

3* data-*

4* src, for, type, href, value

5* title, alt

6* role, aria-*

10.boolean属性无需赋值:disabled checked selected

11.尽量减少嵌套层级

12.尽量使用语义化的标签,而不是滥用div+class

好啦,以上就是今天讲到的内容,各位学弟学妹们学到啦吗?

好啦,这篇文章到此就结束啦。小编想说师弟师妹们如果您想做网站,可以找我们厚昌网站建设,或者关注我们的微信公众号厚昌学院,了解更多关于建站的知识。

同时加好友,即可免费获赠价值8888元的网站诊断方案,每日仅限前三名~

营销型网站建设企业群1群:285276820,和更多的建站精英一起交流分享经验

厚昌网络,5年间专注于营销型网站建设,“敬畏您的每一分钱

往期回顾:


新手程序员,厚昌建站

建站业务扫码资讯