html - Section 标签不包含标题可以吗?

标签 html

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

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

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

最佳答案

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等

我发现文章中的页脚更有用,但通常如果我使用页脚,我也会使用页眉,通常您应该始终使用尽可能少的代码进行编码,并且您应该始终考虑将 Google 的代码片段作为某些 HTML5 的替代方案如果您想从中受益。

您应该考虑什么最容易为您的网站设置样式,例如,使用标题可以更容易使用而无需创建其他类。

关于html - Section 标签不包含标题可以吗?,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/14538341/

相关文章:

javascript - 当另一个元素滚动时动态滚动另一个元素

html - 在 Bootstrap 3 上使用 glyphicon 垂直居中 <a>

javascript - 使用位置 :relative in IE 使 tbody 可滚动

HTML CSS : Broken Table?

c# - 使用C#通过div中的内容获取div类

javascript - 从本地存储检索数据时如何将数据转换为不同类型

javascript - 内部 js 工作正常,但外部没有

html - .ttf 字体转换为 webfont 有奇怪的空间

javascript - 滚动条最初在 highstock 中不可见

javascript - 帧中断检测