常见的 HTML 块级元素包括:
<div>
:用于创建一个块级容器,通常用于组织页面结构和样式。<p>
:用于表示段落文本。<h1>
-<h6>
:用于表示标题,数字越大表示级别越低。<ul>
:用于表示无序列表。<ol>
:用于表示有序列表。<li>
:用于表示列表项。<table>
:用于表示表格。<form>
:用于表示表单。<header>
:用于表示页眉部分。<footer>
:用于表示页脚部分。<section>
:用于表示文档中的一个部分。<article>
:用于表示独立的内容块,如一篇文章或博客帖子。
常见的非块级元素包括:
<span>
:用于在行内文本中创建一个小的样式化容器。<a>
:用于创建超链接。<strong>
:用于表示强调文本,通常会显示为粗体。<em>
:用于表示强调文本,通常会显示为斜体。<img>
:用于插入图像。<input>
:用于创建表单输入字段。<button>
:用于创建按钮。<label>
:用于标签表单元素。<span>
:用于在行内文本中创建一个小的样式化容器。<br>
:用于插入换行符。<select>
:用于创建下拉框。<textarea>
:用于创建文本域。
非块级元素分类:
-
行内元素(Inline Elements):
-
<span>
:用于在行内文本中创建一个小的样式化容器。 -
<a>
:用于创建超链接。 -
<strong>
:用于表示强调文本,通常会显示为粗体。 -
<em>
:用于表示强调文本,通常会显示为斜体。 -
<img>
:用于插入图像。 -
<input>
:用于创建表单输入字段。 -
<button>
:用于创建按钮。
-
-
内联块级元素(Inline-block Elements):
-
<div>
(当设置为display: inline-block;
时):可以在同一行内显示,但具有块级元素的特性。 -
<span>
(当设置为display: inline-block;
时):可以在行内显示,但具有块级元素的特性。
-
-
空元素(Void Elements):
-
<img>
:用于插入图像。 -
<br>
:用于插入换行符。 -
<input>
:用于创建表单输入字段。 -
<meta>
:用于定义关于HTML文档的元数据。
-
-
替换元素(Replaced Elements):
-
<img>
:用于显示图像。 -
<input>
:用于创建各种类型的表单输入字段。 -
<iframe>
:用于嵌入另一个HTML页面。
-