表格元素及其他元素

表格元素

• 表格的各部分元素

1. 表格：table元素
2. 标题：caption元素
3. 分框：(1)表头：thead元素；(2)主体：tbody元素；(3)表尾：tfoot元素；
4. 框内子元素：(1)表格行：tr元素；(2)单元格——标题格：th元素、一般格：td元素。

• 样式及合并

• 边框折叠：

border-collapse：collapse；——会使相邻单元格的边框重叠

• 单元格合并

——给框内子元素加属性：

1. colspan=“   ”；——指几列单元格合并
2. rowspan=“  ”；——指几行单元格合并

注：现在，表格不再适用于网页布局，其原因：表格的渲染速度过慢。

---

其他元素

•  time元素

提供给浏览器或搜索引擎阅读的时间

• br元素

主要用于在文本中换行

•  hr元素

主要用于分割

• meta元素

用于搜索引擎优化（SEO）

• link元素

链接外部资源（CSS、图标）

rel属性：relation，表示链接的资源和当前网页的关系。

type属性：链接的资源的MIME类型。

链接外部样式：

<link rel="stylesheet" href="地址">

链接网站图标：

<link rel="icon" href="地址">
/*注意：图标的形式要为：XXX.ico。*/

• iframe元素

行盒，表示网页的嵌入

实现操作：在a链接的点击下，跳转相应网页框

1. 在a元素中设置target="name名"；
2. 在iframe元素中设置name="name名"及src=“网站地址”。

以上内容了解即可，总体篇幅较短。