那些年“被掩埋的表格”
- 编辑时间: 2014-09-03 21:08:00
- 浏览量:
- 作者:
最近也有不少人问我关于表格个方面的问题,今天就简单的跟大家一起分享“被掩埋的表格”这个话题。想必接触过网页制作的人都知道,曾经辉煌一时的“表格布局”,现在已经渐渐的被“div+css”布局取代了。为什么呢?接下来我们一起来看看这两者的特点:
div+css布局:用“div+css”布局,第一:打开网页速度快。第二:代码清晰,利于网站维护。
Table布局(表格布局):第一:加载速度相对于“div+css”慢。第二:维护起来很麻烦,不利于优化。
根据以上两者的特点来看,毫无疑问“div+css”布局才是现在的主流。
那么有人会问:那表格我们还要不要学?
学是一定要学的,只要掌握其中的原理就行,现在表格基本在网页中只是起“陪村”作用!虽然说现在表格不是主流布局了。但里面的知识点还是要知道的。下面就跟大家分析下此图的布局原理
根据上图所示:
1.课程表看上去虽然属于表格之外,实际上不是。它是表格的表头(也可以称为标题)用<caption></caption>标签来写。
2.标题一般用<th></th>标签来写。但是这里考虑到要合并单元格(跨列),所以要用到“colspan”这个属性。简单点说,就是合并td。(跨行)用
到“rowspan”属性。
3.布局代码如下:
<table cellpadding="0" cellspacing="0">
<caption>网页制作VIP第五期系统学习课程摘要</caption>
<tr>
<th clospan=”2”>CSS+DIV/HTML5,css3/项目实战/动态网站/手机版网站开发/SEO代码优化</th>
</tr>
<tr>
<td>第一章</td>
<td>互联网</td>
</tr>
<tr>
<td>第二章</td>
<td>html</td>
</tr>
</table>
写在最后:在我们20岁的时候用30岁的认真和心态来做事,当我们30岁的时候就能享受到别人40岁的成果。加油!!想成功就得付出不亚于常人的努力。
本文由段亮博客原创 如需转载
请注明出处:http://www.duanliang920.com/learn/web194.html
写文章不易,如果您觉得文章对你有帮助。
打赏激励下作者吧,谢谢支持! ~(@^_^@)~!
微信打赏
支付宝打赏