HTML5 页面布局

180 阅读1分钟

HTML5新的语义化标签的应用,让后期的代码维护更加的方便。

header,页面或页面中某一个区块的页眉,通常是一些引导和导航信息。

nav,可以作为页面导航的链接组。

section,页面中的一个内容区块,通常由内容及其标题组成。

article,代表一个独立的、完整的相关内容块,可独立于页面其它内容使用。

aside非正文的内容,与页面的主要内容是分开的,被删除而不会影响到网页的内容。

footer,页面或页面中某一个区块的脚注。

    <div>
        <header>
            头部
        </header>
        <main>
            <nav>导航</nav>
            <section>
                <aside>侧边栏</aside>
                <article>正文</article>
            </section>
            <footer>底部</footer>
        </main>
    </div>