我想知道是否可以让节标签在其中不包含标题标签。我看过几个例子,它们里面都有标题标签。
我目前为我的部分标签实现的结构是:
<section>
<article>
<div>
</div>
</article>
<article>
<div>
</div>
</article>
</section>
我想知道是否可以让节标签在其中不包含标题标签。我看过几个例子,它们里面都有标题标签。
我目前为我的部分标签实现的结构是:
<section>
<article>
<div>
</div>
</article>
<article>
<div>
</div>
</article>
</section>
目前的规范只说它通常有一个标题。没有什么说它需要一个。
资料来源:
http://www.w3.org/TR/html51/sections.html#the-section-element
http://developers.whatwg.org/sections.html#the-section-element
HTML5 不要求在文章元素中使用标题,但是如果您想发布其他详细信息(例如发布日期)以及您还可以在每篇文章中包含一个漂亮的页脚,它会很有用。
这将很有用:
<section>
<article>
<header>
<hgroup>
<h1>This is the Article Header</h1>
<h2>This is a tagline header</h2>
</hgroup>
<time class="dtstart" datetime="2011-10-05T09:00Z">9am Oct 5th</time>
</header>
<div>
<p>This is the content</>
</div>
<footer>
<p>Article Authored by Username<br>
Twitter Link<br>
Google Plus Author Link</p>
</footer>
</article>
通过使用上面的代码,您可以在几乎不添加任何类的情况下为网站设置样式,因为您网站的主要页眉和页脚不会包含在一个部分中,或者至少我希望您没有它。
因此,无需制作额外的类(例如非常友好的代码)就可以设置文章页脚和页眉以及其中的所有其他内容
article header h1 {font-size:20px;}
article header h2 {font-size:12px;}
article div h1 {font-size:36px;}
article div h2 {font-size:26px;}
article footer {font-size:12px;}
article time {fonts-size:9px;}
article hgroup {padding:20px;}
section article {padding:20px;}
请注意,使用上面的代码不需要创建类,它非常棒且非常灵活。这不会有用:
<section>
<article>
<header>
<h1>The Header</h1>
</header>
<div>
<p>I am the content</p>
</div>
</article>
</section>
使用 HTML5 的说明非常模糊,很多人都认为是否应该在文章中使用标题,但如果您有很多内容要粘贴在标题中,例如发布日期、作者、多个 H1、和 H2 等。
我发现文章中的页脚更有用,但通常如果我使用页脚,我也会使用页眉,通常你应该始终使用尽可能少的代码进行编码,如果你愿意,你应该始终考虑使用谷歌片段作为某些 HTML5 的替代品从中受益。
您应该考虑最容易为您的网站设置样式的因素,例如,使用标题可以更容易使用,而无需制作额外的类。