为什么要使用DIV+CSS布局,它的优势优势及注意事项
WEB2.0概念的提出,越来越多的网站开始使用DIV+CSS布局网站,那么什么是DIV+CSS,它又有什么优势,使用DIV+CSS布局又有什么应该注意的事项呢?
相对传统的表格布局,DIV+CSS优点如下:
1.缩减页面代码,加快解析速度,提高网页浏览速度,减少带宽成本;
1、DIV+CSS最大的优点就是为网页代码减肥,大大提高了浏览速度。
2、DIV+CSS布局拥有表格不能做到的清晰的逻辑结构,既增加了编辑者对代码的可读性,同样更利于被搜索引擎抓取,利于对网站进行SEO优化。
3、DIV+CSS布局的网站很容易就能做到网站重构,只要修改相应的CSS文件,整个网站就能焕然一新。
当然DIV+CSS布局的优势还有很多很多,如果你使用过传统的表格布局网页,现在开始改用DIV+CSS布局,你就能发现它所有的好处。
下面是对在DIV+CSS网页布局中常用的标签,以及使用方法。
h1:标题时使用:默认在各浏览器中的显示不一样,在样式中统一规定。
h2:副标题使用最多,但有些地方需要定义栏目样式的话,用这个标签比较合适,栏目内容就使用p
ul li:列表标签;定义导航,新闻列表,图片列表。
Span:在布局上能带来不少的方便,因为它不是块级元素。
img:常见的图片属性
p:段落使用的标签
注意:在这里提醒一下对DIV+CSS布局不够熟悉的人士,在使用DIV+CSS时,不能使用原有表格布局的思维方式,DIV+CSS之所以精简就是因为抛弃了原先表格嵌套的缺点,DIV+CSS布局完能解决这个问题,只要一个层次就能表现出复杂的形式。鹤壁易鹤通网络科技是完全抛弃了表格布局,完全使用DIV+CSS布局的鹤壁网络公司,我公司制作的网站符合WEB2.0标准,在访问速度和页面美工方面都非常完美!我们是鹤壁网站设计和网站推广专家!
标签:
转载:为什么要使用DIV+CSS布局,它的优势优势及注意事项 来源:http://www.e0392.com/e0392/news/2012-1-11/170.html 易鹤通科官方网站 http://www.e0392.com