Question

我必须为我的网站显示全屏背景视频。我对写语义html5标记非常严格。

我需要知道，我应该在哪里放置视频标记？它应该在<header>或<main>内部吗？

方法1-在<header>内

<body>
        <header>
            <nav></nav>
            <div class="bg-video">
                <!-- Full screen background video -->
                <video class="bg-video-content" poster="video/fxb.jpg" autoplay loop muted>
                   <source src="video/fxb.mp4" type="video/mp4">
                   <source src="video/fxb.ogv" type="video/ogg">
                   <source src="video/fxb.webm" type="video/webm">
               </video>
           </div>
        </header>
        <main>
            <!-- Services -->
            <section class="services"></section>
        </main>
        <footer></footer>
    </body>

方法2-在<main>内

<body>
        <header>
            <nav></nav>
        </header>
        <main>
            <!-- Home -->
            <section class="home">
                <div class="bg-video">
                     <!-- Full screen background video -->
                     <video class="bg-video-content" poster="video/fxb.jpg" autoplay loop muted>
                        <source src="video/fxb.mp4" type="video/mp4">
                        <source src="video/fxb.ogv" type="video/ogg">
                        <source src="video/fxb.webm" type="video/webm">
                    </video>
                </div>
            </section>
        </main>
        <footer></footer>
    </body>

我也想在header内放置徽标和导航，因此将video标签以及标题和按钮放在header或i里面是一种好习惯吗？应该将video标签放在main区域内？谢谢

将全屏背景视频标签放在标题标签中是否是语义标记？

0 个答案: