[HTML5] a 태그 - 앵커, 리스트

1. 앵커

앵커란 일종의 책갈피 기능을 말한다. 인덱스에서 해당 목차를 클릭하면 그 위치로 이동하는 것. 

나무위키의 목차를 예로 들 수 있을 것이다.

ID는 요소(element)가 가지는 유일한 이름이며, 중복되어선 안된다. 

href에 ID명을 넣어주면 해당 ID로 이동할 수 있는 것.

이런식으로 활용 가능하다.

 

2. 리스트

리스트는 상/하위 목록을 구성할 때 사용한다.

ol : 순서가 있는 리스트. 번호로 표현

ul : 순서가 없는 리스트

li : ol, ul 태그 안에 들어가는 하위 목록

- ol 태그 속성

type: 순서의 형태를 정해주는 속성

1이 기본. A,a,I,i 가능

start: 시작 지점을 정해줌

- ul 태그 속성

type: 기호모양을 결정해주는 속성

desc: 기본모양

circle: 원 형태

square: 사각형

ul, ol 태그는 꼭 리스트 뿐 아니라 상/하위 구조로 나눌 수 있는 상황에서 주로 사용

메뉴 바 => 메인메뉴 구성에서 서브메뉴 구현 시 사용

 

활용 예

화면 구현