html - 行内元素 vs 短语元素 vs block 级元素

Question

我是网络编程新手，我可以知道内联级别元素与短语元素之间的区别吗？em 和 strong 它们是短语元素？但它们也是内联的吗，我不太明白其中的区别，

此外，如果您可以添加了解 block 级元素相对于内联元素、短语元素的重要性，

谢谢，

Answer 1

术语“短语元素”最后一次使用是在 HTML4.01 规范中，9.2.1 短语元素部分:

Phrase elements add structural information to text fragments. The usual meanings of phrase elements are following [followed by a list of phrase elements] (source).

它们作为行内元素呈现，它们不会形成新的内容 block 。在 HTML5 中，它们被重新定义为 phrasing elements .

对于 block 元素，请查看 CSS2.1 specification (section 9 Visual formatting model) :

Block-level elements are those elements of the source document that are formatted visually as blocks (e.g., paragraphs). The following values of the 'display' property make an element block-level: 'block', 'list-item', and 'table'.

所以 phrase 或 phrasing 更多的是语义属性，而 inline-level 或 block-level 是更多的渲染属性。大多数短语元素是行内元素，大多数流元素是 block 级元素。