行内元素和块级元素的区别

行内元素和块级元素是 HTML 中两种不同的元素类型，它们的主要区别在于它们在文档中的显示方式和默认的布局行为。

块级元素独占一行，自上而下垂直排列，可以设置宽度、高度、内外边距等属性。常见的块级元素有 `<div>`、`<p>`、`<ul>`、`<ol>`、`<h1>` ~ `<h6>` 等。

行内元素不会独占一行，水平排列，通常只占据它所在文本流中的空间。常见的行内元素有 `<a>`、`<span>`、`<img>`、`<strong>`、`<em>` 等。

需要注意的是，HTML5 中新增了一些元素，如`<article>`、`<section>`、`<nav>` 等，它们可以看作是一种特殊的块级元素，但它们具有语义化的意义，有助于提高页面的可读性和可访问性。