display：块属性用法

Question

我已经阅读了很多关于 display：block 属性的文章。它做了什么让你的元素表现得像段落标记或块元素一样准确。我担心的是那我们为什么不呢？只需使用段落标记，因为它已经是块级元素，我们也可以在其上使用 id（一次）和类（多次）属性。类似地观察很多CSS结构我发现，在第一行或第二行后，通常会完成。

header,section,nav,figure,..etc{
display:block;
}

同样的问题为什么不只是使用段落标记和有用的命名法来获取数字，导航，页脚和标题

。以下是我的解决方案

<p class="mainNavigation">   </p>
<p class="MainNavfigures">   </p>
<p class="footer">           </p>
<p class="bodyContent">      </p>

所以整个论点都是“当P已经存在时，为什么要发明更多标签？”

Answer 1

语义：

• mainNavigation不是段落
• MainNavfigures不是段落
• footer不是段落
• bodyContent可能是一个或多个段落，也包含其他内容。

...但您已在代码中告诉我们，这些项目中的每一项都是一个段落。

机器（搜索引擎！）阅读代码不会知道您的类名是什么意思，也不会知道如何处理您的内容。

阅读你的代码的人也会被混淆。

Answer 2

是的，除非有理由使用其他标记，否则请尽量使用已尽可能接近您想要的标记。 div标记通常更自然地用作通用块元素而不是p，因为段落默认具有边距。

有时候，没有可用的样式和标签。例如，如果您想要一个块标记的链接，则该链接不存在。您使用a代码并使用display:block设置样式。

出于搜索引擎优化的原因，您应该为某些事情使用某些特定元素。网络抓取工具只是期望在某些元素中找到一些东西。例如，页面上应该有一个h1标记，其中包含描述内容的标题。 h1元素是一个带有大而粗体文本的块元素，并且有很多边距，因此通常要对其进行样式化以适应布局。