순서 유무와 용어 관계에 맞는 목록을 사용합니다.
ul은 순서가 중요하지 않은 목록, ol은 단계나 순위처럼 순서가 중요한 목록입니다. dl은 용어 dt와 설명 dd의 쌍을 표현합니다. 각 항목은 li로 작성합니다.
ol 안의 세 li에는 번호를 적지 않았는데도 화면에 1부터 3까지가 붙습니다. 번호는 브라우저가 항목 순서대로 매기는 목록 표지라서, 중간에 항목을 하나 끼워 넣어도 뒤쪽 번호가 저절로 다시 매겨집니다. dl에서는 dt인 요소가 용어, 그 아래 dd가 설명이 되고 기본 스타일상 dd만 들여쓰기 됩니다.
ol의 번호는 속성으로 조절합니다. start=3이면 3부터, reversed면 큰 수부터 거꾸로 세며, type=a나 type=I로 알파벳과 로마 숫자를 쓰고 li의 value로 특정 항목 번호를 바꿀 수도 있습니다. CSS에서 list-style: none으로 표지를 지우면 일부 화면 읽기 도구가 목록으로 알리지 않는 경우가 있습니다.
줄 앞에 점을 보이게 하려고 목록을 쓰지 말고 실제 항목들의 관계가 있을 때 사용하세요.
직접 바꿔보세요ol에 네 번째 단계를 추가하고 ul로 바꿨을 때 차이를 확인하세요.