15条非常管用的web编码.docVIP

15条非常管用的web编码 　　随着互联网的普及，大多数的人对网站的网页建设也有一些了解，用HTML来编写的文件成为静态网页面。如今，HTML5火爆来袭，正因为时代科技的进步，所以很多的Web开发者对基础知识和基本的原则都高度注意了。上海网建公司海淘科技()为大家介绍一些Web开发者在工作时应该遵循的原则，希望能帮助到大家。 　　1、灵活运用DIV来为网站页面布局 　　Web开发者在建设网站时，首先要区分出页面的重点部分，然后将内容用DIV标签包含起来，这样建设出来的网页就十分的整洁。 　　div id=header/div div id=body-container div id=content !-- Content -- /div div id=right-side-bar !-- Right Side Bar Content Area -- /div /div div id=footer/div 　　2、HTML标签和CSS样式表一定要分割开来 　　这一点是Web开发者编程时的基本原则，只有这样，开发出来的页面才倍受用户们的喜爱。但是有的开发者却利用了CSS图一时的操作简便而不严格地遵循这一原则。 　　还要注意的是开发者在存放CSS样式表时应该单独建立一个文件，这样可以方便其他开发者在修改你的代码时，能迅速完成工作。 　　p style=color: #CCC; font-size:16px; font-family: arial An example to illustrate inline style in html/p 　　3、优化CSS代码十分重要 　　网站优化对于一个Web开发者也是至关重要的，如今很多的的网站都存在着许多的垃圾代码，这让百度蜘蛛很是不喜欢，让用户在体验的时候也不畅快。那么精简代码（DIV+CSS)、对CSS文件进行优化就显得重要了。并且，CSS样式表在不同的领域和不同用户的理解能力是可以进行优化或者是简化写法。当方法不只一两种，是要靠大家平时的观察和实践总结出来的。 　　4、优化Javascript文件，并将其放到页面底部 　　一个页面通常也会面添加多个Javascript文件，其目的是为了给HTML网页增加动态功能的。而这样一来同样会降低网站的权重和响应速度。为此，开发者应该精简、优化这些Javascript文件。 　　对于这一点开发者有一些认识，可怎样才能解决这一问题呢？最好解决方法就是把Javascript代码放在HTML文档底部接近/body标签的地方。这样就有利于浏览页面的速度加快人，让用户有一个好的体验度。 　　推荐阅读：Web性能优化系列：10个提升JavaScript性能的技巧 　　5、善用标题元素 　　Web开发者在建设页面时，为了用户更加关注页面的重点部分，于是善用标题元素，用h1 到 h6来突出页面的重点内容。如下例： 　　h1This is the topmost heading/h1 h2This is a sub-heading underneath the topmost heading./h2 h3This is a sub-heading underneath the h2 heading./h3 　　6、在合适的地方使用合适的HTML标签 　　灵活运用HTML标签是开发者构造规范内容结构的关键。总的来说，注意的地方许许多多，唯一的重点就是--在合适的地方使用适当的标签。所以，在开发Web时不要错乱用标签。例如： 　　p标签是运用到文章段落地方，h标签是运用于标题字体最大小的地方，em标签是用来强调重点内容。 　　7、避免滥用div标签 　　div标签就是区域标记，起到的作用是让内容摆放的位置，如：文字、图画、表格等等。但是不是所有的块元素都适合用div标签来创建。 　　8、使用列表创建导航 　　一个网页，怎样让顾客有一个好够印象？得有一个美观的导航菜单，那么怎样创建美观的导航菜单？可以使用列表创建美观的导航菜单。 　　9、别忘了封闭标签 　　Web开发课程里，HTML结构编写尤为重要，也要按照标准来编写标签，而标签应该被封闭。如果忘记标签封闭，就会导致一些浏览器会出现显示不正常的问题。 　　10、标签小写语法 　　HTML编写时标签应该输写小写语法，虽然大写语法对页面的显示影响不大，但是代码的代码的可读性很差。如此代码的可读性就非常的差。 　　DIV IMG src=images/demo_image.jpg alt=网站编码 Web开发者 Web开发 / A HREF=# TITLE=click hereClick Here/A Psome sample text/P /DIV 　　推荐阅读：Web程序优