HTML

HTML 知识量:9 - 26 - 70

3.6 块元素和行内元素><

块元素- 3.6.1 -

块元素(block element)是HTML规范中的概念,也被称为块级元素。块元素在浏览器显示时,通常会以新行来开始(和结束)。块元素的基本特点包括:

  • 总是在新行上开始。

  • 高度、行高以及外边距和内边距都可以控制。

  • 宽度缺省情况下是其容器的100%,除非另外设定。

常见的块元素有 <address>(地址)、<div>(区隔)、<p>(段落)、<h1> 到 <h6>(标题)等。

内联元素- 3.6.2 -

内联元素(inline element)是HTML元素的一种分类,也被称为行内元素。这些元素不会独占一行,也不会强制换行,只占据它们对应标签的边框所包含的空间。常见的行内元素包括<a>(超链接)、<span>(文本容器)、<img>(图像)、<button>(按钮)等。

行内元素的特点包括:

  • 和其他元素都在一行上。

  • 高、宽、上下边距和左右边距不起作用。

  • 只能容纳文本或者其他行内元素。

虽然块元素和内联元素(inline element)在HTML规范中有基本的差异,但通过使用CSS控制,这些差异可以被覆盖。例如,通过给内联元素添加 display:block 属性,可以使其表现得像块元素一样;同样,给块元素添加 display:inline 属性,可以使其表现得像内联元素一样。