--- id: 587d7788367417b2b2512aa2 title: Make Screen Reader Navigation Easier with the nav Landmark challengeType: 0 videoUrl: '' localeTitle: 使用导航Landmark使屏幕阅读器导航更轻松 --- ## Description
nav元素是另一个HTML5项目，具有嵌入的地标功能，便于屏幕阅读器导航。此标记用于包围页面中的主导航链接。如果页面底部有重复的站点链接，则没有必要标记带有nav标签的链接。使用footer （在下一个挑战中涵盖）就足够了。
## Instructions
Camper Cat在他的训练页面顶部包含了导航链接，但是将它们包裹在一个div 。将div更改为nav标记以改善其页面上的可访问性。
## Tests
```yml tests: - text: 您的代码应该有一个nav标记。 testString: 'assert($("nav").length == 1, "Your code should have one nav tag.");' - text: 你的nav标签应该包裹ul及其列表项。 testString: 'assert($("nav").children("ul").length == 1, "Your nav tags should wrap around the ul and its list items.");' - text: 您的代码不应包含任何div标记。 testString: 'assert($("div").length == 0, "Your code should not have any div tags.");' - text: 确保您的nav元素具有结束标记。 testString: 'assert(code.match(/<\/nav>/g) && code.match(/<\/nav>/g).length === code.match(/
## Challenge Seed
```html

Training with Camper Cat

Stealth & Agility Training

Climb foliage quickly using a minimum spanning tree approach

No training is NP-complete without parkour

Combat Training

Dispatch multiple enemies with multithreaded tactics

Goodbye world: 5 proven ways to knock out an opponent

Weapons Training

Swords: the best tool to literally divide and conquer

Breadth-first or depth-first in multi-weapon training?

```
## Solution
```js // solution required ```