-1

<section>在、<header>和元素<article>上使用 CSS 有什么缺点吗？<footer>不久前我读到这些元素不适用于样式，但我找不到来源，我想不出不使用它们的理由。

我的新 Web 布局使用了大量这些元素，现在我尽量避免给它们类或标准 CSS，但我真的想不出我为什么不应该这样做（除了在某处阅读）。

让我展示一个我使用的例子：

<body>

    <header>
        Header of the page
    </header>

    <div class="wrap">

        <div class="content-list">
            <article>
                <header>
                    <h1>Article title</h1>
                </header>
                <p></p>
                <p></p>
                <footer>
                    <a href="#">Read more</a>
                </footer>
            </article>
        </div>

    </div>

    <footer>
        Footer of the page
    </footer>

</body>

有时在带有 content-list 类的 div 中有一个 ul，其中 li 的文章与现在显示的一样。例如，标题（在文章中）总是白色的，而页脚总是包含一个阅读更多链接（至少是一个退出链接）。p 是内容。

我问这个的原因是因为我在页眉内设置 h1 和在页脚内设置锚点，但如果我只是设置页眉本身的样式，h1 可能会被剥离。

4

3 回答 3

1

<section>, <header>, <article>, <footer>（以及其他 HTML5 标签）具有规范的含义，但这并不意味着您不能设置它们的样式。

例如， A<footer>不必在其所在的每个页面上都实现默认视觉样式；因此，CSS 发挥作用，让它按照你想要的方式设置样式（给定你的应用程序）。请记住，它被称为 a<footer>是有原因的，并且不应该包含应该在 a <p>or中的内容<article>。

于 2013-07-26T12:28:09.790 回答
0

嗯，要记住的主要事情是 css 级联，并且您正在为标签设置规则，这些标签是其他元素的父级。

完全没有问题，你只需要记住这一点。

最后，这一切都归结为您要实现的目标以及实现目标的最简单方法。

于 2013-07-26T12:29:43.553 回答
0

<section>使用带有, <header>, <article>,的 css 没有缺点<footer>。这些是 HTML5 元素。这些元素的目的是使网站 SEO 友好。

<section>表示要开始的主要内容，<header>表示网站的标题部分，<aside>表示侧边栏或类似的东西，<footer>表示网站的页脚，<article>表示特定的内容块或段落。

于 2013-07-26T12:27:59.277 回答