gpt4 book ai didi

html - 短语内容和流内容有什么区别?

转载 作者:技术小花猫 更新时间:2023-10-29 11:38:55 25 4
gpt4 key购买 nike

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

流内容定义如下:

Elements belonging to the flow content category typically contain text or embedded content.

短语内容定义如下:

Phrasing content defines the text and the mark-up it contains. Runs of phrasing content make up paragraphs.

但是,文档给出的两者之间的区别很小,有人可以阐明短语内容和流内容之间的主要区别是什么吗?

最佳答案

最容易记住的方法是,如果它可以在一个句子中,那就是短语内容。

文本可以在句子中,所以它是短语。

一个强调位可以在一个句子中,所以它是措辞。

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

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

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

短语内容分为三类:

  1. 被视觉上替换的内容。 (例如,<img> 被替换为图像。
  2. 在运行中包含文本的内容。
  3. 提供有关运行中特定文本片段的元数据的内容。 (例如,<link>itemprop 一起使用时,而不是 <link> 中的 <head>,它定义了整个文档与链接到的资源之间的关系)。

流内容包括短语内容,但也包括 <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 后应该教的第一件事 <html><head><title>Hello</title></head><body><p>Hello World!</p></body></html>在文本编辑器中并在浏览器中打开它,“HTML 中有几个不同的元素”。在学习了每个元素的示例之前,它可能不会变得完全清楚,但是了解它很重要,因为很多事情否则就没有意义,并且它使简单的标记语言与易于内存的元素和属性,以及一堆乱七八糟的标签,你永远记不起验证器为什么说你做错了。

当然,您的 CSS 通常会遵循您的语义,默认值也会遵循它们(大多数可见的措辞内容是替换元素或 display: inline;,大多数其他流内容是 display: block; 或其他内容这显然与语义相关(例如 tr: {display: table-row;} )。

但由于 HTML 是您首先考虑语义的地方,因此在编写 CSS 时,您可以更多地关注渲染,并在一定程度上让自己摆脱这种担忧。当然,正确的语义通常不应该成为对 CSS 的限制,除了您显然想要一个有助于您的信息传达的视觉设计这一简单事实之外。

例如,仅仅因为 <p>被定义为“一个段落”,在我们的文化中,今天的段落通常排版为文本 block ,它们之间有垂直边距或第一行有缩进,但这并不意味着我们必须遵循该规则。我们可以像 here 这样的中晚期风格来布置我们的段落。段落一起运行,由 pilcrows 分隔。

并不是说您可能想要这样做,但您当然可以。因此,虽然好的 CSS 确实建立在元素的语义之上,但它也使我们摆脱了它们,因为我们不必为了让某些东西看起来(或听起来)像我们想要的那样而使用不正确的语义。

关于html - 短语内容和流内容有什么区别?,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/30233447/

25 4 0
Copyright 2021 - 2024 cfsdn All Rights Reserved 蜀ICP备2022000587号
广告合作:1813099741@qq.com 6ren.com