网站制作采用DIV+CSS的优势及注意事项
优点如下:
1.缩减页面代码,加快解析速度,提高网页浏览速度,减少带宽成本;
2.CSS容易上手,可以很轻松地编写CSS;
3.表现和内容相分离。css样式单独放在一个文件夹中;
4.Table 布局灵活性不大,只能遵循 table tr td 的格式。而div可以 div ul li 也可以 ol li 还可以 ul li只要控制一下样式表现可以完全一样;
5.结构清晰明了,容易被搜索引擎抓捕,利于seo的优化;
6.方便改版,只要修改相应的CSS文件就重新设计了一个站点;
7.以前一些非得通过图片转换实现的功能,现在只要用CSS就可以轻松实现,从而更快地下载页面;
8.可以轻松地控制页面的布局 。
9.Table 中布局中,垃圾代码会很多,一些修饰的样式及布局的代码混合一起,很不直观。而Div更能体现样式和结构相分离,结构的重构性强;
10.可以将许多网页的风格格式同时更新,不用再一页一页地更新了。可以将站点上所有的网页风格都使用一个CSS文件进行控制,只要修改这个CSS文件中相应的属性,整个站点的所有页面就都会发生变动了;
顺便说下在布局中最常用的标签
h1
标题时使用:默认在各浏览器中的显示不一样,在样式中统一规定。
ul li
列表标签;定义导航,新闻列表,图片列表。
span
在布局上能带来不少的方便,因为它不是块级元素。
h2
副标题使用最多,但有些地方需要定义栏目样式的话,用这个标签比较合适,栏目内容就使用p
img
常见的图片属性
p
段落使用的标签
注意:
使用合适的标签布局,不能像Table一样用DIV+CSS,无穷尽的嵌套,其效果与Table设计没有两样,并不会带来搜索引擎的优化效果,反而会增加页面的负担;