小新老师带你学习【HTML篇】- 第十讲：<nav>标签
小新老师带你学习【HTML篇】
❍
第十讲：<nav>标签
前面小新简单介绍了HTML常用列表标签<ul>,<ol>,<li>的用法，本节咱们来讲解<nav>标签。
01
<nav> 定义
在html中，nav标签是html5版本中新增的标签，是使用来定义导航链接的部分。nav标签只是用来表示该区域是导航链接，默认并没有什么显示效果。
通过nav标签能更好的实现在不同设备上（如：手机、电脑等）控制导航链接是否显示，从而让网页适应不同大小的屏幕。
02
<nav> 格式
<nav>导航链接</nav>
说明：
1. nav标签中的内容默认没有显示效果，只表示该区域是导航链接部分；
2 .nav标签只起语义的作用，没有实际的显示效果；
3. nav标签中的内容通常是一个列表；
03
<nav> 实例
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8" />
<title>nav标签演示</title>
</head>
<body >
<h3>nav标签演示：</h3>
<nav>
<a href="#">小新HTM</a> |
<a href="#">小新PHP</a> |
<a href="#">小新小程序</a> |
<a href="#">关于小新</a>
</nav>
<h4>IE 8以及更早的版本不支持nav标签</h4>
</body>
</html>
浏览器实例
今天的课程到此结束了，部分讲解素材来源于网络，如有侵权，联系删除
客官们在下面可要多练习练习，
下节课将为客官来 标签<table>讲解。
◉
●
◉
有兴趣的客官可扫码进入小新编程交流群
学编程，找小新，活好，欧耶！
小新承接web编程培训，
题云题库入驻，线上教育平台建设！
关注小新编程