HTML5全局属性—nav

最新推荐文章于 2023-06-08 00:15:00 发布

煮着不如烤着吃

最新推荐文章于 2023-06-08 00:15:00 发布

阅读量1.2k

点赞数

CC 4.0 BY-SA版权

本文链接：https://blog.youkuaiyun.com/qq_40171918/article/details/80638324

本文介绍了一个使用HTML5的<nav>标签实现的页面导航实例，展示了如何组织链接来提高网站的易用性。通过具体代码示例，读者可以了解<nav>标签的基本用法及其在网页布局中的作用。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

HTML <nav> 标签

实例

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>页面导航的链接组</title>
</head>
<body>
    <nav>
        <ul>
            <li ><a href="#">主页</a> </li>
            <li ><a href="#">开发文档</a> </li>
        </ul>
    </nav>
<article>
    <header>
    <h1>HTML5与CSS3的历史</h1>
    <ul>
        <li><a href="#">HTML5历史</a> </li>
        <li><a href="#">CSS3历史</a> </li>
    </ul>
    </header>
    <section>
        <h1>HTML5的历史</h1>
        <p>....</p>
    </section>
    <section>
        <h1>CSS3的历史</h1>
        <p>....</p>
    </section>
    <footer>
        <a href="#">删除</a>
        <a href="#">修改</a>
    </footer>
</article>
<foot>
    <p> <small>版权声明：</small></p>
</foot>
</body>
</html>