nav元素

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

会飞的蜗牛haha

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

阅读量1.7k

点赞数

分类专栏： HTML5基础知识-语法的改变

本文链接：https://blog.csdn.net/ziy10231207/article/details/51879601

版权

HTML5基础知识-语法的改变专栏收录该内容

1 篇文章 0 订阅

订阅专栏

nav元素适合的场合：

1.传统导航条：现在主流网站上都有不同层级的导航条，他的作用是将当前画面跳转到网站的其他主要页面上去

2.侧边栏导航：作用是将页面从当前文章或者当前商品跳转到其他文章或者其他页面上去

3.页内导航：页内导航的作用是在本页面几个主要组成部分之间进行跳转

4.翻页操作：翻页操作是指在多个页面的前后页或者博客网站的前后篇文章滚动

HTML5中不要用menu元素代替nav元素，menu元素是用在一系列发出命令的菜单上的，是一种交互性的元素，或者是使用在web应用程序中的

作为页面整体或者不同部分的导航

<!DOCTYPE HTML>
<meta charset="utf-8">
<h1>技术资料</h1>
<nav>
	<ul>
		<li ><a href="/">主页</a></li>
		<li ><a href="/event">开发文档</a></li>
	</ul>
</nav>
<article>
	<header>
		<h1>HTML与css3的历史</h1>
		<nav>
			<ul>
				<li><a href="#HTML 5的历史"></a></li>
				<li><a href="#css3的历史"></a></li>
			</ul>
		</nav>
	</header>
	<section id="HTML5">
	<h1>HTML5的历史</h1>
	<p>讲述HTML5的历史的正文</p>
	</section>
	<section id="css3">
	<h1>css3的历史</h1>
	<p>讲述css3的历史的正文</p>
	</section>
	<footer>
		<p>
			<a href="?edit">编辑</a>
			<a href="?delete">删除</a>
			<a href="?rename">重命名</a>
		</p>
	</footer>
</article>
<footer>
	<p><small>版权所有：陆凌牛</small></p>
</footer>

点击打开链接