html5标签在现实世界中意味着什么

不久前，如果我构建了一个HTML4页面，我会使用div、span h1、h2、h3、strong、p，然后相应地设置css样式

为什么这些标签在这里

现在我想使用HTML5，我非常困惑，因为在做了一些研究之后，我发现有很多相互冲突的信息

从下面的标签开始，让我们说我的设计非常形象化

<section><nav><article><aside><header><footer><main>

---

在过去，我会像下面这样写我的html

 <div> <!-- large background image design -->

      <div><!-- large background title left --><h1>hello world</h1> <!-- large background image --><div>
      <div><!-- large background title right --><div>

    <img src="" alt="" />

    <h3>image description</h3><div><!--little image--></div>

    </div>

你好，世界
图像描述

现在这样编写代码正确吗（将外部div替换为一个节）

你好，世界
图像描述

你怎么知道应该使用什么标签

如果我像以前一样只使用div，这有关系吗

新标签真的增加了价值吗

你能给我指出一些容易理解的例子和解释吗

为什么我要使用这些新标签？它们真的增加了价值吗

列表项

我看到amazon.com仍然是HTML4

声称是html5的W3学校没有任何

或
标签->他们有div

或者：我读了很多，只是做了我认为正确的事情，并使用html5元素来构建我正在构建的东西？并根据

http://validator.w3.org/

HTML5部分，尽管它说的是实验性的

---

感谢您的建议

许多新标签将为您的文档提供语义和结构含义，即使您没有直接使用它们进行样式设置。这提高了文档的机器可读性。语义标记允许软件更有效地识别和分类文档的各个部分

例如，您可以使用一个列表或一组div来完成相同的任务，但列表具有语义含义—一组项目，而一组div则没有语义含义

---

将菜单包装在

中没有什么错，即使里面都是div或UL/LI。NAV只是将页面的该部分识别为导航元素，与页眉、页脚等相同。事实上，这些标记中的许多都来自印刷背景——用于描述杂志和报纸页面元素的术语。

1.您如何知道应该使用哪些标记

• 识别页面的页眉或部分的页眉并使用-tag
• 哪个部分表示页面的页脚或节的页脚？-用标签标记它

您现在可以使用标记来标记主要内容，而不是使用

• 从相关内容中找出不太相关的内容，形象地说，使用元素将其放在一边 诸如此类

4.你能给我指出一些容易理解的例子和解释吗？

---

在

上观看HTML5免费视频演示，感谢您的回复。它会影响搜索引擎优化吗？使用替代或代替它可能现在还不是，但随着这项技术得到更广泛的应用，搜索引擎肯定会比以前更加关注它的内容。

        <section> <!-- large background image design -->
          <header>
             <div><!-- large background title left --><h1>hello world</h1> <!-- large background image --><div>
             <div><!-- large background title right --><div>
          </header>

          <img src="" alt="" />

          <footer>image description<footer><div><!--little image--></footer>

        </section>