一尘不染

措词内容和流内容之间有什么区别?

css

我是HTML和CSS的新手,我想知道流内容和短语内容之间的区别。除了W3官方文档之外,MDN文档也很有帮助,并指出:

流内容定义如下:

属于流内容类别的元素通常包含文本或嵌入的内容。

短语内容定义如下:

短语内容定义了文本及其包含的标记。措辞内容由段落组成。

但是,文档在两者之间几乎没有什么区别,有人可以说明措辞内容和流程内容之间的主要区别是什么吗?


阅读 618

收藏
2020-05-16

共1个答案

一尘不染

记住的最简单方法是,如果它可以放在句子中,它就是措辞内容。

文本可以放在句子中,所以它是措辞。

一个强调的一点可能是一个句子里面,所以它的措辞。

图像可以放在句子中,所以它是措辞。

子标题或文章不能放在句子中,因此它们没有措辞。

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

短语内容分为三类:

用视觉替换的内容。(例如被替换为图片。
运行中包含文本的内容。
提供有关运行中特定文本片段的元数据的内容。(例如,当与itemprop而不是一起使用时,定义文档整体与链接到的资源之间的关系)。
流内容包括措辞内容,还包括诸如

之类的元素,它们定义整个文本行,
其中包含一个或多个行,并且包含包含文本行的单元格行。

在高级CSS中,了解不同种类的内容,而不仅仅是了解其定义,或者了解某种类型的内容下的元素列表,以及为什么某些元素“为什么”属于某种类别,这一点至关重要在我的问题中,类似内容类别之间的主要区别是什么?“定相内容”和“流内容”之间的区别是什么?

我并不完全同意。

对于基本的HTML来说,了解这一点绝对至关重要。这是Hello

Hello World!

在文本编辑器中编写并在浏览器中打开它之后应该用HTML教的第一件事,并且“ HTML中有几个不同的元素”。直到人们了解了每个元素的示例之后,它才可能变得完全不清楚,但是要想一想,这很重要,因为很多事情否则就没有意义了,这使得简单的标记语言与易于记忆的元素和属性以及一堆乱七八糟的标签,使您永远不记得为什么验证者会说您做错了。

现在可以肯定,您的CSS通常会遵循您的语义,默认值也应遵循它们(大多数可见的措辞内容要么是元素的替换display: inline;,要么其他大部分流内容要么display: block;是与语义很明显相关的(例如tr: {display: table-row;})。

但是因为HTML是您首先考虑语义的地方,所以在编写CSS时,您可以将精力更多地集中在呈现上,并在一定程度上使自己摆脱这种担忧。当然,除了简单的事实,即您显然希望使用可视化设计来帮助您传达信息之外,正确的语义通常不应成为对CSS的限制。

因此,例如,仅因为

被定义为“段落”,而在我们的文化中,今天段落通常被排版为文本块,它们之间具有垂直边距或第一行有缩进,但这并不意味着我们必须遵循该规则。我们可以像在这里那样以中世纪晚期的样式布置段落,段落之间用pilcrows隔开。

并非您可能想要这样做,但您当然可以。因此,尽管好的CSS确实建立在元素的语义上,但它也使我们摆脱了它们的困扰,因为我们不必具有不正确的语义即可获得所需的外观(或声音)。

2020-05-16