- 块级标签(block level element)默认情况下,块级元素会新起一行
- 在浏览器显示时,通常会以新行来开始(和结束)
- 一般块级元素可以包含行内元素和其他块级元素。这种结构上的包含继承区别可以使块级元素创建比行内元素更”大型“的结构。
- 在 HTML 中有以下块级元素:
标签 |
说明 |
<div> |
文档分区。 |
<p> |
文本行。 |
<h1> <h2> <h3> <h4> <h5> <h6> |
标题级别 1-6 |
<hr> |
水平分割线。 |
<form> |
表单。 |
<table> |
表格。 |
<tbody> |
用于组合 HTML 表格的主体内容,与 thead 和 tfoot 元素结合起来使用。 |
<tfoot> |
定义表格的页脚(脚注或表注)。该标签用于组合 HTML 表格中的表注内容 |
<thead> |
标签定义表格的表头 |
<th> |
定义表格内的表头单元格。 |
<tr> |
标签定义 HTML 表格中的行 |
<td> |
定义 HTML 表格中的标准单元格 |
<ul> |
无序列表。 |
<li> |
定义无序列表中定义条目描述。 |
<ol> |
有序列表。 |
<dl> |
自定义列表。 |
<dt> |
自定义列表标题。 |
<dd> |
自定义列表中定义条目描述。 |
<menu> |
标签用于上下文菜单、工具栏以及用于列出表单控件和命令 |
<optgroup> |
用于组合选项。当您使用一个长的选项列表时,对相关的选项进行组合会使处理更加容易 |
<option> |
定义下拉列表中的一个选项(一个条目) |
<address> |
联系方式信息。 |
<blockquote> |
块引用。 |
<fieldset> |
表单元素分组。 |
<legend> |
为 fieldset 元素定义标题 |
<pre> |
预格式化文本。 |
<iframe> |
创建包含另外一个文档的内联框架(即行内框架) |
<object> |
用于包含对象,比如图像、音频、视频、Java applets、ActiveX、PDF 以及 Flash。
object 的初衷是取代 img 和 applet 元素。不过由于漏洞以及缺乏浏览器支持,这一点并未实现 |
- 在 HTML5 中有以下块级元素:
标签 |
说明 |
<header> |
区段头或页头。 |
<nav> |
定义导航链接的部分 |
<footer> |
区段尾或页尾。 |
<aside> |
标签定义其所处内容之外的内容 |
<main> |
标签规定文档的主要内容 |
<section> |
标签定义文档中的节(section、区段)。比如章节、页眉、页脚或文档中的其他部分 |
<article> |
文章内容。 |
<details> |
标签用于描述文档或文档某个部分的细节 |
<figure> |
图文信息组 (参照 <figcaption>)。 |
<figcaption> |
图文信息组标题 |
<hgroup> |
标题组。 |
<dialog> |
定义对话框或窗口 |
<summary> |
标签包含 details 元素的标题 |
<svg> |
定义 SVG 图形的容器 |
<video> |
定义视频,比如电影片段或其他视频流。 |
<audio> |
标签定义声音,比如音乐或其他音频流 |
来自 <https://developer.mozilla.org/zh-CN/docs/Web/HTML/Block-level_elements>