百科狗-知识改变命运!
--

- 导航菜单 - html5 内容分区

梵高1年前 (2023-11-21)阅读数 14#技术干货
文章标签属性

版本:HTML5

HTML元素表示页面的一部分,其目的是在当前文档或其他文档中提供导航链接。导航部分的常见示例是菜单,目录和索引。

浏览器支持

目前大多数浏览器支持标签。

示例

 
  • home
  • about
  • contact

标签定义

  • 标签定义导航链接的部分。如果文档中有“前后”按钮,则应该把它放到元素中。
  • 并不是所有的链接都必须使用元素,它只用来将一些热门的链接放入导航栏,例如元素就常用来在页面底部包含一个不常用到,没必要加入的链接列表。
  • 在不同设备上(手机或者PC)可以制定导航链接是否显示,以适应不同屏幕的需求。
  • 对于屏幕阅读障碍的人,可以使用这个元素来确定是否忽略初始内容。

使用说明

  • 一个网页也可能含有多个元素,例如一个是网站内的导航列表,另一个是本页面内的导航列表。
内容分类流式内容,区块内容,可视的内容。
允许的内容流式内容。
忽略的标记不允许,开始标签和结束标签都不能省略。
允许的父元素所有允许流式内容的元素
允许的ARIA rolesNone
DOM 接口HTMLElement

HTML 4。01 与 HTML 5 之间的差异

 - 导航菜单 - html5 内容分区

标签是 HTML 5 中的新标签。

属性

这个元素只包含全局属性。

全局属性

标签支持全局属性,查看完整属性表HTML全局属性。

标准全局属性

class,contenteditable,contextmenu,dir,draggable,id,irrelevant,lang,ref,registrationmark,tabindex,template,title

事件属性

标签支持所有HTML事件属性。

标准事件属性

onabort,onbeforeunload,onblur,onchange,onclick,oncontextmenu,ondblclick,ondrag,ondragend,ondragenter,ondragleave,ondragover,ondragstart,ondrop,onerror,onfocus,onkeydown,onkeypress,onkeyup,onload,onmessage,onmousedown,onmousemove,onmouseover,onmouseout,onmouseup,onmousewheel,onresize,onscroll,onselect,onsubmit,onunload

例子

一个导航链接实例:

 html | 
 css | 
 jquery | 
 php 

鹏仔微信 15129739599 鹏仔QQ344225443 鹏仔前端 pjxi.com 共享博客 sharedbk.com

免责声明:我们致力于保护作者版权,注重分享,当前被刊用文章因无法核实真实出处,未能及时与作者取得联系,或有版权异议的,请联系管理员,我们会立即处理! 部分文章是来自自研大数据AI进行生成,内容摘自(百度百科,百度知道,头条百科,中国民法典,刑法,牛津词典,新华词典,汉语词典,国家院校,科普平台)等数据,内容仅供学习参考,不准确地方联系删除处理!邮箱:344225443@qq.com)

图片声明:本站部分配图来自网络。本站只作为美观性配图使用,无任何非法侵犯第三方意图,一切解释权归图片著作权方,本站不承担任何责任。如有恶意碰瓷者,必当奉陪到底严惩不贷!

内容声明:本文中引用的各种信息及资料(包括但不限于文字、数据、图表及超链接等)均来源于该信息及资料的相关主体(包括但不限于公司、媒体、协会等机构)的官方网站或公开发表的信息。部分内容参考包括:(百度百科,百度知道,头条百科,中国民法典,刑法,牛津词典,新华词典,汉语词典,国家院校,科普平台)等数据,内容仅供参考使用,不准确地方联系删除处理!本站为非盈利性质站点,本着为中国教育事业出一份力,发布内容不收取任何费用也不接任何广告!)