发表于： 2019-09-13 22:05:22
1 1046
在准备小课堂~
<table> 标签定义 HTML 表格。
简单的 HTML 表格由 table 元素以及一个或多个 tr、th 或 td 元素组成。
tr 元素定义表格行，th 元素定义表头，td 元素定义表格单元。
div+css的布局较table布局有什么优点?
table优势：
容易上手，可以形成复杂的变化，简单快速，布置好表格之后，把内容放进去就可以了。
表现上更加“严谨”，在不同浏览器中都能得到很好的兼容
不用顾及垂直居中的问题，因为元素在表格中就是默认的垂直居中
缺点也是比较明显的
因为是一体的，不方便更换。
标签结构多，复杂，在表格布局中，主要是用到表格的相互嵌套使用，这样就会造成代码的复杂度更高，看起来更乱。
还有个表格布局，不利于搜索引擎抓取信息，直接影响到网站的排名。不知道是不是真的，还没接触过搜索引擎。
div+css布局
优点：
符合W3C标准的，结构清晰明了。
容易修改，比如修改单个元素块样式。
可以比较灵活的布局，能够通过样式选择来实现界面设计方面的更多要求。
增加网页打开速度，不想table需要一整块的加载。
缺点：
开发技术高，需要兼容各种浏览器，不如在谷歌上好好的，到IE浏览器就崩了。
CSS样式一般放在外部文件中，如果调用出现异常，有可能牵连到其他模块，导致整个网页崩溃掉。
明天的计划
进行编码实战感受下区别
返回列表
评论