首先,我道歉,这可能是一个基本问题,我尝试搜索其他主题的答案,但我仍然不确定。
我提交了一个项目,我需要使用bootstrap构建一个基本的投资组合页面。我丢失了以下代码行的分数:
< div class =“container”> “你需要添加语义标签。一个语义元素清楚地描述了它对浏览器和开发人员的意义。你可以在这里阅读更多内容:http://www.w3schools.com/html/html5_semantic_elements.asp”
我理解为什么我们应该使用语义标签,但是如果我将类从容器更改为其他任何东西,它将调整页面上的所有边距。我的理解是bootstrap识别出“容器”并自动将引导属性应用于其子代。
我做错了吗?或者我只是应该制定一个css规则,将边距应用于我更改容器的任何内容?
任何帮助都会非常感激,像这样的错误会与其他项目混在一起!
答案 0 :(得分:3)
我相信你会轻微地混淆标签和类:<div>
是一个标签 - 更具体地说是一个元素 - 而.container
是一个类。您可以将.container
类放在您想要的任何元素上。
<p class="container"></p>
对于类名没有明确的规则,因此它们实际上不是语义或SEO的一部分。一般的建议是,他们只是描述元素,而不是风格。
无论您在何处提交项目,最有可能希望看到<section>
,<article>
,<aside>
或其他HTML5纯语义元素,这些元素可能是也可能不是正确的语义 - 取决于它里面的内容,以及相对于标记其余部分的位置。
一般来说,.container
类通常应用于Bootstrap中的泛型元素,而<div>
通常是完全合理的。
另一件需要考虑的事情是,w3schools是一种历史上低质量的网络信息来源,通常是一个很好的迹象表明任何人链接到它并不是很了解网络。我建议你开始阅读MDN上的教程和文章,你会更快地学习。