마크업 점검표

구조 태그는 짝과 역할을 함께 확인하기

리스트, 테이블, 폼은 태그 하나보다 주변 요소와 속성이 맞물릴 때 의미가 분명해집니다.

List

항목의 관계

ul 또는 ol순서 의미를 먼저 판단합니다.
li각 항목은 같은 수준으로 나열합니다.
Table

데이터의 축

caption, thead표의 주제와 열 기준을 먼저 알립니다.
th, td제목 셀과 데이터 셀을 구분합니다.
Form

입력의 연결

label + id사용자에게 입력 이름을 연결합니다.
name + 검증 속성서버가 받을 키와 조건을 정합니다.

HTML 품질은 화면 모양보다 먼저 정보의 관계, 데이터의 기준, 입력의 목적을 드러냅니다.