2

我想知道是否可以让节标签在其中不包含标题标签。我看过几个例子,它们里面都有标题标签。

我目前为我的部分标签实现的结构是:

<section>
    <article>
        <div>
        </div>
    </article>
    <article>
        <div>
        </div>
    </article>
</section>
4

2 回答 2

1

目前的规范只说它通常有一个标题。没有什么说它需要一个。

资料来源:

http://www.w3.org/TR/html51/sections.html#the-section-element

http://developers.whatwg.org/sections.html#the-section-element

http://html5doctor.com/the-section-element/

于 2013-01-25T21:46:09.830 回答
1

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 的替代品从中受益。

您应该考虑最容易为您的网站设置样式的因素,例如,使用标题可以更容易使用,而无需制作额外的类。

于 2013-01-25T22:23:52.117 回答