HTML5如何在名称属性过时时跳过导航

前端之家收集整理的这篇文章主要介绍了HTML5如何在名称属性过时时跳过导航前端之家小编觉得挺不错的,现在分享给大家,也给大家做个参考。
在“Web内容无障碍指南”中,您应该提供一个“跳过”链接(例如)跳过导航块并直接进入内容。这对于使用屏幕阅读器以可听的方式描述页面的受损用户特别有用。

6.2分组和绕过链路WCAG Guidelines

然而,这种技术依赖于在锚标签上使用name属性

<h2><a name="content">Content</a></h2>

随着跳过链接

<a href="#content">Skip to content</a>

问题是,锚标签的“名称属性在HTML5中已过时。 HTML Obsolete Features

有没有其他方法来实现这个“跳到”功能,而不使用name属性

脚注:仍然在草稿中的HTML5规范的状态,可能的是,name属性实际上将继续被允许在这种情况下 – 尽管它可能仍然生成“警告”。它目前被标记为“过时但符合”,这意味着你可以仍然使用它 – 但是,我想知道其他方式来执行“跳过”,看看是否有一种方法来做, t依赖于过时的属性

解决方法

代替使用< a>标签,您可以使用具有id属性的任何元素:
<h2 id="content">Content</h2>

<a href="#content">Skip to content</a>

EDIT,找到你的来源(虽然是维基百科;-)):

Alternatively (and sometimes concurrently),with the name or id attributes set,the element becomes a target. A Uniform Resource Locator can link to this target via a fragment identifier. Any element can now be made into an anchor by using the id attribute,[2] so using <a name="foo"> is not necessary.

http://en.wikipedia.org/wiki/HTML_element#Anchor

原文链接:https://www.f2er.com/html5/169468.html

猜你在找的HTML5相关文章