html 消息流,html – 短语内容和流内容有什么区别？

最简单的方法是记住，如果它可以在一个句子内，它的内容。

文本可以在句子中，因此它是短语。

一个强调的位可以在一个句子内，所以它的措辞。

一个图像可以在一个句子内，所以它的措辞。

子标题或文章不能在句子中，因此它们不是短语。

一个link可以在一个句子里面，所以它的措辞。但是从HTML 5开始，还允许有一个包含整个文本块的链接，在这种情况下它不是短语。

词组内容分为三类：

>视觉上替换的内容。 (例如作为< img>被图像替换。

>在运行中包含文本的内容。

>提供运行中特定文本段的元数据的内容。 (例如，当在定义文档作为整体和链接到的资源之间的关系的< head>中使用itemprop而不是< link>时使用<

流内容包括短语内容，但也包括诸如< p>和< h1>其定义文本的整个运行，< article>其包含一个或多个运行和< table>其中包含包含一系列文本的单元格行。

It is very critical in advanced CSS to know the different kinds of content and not just the definition of it , or just the list of elements that come under a certain type of content , but also “Why” a certain element comes under a certain category and whats the major difference between similar content categories , in the case of my question , whats the difference between “Phasing content” and “Flow content”.

我不完全同意。

基本的HTML知道这一点是至关重要的。这是在写入< html>< head>< title>< / title>< / head>< body>< p> Hello World！< / p&gt ;< / body>< / html>在文本编辑器中，并在浏览器中打开它，“HTML中有几个不同的元素”。它可能不会变得完全清楚，直到一个人已经学习的元素是每个的例子，但得到一个人的头围是很重要的，因为很多东西只是没有意义，否则，它使一个简单的标记语言与容易记住的元素和属性和一个杂乱的汤标签，你永远不会记得为什么验证者说你做错了。

现在肯定，你的CSS将通常遵循你的语义，和默认值从他们也遵循(大多数可见的短语内容是一个替换的元素或显示：内联;大多数其他流内容是显示：块;非常明显地涉及语义(例如tr：{display：table-row;})。

但是因为HTML是你第一次关于语义的地方，所以在编写CSS的时候你可以更专注于渲染，并且在某种程度上免除你的注意。当然，正确的语义不应该通常成为对CSS的限制，而不是简单的事实，你显然需要一个可视化设计来帮助你的消息。

例如，只是因为< p>被定义为“一个段落”，在我们的文化段落今天一般排版为文本块，它们之间有垂直边距或第一行上的缩进，但这并不意味着我们必须遵循该规则。我们可以将我们的段落布局为晚中介风格，如here，段落由pilcrows分隔开。

不是你可能想这样做，但你肯定可以。因此，尽管好的CSS是建立在元素的语义上的，但是它也使我们免于它们，因为我们不必有不正确的语义，以便具有我们想要的外观(或声音)。