多一份选择，总有益处，定制专属方案
今天小编来说一下网站建设中网站头部的优化技巧，对于一个刚刚学网站建设的人来讲很多的代码都是不规范的，不是说代码的不对，很多功能其实也都能实现，但是真正是否做到了优化，那就另当别论了，特别是应届生在学校接收到的知识可能只是简单表面的东西，很少会接触或者考虑到优化的问题，今天小编就网站头部优化的问题做了一个小小的归纳，希望能够帮助到大家吧！ 我们通常做网站的时候，当然我在学校里学到的也是这样写的，在div+css布局中，一般都这样来整体构架的： <div id="header"></div> <div id="center"></div> <div id="footer"></div> 而对于header部分，肯定要显示网站标题，除了显示网站标题外，还可能要显示其他比较重要的对象，比如网站的导航栏： <div id="header"><BR><div id="title">这里是网站的标题</div> <div id="nav">这里是网站导航栏</div><BR></div> 很多人一般都这样写的，包括当年的我，当然这样写并没有什么语法错误。但对于沙漠风www.szweb.cn来说有个原则，那就是尽少的使用div的嵌套他的缺点和table一样： 1、对于用户：浏览器要消耗资源对嵌套的关系进行解析，影响速度； 2、对于搜索：搜索引擎对嵌套的层数可能有所限制。 3、这样写带给我们的可读性也不算太高。 那如何才是优化，科学的写法呢？我们选用其他的Xhtml代码来取代上面的div，那又如何选择呢？？ 先标题的选择——我们知道在xhtml中h1-h6是表示标题的，而header里的标题在全页来看是重要的，我们选择h1来表示标题是顺其自然的。 其次导航栏的选择——导航栏是由多个小块内容组成，我们选择无序列表 <ul><li></li></ul> 来表示菜单合适不过了！ 后以上的内容可以优化成： <div id="header"><BR><h1>这里是网站的标题</h1> <ul><BR><li>这里是网站导航栏</li> </ul><BR></div>
咨询相关问题或预约面谈，可以通过以下方式与我们联系
业务热线0755-83739159大客户专线158-1856-1755
22年建站服务经验
服务56家500强企业
服务298家上市企业
多项网站设计传播大奖
营销型网站建设专家
完备的项目流程管理体系
深圳网站建设公司地址：深圳市福田区车公庙创新科技广场一期A座11层
广州网站建设公司地址：广州市海珠区新港东路1068号中洲中心北塔1709 | 业务热线：0755-83739159
深圳市沙漠风网络科技有限公司 | 粤ICP备06108334号 © Copyright 2024 , ALL Rights Reserved szweb.cn
专家团队为您提供深圳网站建设,深圳网站设计,深圳品牌网站设计,深圳营销型网站制作等定制服务,深圳建网站就找沙漠风！ | 深圳网站建设哪家好？ | 深圳网站制作报价 | 网站建设地图 |
粤公网安备:440304020027764号
咨询
