教育行业A股IPO第一股(股票代码 003032)

全国咨询/投诉热线:400-618-4000

天富娱乐登录官方入口 仲博注册app最新版本更新内容是什么的作用?nav元素一般用于哪些场合?

更新时间:2021年03月24日16时00分 来源:传智教育 浏览次数:

好口碑IT培训


nav元素用于定义导航链接,是HTML5新增的元素,该元素可以将具有导航性质的链接归纳在一个区域中,使页面元素的语义更加明确。其中的导航元素可以链接到站点的其他页面,或者当前页的其他部分。例如下面这段示例代码:

 <nav> <ul> <li><a href="#">首页</li> <li><a href="#">公司概况</li> <li><a href="#">产品展示</li> <li><a href="#">联系我们</li> </ul> </nav>

在上面这段代码中,通过在nav元素内部嵌套无序列表ul来搭建导航结构。通常,一个HTML页面中可以包含多个nav元素,作为页面整体或不同部分的导航。具体来说,nav元素可以用于以下几种场合。

● 传统导航条:目前主流网站上都有不同层级的导航条,其作用是跳转到网站的其他主页面。

● 侧边栏导航:目前主流博客网站及电商网站都有侧边栏导航,目的是将当前文章或当前商品页面跳转到其他文章或其他商品页面。

● 页内导航:它的作用是在本页面几个主要的组成部分之间进行跳转。

● 翻页操作:翻页操作切换的是网页的内容部分,可以通过单击“上一页”或“下一页”切换,也可以通过单击实际的页数跳转到某一页。

除了以上几点以外,nav元素也可以用于其他重要的、基本的导航链接组中。

需要注意的是,并不是所有的链接组都要被放进 nav元素,只需要将主要的和基本的链接放进nav元素即可。



猜你喜欢:

HTML图像标签的基本特点和相关属性

怎样使用H5头部标签?具体代码演示

html中figcaption标签的作用

传智教育web前端培训课程

0 分享到:
和我们在线交谈!