QQ:4869887 - Email:sos0716#163.com hewei's rss

何为 > DIV+CSS > 正文

表格之标准化

今天无意中又学到一个东西,表格也能语义化,一般用表格都是这样的格式:

<table>
 <tr>
  <td>项目1</td>
  <td>项目2</td>
  <td>项目3</td>
 </tr>
 <tr>
  <td>内容1</td>
  <td>内容2</td>
  <td>内容3</td>
 </tr>
 <tr>
  <td>内容1</td>
  <td>内容2</td>
  <td>内容3</td>
 </tr>
</table>

今天学到表头,<th>,一般表格第一行的名称标题可以用<th>来写,其样式就是居中粗体。我们可以把上面的代码改进一下:

<table>
 <tr>
  <th>项目1</th>
  <th>项目2</th>
  <th>项目3</th>
 </tr>
 <tr>
  <td>内容1</td>
  <td>内容2</td>
  <td>内容3</td>
 </tr>
 <tr>
  <td>内容1</td>
  <td>内容2</td>
  <td>内容3</td>
 </tr>
</table>

这样标出表头就更有意义,还有一些标签,比如<caption>,标签可以为表格提供一个简短的说明,和图像的说明比较类似。使用的时候,<caption>标签一定要紧接着开始的<table>标签写,如下:

<table>
<caption>Table 1:表格说明</caption>
 <tr>
  <th>项目1</th>
  <th>项目2</th>
  <th>项目3</th>
 </tr>
 <tr>
  <td>内容1</td>
  <td>内容2</td>
  <td>内容3</td>
 </tr>
 <tr>
  <td>内容1</td>
  <td>内容2</td>
  <td>内容3</td>
 </tr>
</table>

 

  • 相关文章
返回顶部网友评论»查看所有评论

发表评论:(内容不能超过250字,需审核后才会公布,请自觉遵守互联网相关政策法规。)

您的昵称:验证码: 验证码查看所有评论

About Hewei.org

何为的博客。记录我的生活点滴,技术经验,奇思妙想。无聊的时候看看自己记录的思想,也是一种享受。

订阅何为的博客
  • ZhuaXia 订阅到抓虾
  • SouYo 订阅到沙发
信息检索 In Hewei.org
Hot标签
最新推荐主题
最新推荐专题
  • google adsense
  • firfox
  • 域名无忧
  • 在线交友
XHTML 1.0 StrictValid CSS 2.1
何为博客!意欲何为?大有作为!Copyright © HeWei.Org
皖ICP备06010916号