Question

我想知道是否可以让section标签内部没有标题标签。我看了几个例子，他们都有标题标签。

我目前为section标签实现的结构是：

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

Answer 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/

Answer 2

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等。

文章中的页脚我觉得更有用但通常如果我使用页脚我也使用标题，通常你应该总是用尽可能少的代码进行编码，你应该总是考虑Googles片段作为HTML5的替代品如果你想从中受益。

您应该考虑最简单的网站样式，使用标题可以更容易使用而不需要添加其他类。

Section标签不包含标题是否可以？

2 个答案: