首页技术文章正文

HTML元素类型：块元素和行内元素

更新时间:2021年07月02日15时58分来源:传智教育浏览次数:

HTML标签语言提供了丰富的标签，用于组织页面结构。为了使页面结构的组织更加轻松、合理，HTML标签被定义成了不同的类型，一般分为块元素和行内元素，也称为块标签和行内标签，了解它们的特性可以为使用CSS设置样式和布局打下基础。

1. 块元素

块元素在页面中以区域块的形式出现，其特点是，每个块元素通常都会独自占据一行或多行，可以对其设置宽度、高度、对齐等属性，常用于网页布局和网页结构的搭建。

常见的块元素有<h1>~<h6>、<p>、<div>、<ul>、<ol>、<li>等，其中<div>标签是最典型的块元素。

2. 行内元素

行内元素也称内联元素或内嵌元素，其特点是，不会占据一行，也不强迫其他的标签在新的一行显示。一个行内标签通常会和其他行内标签显示在同一行中，它们不占有独立的区域，仅仅靠自身的文本内容大小和图像尺寸来支撑结构，一般不可以设置宽度、高度、对齐等属性，常用于控制页面中文本的样式。

常见的行内元素有<strong>、<b>、<em>、<i>、<del>、<s>、<ins>、<u>、<a>、<span>等，其中<span>标签最典型的行内元素。

猜你喜欢：

JavaScript中修改元素内容怎样操作？

上一篇：HTML5文档头部相关标签怎样使用？ 下一篇：CSS结构与表现分离怎么实现？

最新资讯