哪个是搜索输入的正确容器？跨度还是Div？

Question

根据MDN span，允许的内容为Phrasing content，div为Flow content。

我正在查看HTML生成的Facebook源代码，我注意到他们包含了＃34;找到朋友＆＃34;主要搜索输入位于span并标记为display:block。对我来说这似乎很荒谬，因为div是一个块级元素而span是内联的。

根据MDN：

  

<span>非常类似于<div>元素，但<div>是块级元素，而<span>是内联元素。

为什么他们不使用div？ span是一个更好的选择，因为它用于表达内容吗？或许这对他们来说不是什么大不了的事？

是否有理由将搜索input包裹在span与div之间？

Answer 1

内容的类型由页面中的排列决定 - 而不是通过其上使用的CSS类型。

此特定范围用于没有兄弟姐妹的<div>元素内。这清楚地说明了它所用的内容类型。

在这样的安排中使用display: block似乎非常合理。