html structure

폼 입력과 문서 구조 태그 선택 기준

HTML 태그는 화면 모양보다 역할을 먼저 고릅니다. 사용자가 값을 보내는 곳은 form 계열, 페이지 의미를 나누는 곳은 구조화 태그를 씁니다.

전송

form

로그인, 검색, 주문처럼 서버로 묶어서 보낼 입력 영역입니다.

<form method="post">

한 줄

text, password, checkbox, file처럼 입력 성격을 type으로 구분합니다.

type="email"

선택

드롭다운은 select가 상자, option이 각 선택 항목입니다.

<option>

긴 글

댓글, 문의사항, 자기소개처럼 여러 줄 텍스트를 받을 때 씁니다.

<textarea>

설명

라벨 클릭으로 입력칸을 선택할 수 있게 해 폼 사용성을 높입니다.

for="userId"

header제목, 로고, 상단 정보

nav주요 메뉴와 이동 링크

main문서의 핵심 본문

section주제별 구역