nav元素

Posted 缘琪梦

tags:

篇首语:本文由小常识网(cha138.com)小编为大家整理,主要介绍了nav元素相关的知识,希望对你有一定的参考价值。

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>Title</title>
</head>
<body>
<h1>nav的用法</h1>
<nav>
    <ul><li><a href="#">首页</a></li>
        <li><a href="#">文章</a></li>
        <li><a href="#">图片</a></li>
    </ul>
</nav>
    <article>
        <header>
            <h2>nav-1</h2>
                <nav>
                    <li><a href="#">新增主题</a></li>
                    <li><a href="#">构造方法</a></li>
                </nav>
        </header>
    </article>
<article>
    <header>
        <h2>nav-1</h2>
        <nav>
            <li><a href="#">新增主题</a></li>
            <li><a href="#">构造方法</a></li>
        </nav>
    </header>
</article>
<footer>
    <p>
        <a href="#">版权信息</a>
        <a href="#">网站地图</a>
        <a href="#">联系我们</a>
    </p>
</footer>
</body>
</html>

 

 

以上是关于nav元素的主要内容,如果未能解决你的问题,请参考以下文章

12个用得着的 JQuery 代码片段

VSCode自定义代码片段5——HTML元素结构

VSCode自定义代码片段5——HTML元素结构

VSCode自定义代码片段5——HTML元素结构

CSS代码片段

CSS代码片段