0

下面的代码在语义上是否正确？我认为我最大的困惑是文章中需要部分

文章：HTML 元素表示文档、页面、应用程序或站点中的自包含组合，旨在独立分发或可重复使用，例如在联合中

Section：HTML Section Element () 表示文档的通用部分，即内容的主题分组，通常带有标题。

在我的情况下，我认为文章部分是自包含的信息块，而该部分是有关该标题的通用信息。那有意义吗？

<!DOCTYPE html>
 <html>
 <head>
  <Title>Anthonys Personal Profile</Title>
  <link rel="stylesheet" href="css/styles.css">   
 </head>
 <body>
  <article>
   <header>Personal Profil</header>
   <section>
    <p>Role</p>
    <p>Education</p>
    <p>Major</p>
    <p>Residence</p>
  </section>
</article>
<article>
  <header>Key Skills</header>
  <section>
    <p>Development</p>
    <p>PM</p>
    <p>Performance</p>
    <p>Agile</p>
  </section>
</article>

4

2 回答 2

1

更正：

我站得更正了。我在下面链接到的规格不包含示例，但是此处包含一个示例：

<article>
 <header>
  <h1>Apples</h1>
  <p>Tasty, delicious fruit!</p>
 </header>
 <p>The apple is the pomaceous fruit of the apple tree.</p>
 <section>
  <h1>Red Delicious</h1>
  <p>These bright red apples are the most common found in many
  supermarkets.</p>
 </section>
...
</article>

清楚地表明我原来的解释是不正确的。HT @cilerler。

总而言之，section可用于细分例如以下的部分，h1包括h1.

虽然根据这篇文章有灵活性。一篇不错的文章，其中包含注意事项。

以下是今天早上对我有意义的事情：

原来的：

您还需要关闭<section>标签，即：

<section>
.....
</section>

SO上有几个关于这个的问题：

这个问题非常接近你的问题 如何在 HTML5 中正确使用“section”标签？

这一篇解释了应该使用标签的场景 在什么场景中你使用html 5的<section>标签来代替<div>？

从那里引用：

章节的示例包括章节、选项卡式对话框中的各种选项卡式页面或论文的编号章节。网站的主页可以分为介绍、新闻和联系信息的部分

section 元素表示通用文档或应用程序部分……section 元素不是通用容器元素。当需要一个元素来设置样式或方便编写脚本时，鼓励作者改用 div 元素。

所以我的理解是section标记高级部分，而例如引用中提到的单个新闻项目可以标记为articles。

编辑：好的，来自官方规格：

http://dev.w3.org/html5/html-author/#the-section-element

section 元素表示通用文档或应用程序部分。在这种情况下，节是内容的主题分组，通常带有页眉和可能的页脚。

http://dev.w3.org/html5/html-author/#the-article-element

article 元素表示文档、页面或站点的独立部分。这可以是论坛帖子、杂志或报纸文章、博客条目、用户提交的评论或任何其他独立的内容项目。

虽然这至少对我来说远非完全清楚，但我会说意图是section高于article. 我的这个声明也部分基于官方规格的结构，section直接位于身体下方，然后是article：

4.3.4 Sections

    4.3.4.1 The body element
    4.3.4.2 The section element
    4.3.4.3 The nav element
    4.3.4.4 The article element
    4.3.4.5 The aside element
    4.3.4.6 The h1, h2, h3, h4, h5, and h6 elements
    4.3.4.7 The header element
    4.3.4.8 The footer element
    4.3.4.9 The address element
    4.3.4.10 Headings and Sections
于 2013-09-10T21:29:26.460 回答
1

以下 3 篇文章很好地概述了 HTML5 语义块的使用：

于 2013-09-10T21:41:20.303 回答