No.11 HTML5--块元素和行内元素（内联元素）

一、元素分类

• HTML5出现之前，经常把元素按照块级元素和内联元素来区分。
• 在HTML5中，元素不再按照这种方式来区分，而是按照内容模型来区分，分为元数据型(meladataconient)、区块型(sectioningcontent)、标题型(heading content)、文档流型(fow content)、语句型(phrasingcontent)、内型(embedded content)、交互型 (interactive content)。
• 元素不属于任何一个类别，被称为穿透的，
• 元素可能属于不止一个类别，称为混合的。

•  虽然到了HTML5的版本，元素分类更细致了，但是这对初学者并不友好，所以我们仍然按照块元素和内联元素做区分，这对我们的布局起到了至关重要的作用。

二、块级元素和内联元素

2.1块级元素

• 块级元素在页面中独占一行，其宽度默认为100%，可以设置宽高，并且会自动换行。常见的块级元素包括<div>、<p>、<h1>至<h6>、<u1>、<o1>、<1i>等。这些元素通常用于组织和布局网页结构。

2.2内联元素

• 内联元素不会独占一行，其宽度仅包裹内容，无法直接设置宽高，相邻的内联元素会并排显示在同一行内，直到行满后才会换行。常见的内联元素有<span>、<a>、<img>、<strong>、<em>等。它们主要用于文本样式和链接的处理。

2.3 区别