HTML语义:用语义化标签来呈现一个标准的网页

一个普通的网页大致需要以下元素。(请点击放大)


image.png

这里一个典型的 body :

<body>
    <header>
        <nav>
            ……
        </nav>
    </header>
    <aside>
        <nav>
            ……
        </nav>
    </aside>
    <section>……</section>
    <section>……</section>
    <section>……</section>
    <footer>
        <address>……</address>
    </footer>
</body>

一些文章等典型body:

<body>
    <header>……</header>
    <article>
        <header>……</header>
        <section>……</section>
        <section>……</section>
        <section>……</section>
        <footer>……</footer>
    </article>
    <article>
        ……
    </article>
    <article>
        ……
    </article>
    <footer>
        <address></address>
    </footer>
</body>

最后编辑于
©著作权归作者所有,转载或内容合作请联系作者
平台声明:文章内容(如有图片或视频亦包括在内)由作者上传并发布,文章内容仅代表作者本人观点,简书系信息发布平台,仅提供信息存储服务。

推荐阅读更多精彩内容

  • 尝试写繁体字!
    大果酱JAM阅读 82评论 0 0
  • 同源策略 同源策略限制了一个源(origin)中加载的文档或脚本与其他源(origin)中的资源交互的方式。这是一...
    gzy_a5a4阅读 276评论 0 0
  • 悄悄的,悄悄的,花,草,树木……一切都活了,大自然中的一切都行过来了。 在今天我又重新触摸了大...
    张怡彤阅读 476评论 0 1
  • 时间总是如白驹过隙,来不及回味所经历的一切,2018年就要过去一半了。仔细想一想,我这半年到底干了什么,真是有些汗...
    LttDoing阅读 197评论 0 1