HTML5 中的 <table> 标签用于定义表格。表格是网页中一种用于组织和展示数据的常见方式。<table> 元素包含在表格的开始和结束标记之间的所有内容,包括表格的头部、主体和页脚。

以下是一个简单的表格示例:
<!DOCTYPE html>
<html>
<head>
  <title>表格示例</title>
</head>
<body>

<table border="1">
  <thead>
    <tr>
      <th>姓名</th>
      <th>年龄</th>
      <th>城市</th>
    </tr>
  </thead>
  <tbody>
    <tr>
      <td>张三</td>
      <td>25</td>
      <td>北京</td>
    </tr>
    <tr>
      <td>李四</td>
      <td>30</td>
      <td>上海</td>
    </tr>
  </tbody>
</table>

</body>
</html>

在这个例子中,<table> 元素用于创建一个包含表格的容器,border="1" 属性添加了表格的边框。表格包含了 <thead> 元素(表头)、<tbody> 元素(表体),每行由 <tr> 元素表示,每个单元格由 <th>(表头单元格)或 <td>(数据单元格)元素表示。

需要注意的是,表格标签的使用要符合语义,通常建议使用 <thead>、<tbody> 和 <tfoot> 等元素来区分表格的不同部分,以提高可读性和可访问性。


转载请注明出处:http://www.pingtaimeng.com/article/detail/3778/HTML5