Structure or input

나열은 리스트, 비교는 테이블, 수집은 폼

정보의 목적을 먼저 묻고 태그를 고르면 화면도 코드도 더 읽기 쉬운 구조가 됩니다.

목록

관련 항목을 묶기

순서가 없으면 ul, 단계가 중요하면 ol, 용어 설명은 dl을 사용합니다.

메뉴절차FAQ
테이블

행과 열로 비교하기

제목 셀은 th, 데이터 셀은 td로 나누고 필요하면 caption을 더합니다.

통계가격표시간표

사용자 입력 수집하기

form 안에서 입력 종류를 고르고 label, name, 검증 속성을 확인합니다.

검색가입문의
1. 목적지actionmethod로 전송 방식을 정합니다.
2. 이름label for와 입력 요소의 id를 연결합니다.
3. 데이터 키name은 서버가 값을 구분하는 기준입니다.
4. 제약required, min, pattern으로 조건을 밝힙니다.