목록·표·폼의 의미와 제출 방식
목록, 표, 폼은 배치용 태그가 아니라 항목 관계, 행열 비교, 사용자 입력 제출이라는 서로 다른 의미를 가진다.
| 태그 묶음 | 사용할 때 | 핵심 연결 | 나쁜 사용 |
|---|---|---|---|
| ul/ol | 항목을 나열하거나 순서를 표현 | li와 순서 의미 | 단순 여백 맞춤 |
| dl | 용어와 설명을 짝지음 | dt-dd 관계 | 복잡한 표 대체로 남용 |
| table | 행과 열의 대응이 핵심 | th, scope, caption | 레이아웃 그리드로 사용 |
| form | 사용자 값을 서버로 보냄 | label, name, action, method | 입력 이름 누락 |
| validation | 제출 전후 오류를 안내 | required, type, error text | 오류 위치 불명확 |
목록·표·폼은 화면 모양보다 데이터 관계와 제출 흐름이 먼저 정해질 때 올바른 태그가 보인다.