DMOZ中文网站分类目录-免费收录各类优秀网站的中文网站目录.
  • DmozDir.org
DMOZ目录快速登录入口-免费收录各类优秀网站的中文网站目录.由人工编辑,并提供网站分类目录检索及地区分类目录检索,是站长免费推广网站的有力平台!

看看HTML5 nav元素

  • 看看HTML5 nav元素

  • 已被浏览: 50 次2020年10月12日    来源:  DMOZ中文网站分类目录
  • 它是安全的假设,该元素将出现在几乎每一个项目。资产净值代表正是它意味着:一组

    它是安全的假设,该元素将出现在几乎每一个项目。 <代码> NAV 表示正是它意味着:一组导航链接。虽然<代码> NAV 最常见的使用将是用于包装的链接的无序列表中,还有其他的选择。你也可以换行<代码>导航元素围绕着包含一个网页或网页的部分主要的导航链接文本的段落。

    在任一情况下,在 NAV 元素应该被保留用于导航是最重要的。因此,我们建议您不要使用<代码>导航作为在页脚链接一个简短的清单,例如。

    导航和辅助功能

    你可能已经看到实施在许多网站设计模式是“跳过导航”的链接。我们的想法是让屏幕阅读器的用户快速跳过你的网站的主要导航,如果他们已经听到了,毕竟,没有一点听你每次通过点击一个新页面时,一个大型网站的整个导航菜单!

    NAV 元件具有消除该需要的潜力;如果屏幕阅读器看到一个<代码> NAV 元素,它可以允许其用户跳过导航而无需额外的链路。该规范规定:

    这是针对用户的用户代理(如屏幕阅读器),谁可以从导航信息中受益的初始渲染被省略,或谁可以从导航信息被立即受益,可以使用这个元素,以此来确定对哪些内容页最初跳过和/或提供关于请求。

    当前屏幕阅读器无法识别<代码>导航的,但这并不意味着你不应该使用它。辅助技术将继续发展,并很可能你的网页将成为网络以及未来上。现在建设的标准,可以确保屏幕阅读器提高,网页会随着时间的推移更容易获得。

    什么是用户代理?

    通过规范浏览时,你会遇到术语用户代理了很多。真的,它只是一个浏览器软件“代理”,用户使用访问的页面的内容看中的术语。究其原因,规格也不能简单地说“浏览器”是用户代理可以包括屏幕阅读器,或任何其他技术手段来读取网页。

    您可以使用<代码>导航不止一次特定网页上。如果您对本站有一个主导航栏,这将要求一个<代码>导航元素。

    此外,如果有一个第二组的指向当前页的不同部分的链接(使用的页内的锚),这也可以被包裹在一个<代码> NAV 元素。

    与<代码>部分,存在已超过什么构成可接受的使用导航栏和一些争论为什么它不是在某些情况下,推荐的(例如,<代码>页脚内)。一些开发者认为这些元素是适当的分页或面包屑链接,或者对构成导航的站点的主要手段搜索表单(如在谷歌的情况下)。

    这一决定最终将取决于你的开发人员。伊恩·希克森,WHATWG的HTML5规范的主编辑器,回应了直接的问题:“使用[它]只要你将不得不使用的一类=导航” [查看评论]

    这是HTML5和CSS3的摘录为真实世界,由亚历克西斯戈尔茨坦,路易拉扎里斯和埃斯特尔魏尔。

    寻找更多的教程?

    如果您想了解更多关于HTML5 NAV元素,Sitepoint对HTML5导航菜单在线教程的范围很大。

    劳拉Athanasiou“一个简单的导航结构,构建一个互动导航栏可以增加您的网站的可用性,使信息容易找到。通过使用基本的HTML和CSS,你可以建立一个横向导航栏,提供互动“当在导航链接用户徘徊。

    创建由让 - 皮埃尔·加桑在HTML5 / CSS3和Webkit的动画下拉导航菜单“这是谁想要创建一个下拉菜单,初级和中级HTML5和CSS3开发的教程。我们正在创建的菜单只使用CSS动画...有没有的JavaScript在望!”

    建立一个响应,移动友好的网站从无到有:由Annarita Tranfici“首先语义HTML,让我们创建一个经典的菜单。在这种情况下,最适合我们的目的的元素是导航元素,它是用来声明的网站的导航部分语义元素“。

    如果在导航列表来定义?由Craig圆盾“现在的问题:是必需的列表元素?”

    如何建立克雷格·巴克尔“一个CSS3滑动菜单在这篇文章中,我们将建立单独使用CSS一个滑出式菜单。如果您使用的是现代的浏览器,它也将显示一个可爱的3D页面效果“。


    以上信息来源于网络,如有侵权,请联系站长删除。

    TAG:导航 元素

  • 上一篇:15个创意单页网页设计
  • 与“看看HTML5 nav元素”相关的资讯
  • 通用AI元素识别在UI自动化测试的最佳实践
  • 「每日一题」与面试官手撕代码:如何科学高效的寻找重复元素?
  • 拖拽一个元素如此简单,mouse、drag、touch三兄弟的用处
  • LeetCode数组移除数组中目标元素等题目
  • 【Selenium】Selenium自动化入门之操作元素与句柄