我想改变
<section> <header>...</header> <p class="tweet">This is a tweet preview. You can... <em>6 Hours ago</em></p> </section>
进入
<section>
<header>...</header>
<article class="tweet">
<p>This is a tweet preview. You can... <time pubdate>6 Hours ago</time></p>
</article>
</section>
解决方法
了解文章和部分的重要内容是它们是分段元素。每个都遵循一个共同的模式
<sectioning_element>
<heading_or_header>
... the body text and markup of the section
<footer>
</sectioning_element>
页脚是可选的。剖面元素应该有一个“自然”标题。也就是说，应该很容易写出< h？>元素在部分/文章的开头，描述和总结部分/文章的全部内容，以使不在章节/文章内的页面上的其他内容不会被标题描述。
没有必要在页面上明确地包含自然标题，例如，标题将是不言而喻的，以及您不想显示的文体原因，但您应该能够轻易地说出来你是否选择包括它*
例如，一个部分可能有一个自然的标题“汽车出售”。很可能从本节内容中可以看出，该部分是关于要出售的汽车，显然这些标题将是冗余的信息。
< section>倾向于用于分组的东西。它们的天然标题通常是复数。例如“汽车出售”
< article>是为了内容单位。它们的自然标题通常是整个文本的标题。例如“我的新车”
所以，如果你没有对某些东西进行分组，那么在这个部分的页眉和页脚之间使用另一个截面元素就没有必要了，这是不正确的，你的正确标记将是
<article class="tweet"> <header>...</header> <p>This is a tweet preview. You can... <em>6 Hours ago</em></p> </article>
假设你可以找到一个自然的标题进入< header>元件。如果你不能，那么正确的标记是简单的
<p class="tweet">This is a tweet preview. You can... <em>6 Hours ago</em></p>
要么
<div class="tweet">
<p>This is a tweet preview. You can... <em>6 Hours ago</em></p>
</div>
