Question

在<section>，<header>，<article>和<footer>元素上使用CSS有什么缺点吗？我刚才读到这些元素不适合造型，但我找不到源代码，我想不出不使用它们的理由。

我的新网页布局使用了很多这些元素，现在我尽量避免给它们提供类或标准CSS，但我无法想到我为什么不应该这样做（除了在某处阅读）。< / p>

让我举一个我用的例子：

<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中，li中有一个与现在显示的文章相同的文章。例如，标题（在文章中）总是白色的，并且页脚总是包含一个读取更多链接（至少是一个退出链接）。 p是内容。

我问这个的原因是因为我在页眉内部设置了h1样式，并且在页脚内部设置了锚点，但是如果我只是设置标题本身就可以删除h1。

Answer 1

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

例如，<footer>不必在其所在的每个页面上实现默认的视觉样式;因此CSS可以根据您的需要制作样式（给定您的应用程序）。请记住，出于某种原因，它被称为<footer>，并且不应包含应位于<p>或<article>中的内容。

Answer 2

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

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

Answer 3

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

完全没问题，你只需要记住它。

最后，这一切都取决于你想要达到的目标和最简单的方法。

将样式应用于html 5元素

3 个答案: