html5文档的典型结构

最新推荐文章于 2022-07-18 16:35:00 发布

八九燕来

最新推荐文章于 2022-07-18 16:35:00 发布

阅读量319

点赞数

文章标签： html5 文档布局结构

    <!DOCTYPE html>
    <html lang=zh-cn>
    <head>
    <meta charset=utf-8>
    <title>一个不带CSS样式的HTML5布局</title>
    <meta name=description content=一个不带CSS样式的HTML5布局>
    <meta name=author content=Roc>
    <meta name=copyright content=Roc>
    <link rel=shortcut icon href=favicon.ico>
    <link rel=apple-touch-icon href=custom_icon.png>
    <meta name=viewport content=width=device-width, user-scalable=no >
    <link rel=stylesheet href=main.css>
    <script src=script.js></script>
    </head>
    <body>
        <header>HTML5文档的头部区域</header>
        <nav>HTML5文档的导航区域</nav>
        <section>HTML5文档的主要内容区域
            <aside>
                HTML5文档的主要内容区域的侧边导航或菜单区
            </aside>
            <article>
                HTML5文档的主要内容区域的内容区
                <section>以下是一个section和article的嵌套，循环表现章节与内容之间的父子关系，包含关系。
                    <aside>
                    </aside>
                    <article>
                        <header>HTML5文档的嵌套区域，可以对某个article区域进行头部和脚部的定义。这样做，可以有非常清晰和严谨的文档目录结构关系。
                        <footer>
                    </article>
                </section>
            </article>
        </section>
        <footer>HTML5文档的脚部区域</footer>
    </body>
    </html>