欢迎来到DIVCSS5查找CSS资料与学习DIV CSS布局技术!
您的位置:DIVCSS5首页 > DIV+CSS基础 >

CSS基础必学列表

Div+css相对于table 的优势

Div css  :

Table + 属性: 结构 table tr  td    属性 表现 border  width  align 在同一个页面中,页面代码冗长,不利于维护,

不利于百度搜索引擎优化

Web2.0思想 用div css来设计和制作页面,新型的web设计标准,网页布局的时候,页面的结构和表现分离。

优势:

1.      用到的主要标记

Div  ul  ol li  span  dt

2.      结构和表现分离,使得代码便于维护

3.      精简代码,批量添加相同的属性,提高了网页运行效率

4.      提高了百度爬虫收录的效率

5.      提高了页面刷新速度,用户体验完美,用户感受好,使得网站在同类中在百度排名靠前

6.      Div css 结构清晰,单个页面代码减少,对搜索引擎友好

Table只是在做表格的时候才会使用

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">

<html xmlns="http://www.w3.org/1999/xhtml">

<head>

<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />

<title>无标题文档</title>

</head>

 

<body>

<div style="border:1px solid #F00;width:400px;height:400px">

      <div style="border:1px solid #0F0;width:100px;height:100px;">aaaa</div>

</div>

</body>

</html>

如需转载,请注明文章出处和来源网址:http://www.divcss5.com/rumen/r14113.shtml

我要分享到:

必备CSS教程 Essential CSS Tutorials

必备HTML基础教程 Essential HTML Tutorials

 

如对文章有任何疑问请提交到DIV CSS论坛,或有任何网页制作CSS问题立即到CSS论坛发贴求解 或 直接DIVCSS5网页顶部搜索遇到DIVCSS疑问。
CSS教程文章修订日期:2016-11-08 18:57 原创:DIVCSS5
本文www.divcss5.com DIVCSS5版权所有。