html - Bootstrap 中的语义类

Question

首先，我很抱歉这可能是一个基本问题，我尝试搜索其他主题寻找答案，但我仍然不确定。

我提交了一个元素，我需要使用 Bootstrap 构建一个基本的投资组合页面。我因以下代码行而失分:

<div class="container">

You need to add semantic tags. A semantic element clearly describes its meaning to both the browser and the developer. You can read more here: http://www.w3schools.com/html/html5_semantic_elements.asp

我理解为什么我们应该使用语义标签，但是如果我将类从容器更改为其他任何内容，它将调整页面上的所有边距。据我了解，Bootstrap 识别“容器”并自动将 Bootstrap 属性应用于其子项。

我做错了什么吗？或者我是否应该制定一个 CSS 规则，将边距应用到我将容器更改为的任何内容？

任何帮助都将非常感激，这样的错误将随着进一步的元素而变得复杂!

Answer 1

我相信您稍微混淆了标签和类:<div>是一个标签 - 更具体地说是一个元素 - 和 .container是一个类。您可以放置​​ .container在任何你想要的元素上上课。

<p class="container"></p>

类名没有明确的规则，因此它们实际上不是语义或 SEO 的一部分。一般的建议是它们只描述元素，而不是样式。

无论您在哪里提交元素，最有可能希望看到 <section> , <article> , <aside>或其他一些 HTML5 纯语义元素，它们可能是也可能不是正确的语义 - 在某种程度上取决于它内部的内容，以及它相对于其余标记的位置。

一般来说，.container class 通常应用于 Bootstrap 中的通用元素，并且 <div>通常是完全合理的。

要考虑的另一件事，w3schools是网络信息的历史低质量来源，通常很好地表明链接到它的人对网络了解不多。我建议您开始阅读 MDN 上的教程和文章。 ，你会学得更快。