我正在开发一个实现Disqus评论的博客,我正努力尽可能多地使用HTML5语义标记.
这是一个例子<article />(本身在a中<section />),非常简单:
<article class="post">
<header>
<h2>Title</h2>
<p class="posted-on">Posted on <time datetime="2012-07-28T13:00:24+01:00">July 28th 2012</time>.</p>
</header>
<p>Lorem ipsum dolor sit amet...</p>
<p>Lorem ipsum dolor sit amet...</p>
<!-- blog comments -->
</article>
Run Code Online (Sandbox Code Playgroud)
有了上面的结构,我不确定在哪里整合文章的评论.
<footer />显然不合适("页脚元素不是分段内容;它不会引入新的部分.")<iframe />包含注释小部件,所以a <p />似乎也不合适.我是否过度思考语义标记的事情:最好只是坚持下去<div />而不担心它?
我只是混淆了如何在HTML5中使用<article>和<section>标记.
我在Google和Stack Overflow网站上引用了很多.
在那,我发现HTML5页面<section>包含<article>元素和<article>包含<sections>元素的元素.
我还发现了<section>包含<section>元素的元素和<article>包含<article>元素的元素.
这些标签的确切用途是什么?