HTML5 元素分类

（1）HTML5中的块元素

块元素（Block-level elements）是指在页面中以块的形式显示的元素。它们通常会独占一行或多行，并且可以设置宽度、高度、内边距、外边距等属性。

常用的块元素：

  • <div>：用于定义文档中的分区或节，常用于布局。
  • <p>：用于定义段落，适合显示大段文本。
  • <h1>-<h6>：用于定义不同级别的标题，其中<h1>是最高级别标题。
  • <ul>, <ol>, <li>：分别用于创建无序列表、有序列表和列表项。
  • <table>：用于创建表格。
  • <form>：用于创建表单。
  • <header>, <footer>, <nav>：分别用于定义页面的页眉、页脚和导航部分。
  • <section>, <article>：用于定义文档中的节或独立内容。

（2）HTML5中的行元素

行元素（Inline elements）是指不会独占一行的元素，它们会与其他元素在同一行显示，宽度由内容决定。

常用的行元素：

  • <span>：用于对文本的一部分进行分组或设置样式。
  • <a>：用于创建超链接。
  • <img>：用于插入图片。
  • <strong>, <em>：分别用于定义加粗文本和强调文本。
  • <b>, <i>：分别用于定义粗体文本和斜体文本。
  • <input>, <button>, <select>：用于创建表单控件。

（3）HTML5中既有块元素属性又有行元素属性的元素

这些元素被称为行内块元素（Inline-block elements），它们既具有行内元素的特性（不会独占一行），又可以设置宽度、高度等属性。

常见元素：

  • <img>：插入图片，可以设置宽高。
  • <input>：创建输入框，可以设置宽高。
  • <button>：创建按钮，可以设置宽高。
  • <select>：创建下拉列表，可以设置宽高。
返回主页