HTML 요약 정리

강의를 들으며 주요 내용들을 정리해보자!

<input> 과 <label>

• input의 id값과 label의 for 값 매칭을 잘 시켜주기!

block과 inline

• 블록 요소는 좌우 양쪽의 최대 범위를 차지
• 인라인 요소는 콘텐츠 내용 크기만큼의 범위만 차지

시맨틱 마크업

• 검색 엔진 최적화, 접근성, 유지보수를 위해 시맨틱 레이아웃 사용

HTML Emmet

• 자동완성:tab키
• 텍스트 : {} -> div{안녕}
• 자식(하위)요소 : >
• 형제 요소 :+
• 올라가기 : ^
• 반복하기 : ul>li*4
• 그룹화 : ul>(li>a)*4
• 클래스 : .
• 아이디 : #
• 속성 : [attr]
• 넘버링 : $