순서 유무와 용어 관계에 맞는 목록을 사용합니다.
ul은 순서가 중요하지 않은 목록, ol은 단계나 순위처럼 순서가 중요한 목록입니다. dl은 용어 dt와 설명 dd의 쌍을 표현합니다. 각 항목은 li로 작성합니다.
예제에서는 <ul><li>항목</li></ul> 부분부터 찾으세요. 태그 이름만 외우기보다 부모·자식 관계와 속성이 어느 요소에 붙는지를 한 덩어리로 읽으면 구조를 고치기 쉬워집니다.
먼저 현재 결과를 확인한 뒤 ol에 네 번째 단계를 추가하고 ul로 바꿨을 때 차이를 확인하세요. 수정 전에는 예상한 변화를 한 문장으로 적고, 실행 뒤에는 정보 순서와 키보드 접근까지 그대로인지 살펴보세요.
줄 앞에 점을 보이게 하려고 목록을 쓰지 말고 실제 항목들의 관계가 있을 때 사용하세요.
직접 바꿔보세요ol에 네 번째 단계를 추가하고 ul로 바꿨을 때 차이를 확인하세요.