2.2 HTML块和内联(Block and Inline)

HTML的两种主要元素类型。

原文章： https://marksheet.io/html-block-inline.html

1. 块和内联元素 block elements & inline elements

在HTML中，你主要会遇到2种类型的HTML元素。

• 块状 block 元素，如

  • 段落<p>
  • 列表：无序列表（带圆点） <ul> 或有序列表（带数字） <ol>
  • 标题：从第1级标题<h1>到第6级标题<h6>
  • 文章<article>
  • 章节<section>
  • 块引用<blockquote>

• 内联 inline元素，如

  • 链接<a>
  • 强调<em>
  • 重点<strong>
  • 短引用<q>
  • 缩略语<abbr>

块状元素是为了结构化你的页面的主要部分，通过将你的内容分成连贯的块状。

内联元素是用来区分文本的一部分，赋予它特定的功能或意义。内联元素通常由一个或几个字组成。

<p>您是否看过Bilibili上的这个<a href="https://www.bilibili.com/video/BV1y4411q7mf/">令人惊叹的视频？</a></p>

效果：

您是否看过Bilibili上的这个令人惊叹的视频？

2. 起始和结束标签

所有的块级元素都有一个起始和结束标签。

因此，自闭式元素是内嵌式元素，只是因为它们的语法不允许包含任何其他HTML元素。

	有起始和结束标记	自闭式 Self-enclosing
块元素	<p> </p> <ul> </ul> <ol> <ol>	无
内联元素	<a> </a> <strong> </strong> <em> </em>	<input> <br> <img>

3. 其他类型的HTML元素

有几个除块状元素和内联元素之外但你会比较常遇到HTML元素：

• 列表项<li>
• 表，表行，表单元格分别为<table>、<tr>和<td>。