<nav>标签属性详解,HTML中nav标签的作用
<nav>标签属性详解,HTML中nav标签的作用
nav元素用于定义导航链接,是HTML5新增的元素,该元素能够将具有导航性质的链接归纳在一个区域中,使页面元素的语义愈加清晰。其间的导航元素能够链接到站点的其他页面,或者当时页的其他部分。例如下面这段示例代码:
<nav><ul><li><ahref="#">主页li><li><ahref="#">公司概况li><li><ahref="#">产品展示li><li><ahref="#">联系我们li>ul>nav>
在上面这段代码中,经过在nav元素内部嵌套无序列表ul来建立导航结构。一般,一个HTML页面中能够包含多个nav元素,作为页面整体或不同部分的导航。具体来说,nav元素能够用于以下几种场合。
●传统导航条:现在主流网站上都有不同层级的导航条,其作用是跳转到网站的其他主页面。
●侧边栏导航:现在主流博客网站及电商网站都有侧边栏导航,目的是将当时文章或当时产品页面跳转到其他文章或其他产品页面。
●页内导航:它的作用是在本页面几个首要的组成部分之间进行跳转。
●翻页操作:翻页操作切换的是网页的内容部分,能够经过单击“上一页”或“下一页”切换,也能够经过单击实践的页数跳转到某一页。
除了以上几点以外,nav元素也能够用于其他重要的、根本的导航链接组中。
需要留意的是,并不是一切的链接组都要被放进nav元素,只需要将首要的和根本的链接放进nav元素即可。
优秀作品:
最新作品:
评论列表(共85人参与)参与讨论或分享设计作品获得视觉癖积分奖励
和向日葵有注册会员
2021-07-25 10:47:43
padding-bottom相似特点 padding-top特点:上方内边距 paddi培育影视动画范畴的高素质、专业技能人才。
回复,唯美的注册会员
2021-07-25 6:20:30
款创意图文设游客
2021-07-25 10:11:4
游客76803:<nav>标签举例:彩虹一班 规划理念:彩虹由红橙黄绿青蓝紫七种颜色组成 寓意着我们班像彩虹般热烈生动联合,也希望同学们每天生活都如彩虹般健康,快
回复。信任大注册会员
2021-07-25 11:11:36
210725/1-210H51Q312.jpg" style="height: 398px; wid进行一定地复原,比如说今天要说的赵州桥经过修正之后现已不再如从前,现在现已是一座新桥了。天下闻名的赵州桥,经过专家的创新,现已不是原先的赵州桥了。
回复