在HTML中,"块"(block)通常指的是一种占据其父元素整个可用宽度的元素,并且在其前后会自动添加换行符(即,块级元素会独占一行)。块级元素是布局网页时的基本构建块,它们用于组织内容、创建分隔、以及控制页面上的空白和间距。
以下是一些常见的HTML块级元素:
-
标题元素:
<h1>
到<h6>
,用于定义不同级别的标题。 -
段落元素:
<p>
,用于定义文本段落。 -
列表元素:
<ul>
(无序列表)、<ol>
(有序列表)和它们的子元素<li>
(列表项),以及描述性列表的<dl>
(定义列表)、<dt>
(定义术语)和<dd>
(定义描述)。 -
分区元素:
<div>
和<section>
,用于将内容划分为不同的区块或章节。 -
头部和页脚元素:
<header>
和<footer>
,分别用于定义页面的头部和页脚内容。 -
导航元素:
<nav>
,用于定义导航链接。 -
文章元素:
<article>
,用于定义独立、完整的内容块,如博客文章或新闻故事。 -
侧边栏元素(虽然不是标准的HTML5元素,但通常通过CSS样式实现):
<aside>
,用于定义与主要内容相关的辅助内容。 -
表格相关元素:虽然表格本身(
<table>
)是块级元素,但表格内的行(<tr>
)、表头单元格(<th>
)和数据单元格(<td>
)并不是块级元素,而是表格特定的元素。然而,表格外部的容器(如<div>
)可以是块级元素,用于包裹和定位表格。
块级元素与内联元素(inline elements)形成对比,内联元素不会在其前后添加换行符,并且只占据其内容所需的宽度。常见的内联元素包括<span>
、<a>
(链接)、<img>
(图像)、<strong>
(加粗文本)和<em>
(斜体文本)等。
在HTML和CSS的布局中,块级元素和内联元素可以相互结合使用,以创建复杂且灵活的页面结构。通过CSS,你可以进一步控制这些元素的布局、样式和响应性,以适应不同的屏幕尺寸和设备。