Question

我无法决定如何构建HTML文档以及如何放置标题标记

以下是我的页面结构

<html>
<head>
    <link rel="stylesheet" href="style.css">
</head>
<body>
    <header>
        <nav>
            //Logo and navigation using bootstrap code - site wide
        </nav>
    </header>
    <div>
        //bootstrap carouse
        <div>
            .....
            .....
            <!-- Wrapper for slides -->
            <div class="carousel-inner" role="listbox">
                <div class="item active" style="background-image: url('assets/ssp365.jpg')">
                    <div class="carousel-caption">
                        <h1>Heading for slide 1</h1>
                        <span>Brief description</span>
                    </div>
                </div>
                <div class="item" style="background-image: url('assets/ssp365.jpg')">
                    <div class="carousel-caption">
                        <h1>Heading for slide 2</h1>
                        <span>Brief description</span>
                    </div>
                </div>
                <div class="item" style="background-image: url('assets/ssp365.jpg')">
                    <div class="carousel-caption">
                        <h1>Heading for slide 3</h1>
                        <span>Brief description</span>
                    </div>
                </div>
            </div>
            ......
            ......

            //rest of the content
        </div>
    </div>
    <footer>
        //page footer - site wide
    </footer>
</body>
</html>

我想知道我是否可以按照我在自举转盘标题中使用的方式使用H1。

我总是发现当 home pag e顶部有旋转木马时，很难决定放置H1标签的位置，并且没有真正的标题来描述页面。此外，通常主页试图覆盖整个网站的大量内容，因此构建页面变得很困难。

请帮忙。

Answer 1

我建议你使用带有font-size的css样式。为页面标题提供比轮播听众更大的尺寸。

.page-header{
    font-size : 50px;
}

.carousel-header{
    font-size : 35px;
}

试试这些。

Answer 2

是的，您可以在页面或文档中使用多个H1标记。 H1的目的是作为页面的一部分的主标题（主题/语义）独立于页面的其他类似部分/部分。

我可以在bootstrap轮播中使用多个H1标签

2 个答案: