3번 글

3
리스트, 테이블

리스트를 이용해 리스트라고는 생각할 수 없는 것들을 만들 수도 있다.

<ul> 순서 없는 목록

순서 없는 목록을 표시한다. 기본적으로는 항목의 앞에 •(bullet)이 표시되지만 CSS로 없앨 수 있다.

<ol> 순서 있는 목록

순서 있는 목록을 표시한다. <ul> 태그 안의 항목의 앞에는 불렛이 표시되는 것과 달리 '1.', '2.'처럼 숫자가 붙는다.

<li> 목록의 항목

목록에서 항목에 해당하는 요소이다.

리스트라 함은 주로 순서 목록을 나타내지만, 가끔 사용되는 설명 목록이라는 것이 있다. 용어와 설명 그룹의 목록을 감싸 사전을 구현하거나 메타데이터를 표현하는 데 사용된다.

<dl> 설명 목록

용어 요소와 뜻풀이 요소를 감싸는 목록을 출력한다. <dt> 태그와 <dd> 태그는 서로 짝지어 있어야 한다.

<dt> 설명 목록의 용어 요소

용어 요소이다.

<dd> 뜻풀이 요소

바로 앞에 나오는 용어 요소에 대한 뜻풀이를 기술한다.

반응형 웹을 구성하는 것이 대세인 현재에는 그리드에 밀려 선호되지는 않는 방식이지만, 2000년대 후반까지만 해도 MS의 배짱 IE의 영향에 페이지 레이아웃을 <table> 태그를 이용해 구성하는 경우가 많았다. CSS의 도움을 받으면 <table> 태그를 이용하지 않고도 같은 기능을 얼마든지 구현할 수 있으므로 굳이 필요한 사람들은 (그리고 간단한 표를 작성하려고 하는 사람들도) 여기로↗.