那些年“被掩埋的表格”

  • 编辑时间: 2014-09-03 21:08:00
  • 浏览量: 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

阿里云服务器优惠

写文章不易,如果您觉得文章对你有帮助。
打赏激励下作者吧,谢谢支持! ~(@^_^@)~!

微信打赏 微信打赏

支付宝打赏 支付宝打赏

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

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

站长推荐
loading... 数据加载中...

超低服务器价格,值得购买!

超低服务器价格,值得购买!