HTML5 태그 사용 방법

이번에는 h5 푸터 태그, nav의 기본 구문과 구조, nav는 어떤 태그와 함께 사용되는지, 어떤 상황에서 사용할 수 있는지에 대해 모두가 nav를 빠르게 이해할 수 있도록 도와드리겠습니다.

우선 nav도 html5의 새로운 요소 태그입니다. 동시에 다른 새로운 태그와 마찬가지로 nav는 이전 버전 HTML5의 전통적인 HTML 레이아웃에서 탐색 표시줄과 관련된 공통 이름으로 사용됩니다.

예:

웹사이트 탐색 콘텐츠

또는

웹사이트 탐색 콘텐츠

이전에 일반적으로 사용되었던 nav라는 ​​이름의 HTML5가 새로운 태그 요소로 특별히 사용되었습니다. 이 태그는 탐색 레이아웃에 자주 사용됩니다.

html nav 태그 구문 및 구조

1. 기본 구문

content

2.nav plus id

content3. nav에 클래스 추가

Content

4. nav 태그를 빨리 이해하고 마스터하세요

Nav는 일반적으로 웹사이트 탐색에 사용됩니다. 공들여 나열한 것. 동시에

태그는 div 태그 및 span 태그를 사용하여 id 또는 class를 추가하는 것과 동일하게 사용할 수 있습니다. div 태그와의 차이점은 이 태그는 일반적으로 탐색 관련 위치에서만 사용된다는 것입니다. html 웹페이지 내비게이션 바의 레이아웃이나 내비게이션 바와 관련된 레이아웃에 사용될 수 있습니다.

5. nav는 어떤 태그와 함께 사용해야 하나요?

이전 글 튜토리얼에서 일반 네비게이션 바는 ul li 태그 레이아웃을 사용하고, nav 태그는 일반 레이아웃에서 ul li 태그와 함께 사용된다고 소개했습니다. .

작은 경우는 다음과 같습니다.

전통적인 html 레이아웃

<div id=”nav”> 
<ul> 
<li>首页</li> 
<li>栏目名称</li> 
<li>联系我们</li> 
</ul> 
</div>

2), nav 태그 뒤

<nav> 
<ul> 
<li>首页</li> 
<li>栏目名称</li> 
<li>联系我们</li> 
</ul> 
</nav>

위의 HTML 레이아웃에서 HTML5로의 변환은 실제로 html nav 태그의 사용법을 이해하기 매우 쉽습니다. ul li를 사용한 레이아웃 탐색 표시줄 기술.

nav 태그 사용법은 여기까지입니다. 더 흥미로운 내용은 PHP 중국어 사이트의 다른 관련 글도 참고해주세요!

관련 읽기:

HTML에서 공백을 사용하는 방법

HTML 웹 페이지의 글꼴 크기 설정

HTML5 텍스트 공세 효과

위 내용은 HTML5 태그 사용 방법의 상세 내용입니다. 자세한 내용은 PHP 중국어 웹사이트의 기타 관련 기사를 참조하세요!