使用HTML5标签有什么好处，例如<article>，<section>，<figure>，<header>，<footer>，<nav>？

Question

HTML5中有一些语义标签，如<article>, <section>, <figure>, <header>, <footer>, <nav>。 我为什么要使用它们，而不是<div>或<span>？有优化吗？

Answer 1

<强>可读性

当人们使用＆＃34;你只是在争论语义！＆＃34;作为论证中的辩护，它意味着暗示他们试图用不同的方式说同样的话。虽然这里是一个 ok 参数，但它并不一定正确。

使用更多语义的html标签将使您的HTML更具可读性和清晰度，同时还允许您拥有与标签相关的特定CSS，而不一定需要div的自定义类。现在有人可能会争辩说你需要在类或标签中使用css，但在某些时候，每个程序员都有偏好。有些人写for (int i =0; i < count; < i++) {}，有些人写for (int i = count; i > 0; i--;) {}。

还值得一提的是，这些代码与<p>和<ul>类似，具有默认的CSS属性，具体取决于您的浏览器，因此您可以使用一些简单的样式来处理较新的页面那些标签，而不是从头开始用div创建所有东西。

在一天结束时，无论你帮助你编写最好的代码是你应该使用的。但请注意其他选项，因为您可能需要与偏好不同的人合作。

Answer 2

  

使用<article>，<section>等HTML5代码有什么好处，   <figure>，<header>，<footer>，<nav>？

HTML标记文档的结构。

告诉用户代理：

• 此元素是标题
• 此元素是段落
• 此元素是引用

理论上， 可以使用：

• <div class="heading">
• <div class="paragraph">
• <span class="quote">

但是，然后用户代理不知道（在任何级别）这些div和跨度代表什么。

出于这个原因，我们使用描述文档结构的元素。

标记的完整目的。除此之外，其他任何事情都不是。