那些年“被掩埋的表格”

  • 编辑时间: 2014-09-03
  • 浏览量: loading
  • 作者: 段亮

  最近也有不少人问我关于表格个方面的问题,今天就简单的跟大家一起分享“被掩埋的表格”这个话题。想必接触过网页制作的人都知道,曾经辉煌一时的“表格布局”,现在已经渐渐的被“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      

如果您觉得文章对你有帮助,可以进行打赏。
打赏多少,您高兴就行,谢谢您对段亮这小子的支持! ~(@^_^@)~

微信扫一扫 微信打赏

支付宝扫一扫 支付宝打赏

上一篇:没有了
下一篇:网页制作基础教程(一)
评论列表(网友评论仅供网友表达个人看法,并不表明本站同意其观点或证实其描述)
  • 段亮自媒体博客
    2015-03-30 18:25:14发表

  • 919039559
    2015-03-30 16:51:35发表

    写的真不错,支持楼主 http://www.yuezt.com

  • 韩卿
    2014-06-13 14:59:05发表

    在看这篇文章,写的蛮好,你的总结说的非常好

你也想建立一个独立博客?

你是否也想打造一个在互联网上的个人品牌,成为一个家喻户晓的人物呢?
请点击了解 怎样创建个人博客