那些年“被掩埋的表格”

  • 编辑时间: 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      

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

微信打赏 微信打赏

支付宝打赏 支付宝打赏

表情
0 条评论 最热评论 最新评论
  • 亲,暂时没有评论哦!赶紧来留下你的脚印吧!

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

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

最新推荐
loading... 数据加载中...

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