집 >웹 프론트엔드 >HTML 튜토리얼 >html nav 태그의 기능과 사용법에 대한 자세한 설명

html nav 태그의 기능과 사용법에 대한 자세한 설명

黄舟원래의: 2017-06-29 14:19:458794검색

HTML5의 새로운 요소 태그

는 navigation 속성이 있는 링크를 함께 나누는 데 사용되어 의미화 측면에서 코드 구조를 더욱 정확하게 만들고 스크린 리더와 같은 장치에 대한 더 나은 지원을 제공합니다.
오랫동안 우리는 HTML5에서

또는

태그에 배치됩니다.

<nav>
<ul>
<li><a href="index.html">Home</a></li>
<li><a href="/about/">About</a></li>
<li><a href="/blog/">Blog</a></li>
</ul>
</nav>

W3C 정의 사양에 따르면:

nav 요소는 페이지 탐색으로 사용할 수 있는 링크 그룹입니다. 현재 페이지의 다른 부분. 예를 들어 모든 링크 그룹을

페이지에는 전체 페이지 또는 여러 부분에 대한 탐색으로 여러 개의

<body>
<h1>The Wiki Center Of Exampland</h1>
<nav>
<ul>
<li><a href="/">Home</a></li>
<li><a href="/events">Current Events</a></li>
...more...
</ul>
</nav>
<article>
<header>
<h1>Demos in Exampland</h1>
<p>Written by A. N. Other.</p>
</header>
<nav>
<ul>
<li><a href="#public">Public demonstrations</a></li>
<li><a href="#destroy">Demolitions</a></li>
...more...
</ul>
</nav>
<div>
<section id="public">
<h1>Public demonstrations</h1>
<p>...more...</p>
</section>
<section id="destroy">
<h1>Demolitions</h1>
<p>...more...</p>
</section>
...more...
</div>
<footer>
<p><a href="?edit">Edit</a> | <a href="?delete">Delete</a> | <a href="?Rename">Rename</a></p>
</footer>
</article>
<footer>
<p><small>© copyright 1998 Exampland Emperor</small></p>
</footer>
</body>

이 예에서는 태그 내에 배치할 수도 있습니다.

위 내용은 html nav 태그의 기능과 사용법에 대한 자세한 설명의 상세 내용입니다. 자세한 내용은 PHP 중국어 웹사이트의 기타 관련 기사를 참조하세요!

성명：

이전 기사：HTML5의 진행률 및 미터 컨트롤다음 기사：HTML5의 진행률 및 미터 컨트롤