表格元素及其他元素

表格元素

  • 表格的各部分元素

  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=“网站地址”。

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