html内容类型与内联/块元素之间的连接

时间:2016-11-08 19:05:06

标签: html css

在html中,某些元素限制了它们允许的内容类型。一个示例是<summary>元素,其中内容必须是phrasing contentheading content的一个元素。这是有效的html:

<details>
   <summary><span>Foo</span></summary>
   ...
</details>

虽然这是无效的:

<details>
   <summary><div>Foo</div></summary>
   ...
</details>

由于<div>不是内容,也不是标题内容。

但是这个怎么样?

<details>
   <summary><span style="display: block">Foo</span></summary>
   ...
</details>

据我了解,这应该仍然是有效的html,因为<span>是短语内容,但由于display: block<span>元素的行为方式与{{1}相同会的。

不同类型的内容与<div> / inline元素之间是否存在任何关联,或者它们是完全不同的东西?

我是否希望浏览器在需要特定类型的内容时正确呈现内容,但该内容的样式与通常情况不同?

1 个答案:

答案 0 :(得分:1)

showPersonas(personas); static void showPersonas(object[] personsList) { for (int i = 0; i < personsList.Length; i++) { var algo = personsList[i]; Console.WriteLine(personsList[i].nombre); ----> ERROR!! } } 和语义之间没有联系,你选择如何显示这些元素 - CSS只是造型,可以做任何事情。语义标记(HTML)是一个完全不同的问题。并且这两者之间没有相关性,使elements完全有效。