본문 바로가기

웹프로그래밍/HTML

[HTML] 링크와 네비게이션 태그

1. <a>

- <a>은 anchor의 약자

- 속성으로는 href를 사용하며, 형태는 href ="(원하는 URL) "

- link로 설정할 경우 http나 https을 앞에 써줘야한다. (두 개의 차이점은 보안의 차이) 즉 절대경로를 다 써줘야한다.

 

그림1. a 태그 활용

 

2. <nav>

- <nav>은 navigation의 약자

- Aria Role로 특정요소에 역할정의, 읽는사람에게 정보 제공 가능

   ->(예시 : <nav role = "navigation" aria-label = "main menu">  

   -> 해석 : 이 네비게이션 역할을 하고 이 네비게이션은 메인 메뉴이다.

그림2. nav 태그 활용

'웹프로그래밍 > HTML' 카테고리의 다른 글

[HTML] 오디오, 비디오, 자막  (0) 2022.03.23
[HTML] 이미지 태그 활용과 그래픽  (0) 2022.03.20
HTML 태그 기초2  (0) 2022.03.17
HTML 태그 기초1  (0) 2022.03.15