시맨틱 태그(HTML 레이아웃) 태그 내용 <header> 헤더영역 주로 맨 위쪽이나 왼쪽에 위치 , 검색 창이나 사이트 메뉴를 삽입 <nav> 웹문서 안에서 다른 위치로 연결 or 링크 <main> 핵심이되는 내용을 기입 . 웹문서에 한번만 사용 <article> 포스트 및 뉴스기사 같은 독립된 웹 콘텐츠 항목 문서안에 자신의 <article> 태그를 포함할 수 있으며 , <section> 태그를 넣을 수도 있음 . <section> 콘텐츠 영역 몇개의 컨텐츠를 묶는 용도 <aside> 왼쪽이나 오른쪽 , 혹은 아래쪽에 사이드 바를 만듬 . <footer> 사이트 제작 정보나 저작권 정보 , 연락처 등 기입 웹 문서 맨 아래쪽에 푸터 영역을 만듬 . <div> 영역을 구별하거나 스타일로 문서를 꾸밀때 사용 . 제목, 문단, 텍스트 관련 태그 태그 내용 <hn> 문서 및 단락 제목 지정 <h1> 은 문서에 한번만 사용하는 것을 권장하며 , <h1> ~ <h6> 까지 지정 가능 . <p> 블록 레벨 단위 텍스트 단락 입력 <span> 인라인 레벨 단위 텍스트 단락 입 <br> 줄 위치 변경 <