웹사이트 여러가지 태그

구조를 잡을 때와 공간을 만들 때 사용하는 태그

• <header>, <nav> 태그
  • <header> 태그: 웹사이트의 머리글을 담는 공간
  • <nav> 태그: 메뉴 버튼을 담는 공간(navigation), <ul> <li> <a>와 함께 사용
• <main> 태그
  1. 문서의 주요 내용을 담는 태그
  2. IE(Internet Explorer)는 지원하지 않으므로 role = "main" 속성 필수 입력
• <article> 태그
  1. 문서의 주요 이미지나 텍스트 등의 정보를 담고 구역을 설정하는 태그
  2. 태그 내에 구역을 대표하는 타이틀 <h#> 태그가 존재해야 함.
• <footer> 태그
  • 가장 하단에 들어가는 정보를 표기할 때 사용
• <div> 태그
  • 임의의 공간을 만들 때 사용

HTML 태그의 두 가지 성격

• block 요소
  1. y축 정렬 형태로 출력 (줄바꿈 현상 나타남)
  2. 공간을 만들 수 있고, 상하 배치 작업 가능
• inline 요소
  1. x축 정렬 형태로 출력 (한 줄에 출력)
  2. 공간을 만들 수 없고, 상하 배치 작업 불가능