Question

所以我对html5 section标签的使用感到有点困惑（或者更确切地说何时使用它）。在我网站的第一页上，我想提供网站提供的内容以及注册表单右侧的描述。我决定不妨使用html规范，所以有些事情仍然有点不清楚在哪里使用。

对于上述场景，可以使用：

<div>
     <div>description</div>
     <div>registerform</div>
</div>

或

<section>
     <div>description</div>
     <div>registerform</div>
</section>

或

<div>
     <section>description</section>
     <section>registerform</section>
</div>

我对标题标签的理解是正确的，因为你基本上会把你的横幅，导航和如果出现一个登录框放在那里？所以有些东西：

<header>
     <nav>
          <img src="mylogo.png" alt="my logo"/>
          <ul>
               <li>link1</li>
               <li>link2</li>
          </ul>
          <div id="loginbox"> <== or should this be section?
               //labels and inputfields
          </div>
     </nav>
</header>

我主要是一个后端程序员，但是一些新的html5内容看起来很有趣，所以任何帮助都会受到赞赏。

Answer 1

spec中描述的部分标记：

section元素表示通用文档或应用程序 section ... section元素不是通用容器元素。什么时候为了造型目的或为了方便起见，需要一个元素脚本编写时，鼓励作者使用div元素。

section标记是一个语义标记，用于表示页面的文字部分。在该部分中，您通常会有一个标题：

<section>
   <h1>First Section</h1>
   This is a section.
</section>

您对header标记的假设基本上是正确的。与section一样，header只是页面上更自然，更具描述性的元素分组。

标题代表一组介绍性或导航辅助工具。一个 header元素通常包含节的标题（h1-h6 元素或hgroup元素），但也可以包含其他内容，例如目录，搜索表单或任何相关徽标。

描述和注册彼此：div内部2个部分，1个部分2个div或？

1 个答案: