Semantic HTML

<main> : 상위 글 (가장 중요한 정보 포함)

<header> : <h1>~<h6> 제목 포함

<nav> : 메뉴 및 목차 정의
  
<footer> : 바닥 글 (주제 정보 하단의 콘텐츠 - 
                  연락정보, 저작권정보, 이용약관, 사이트맵, 페이지 상단 링크 참조 등 포함)
  
<section> : 제목 또는 테마가 같은 문서의 다른영역과 같은 문서의 요소 정의
  
<article> : 기사, 블로그, 댓글, 잡지 등과 같은 콘텐츠 포함

<aside> : 주요 내용을 이해하기 위해 필요하지 않은 추가 정보 표시
          참고문헌, 미주, 코멘트, 인용문, 편집 사이드바, 추가정보
  
<figure> : 이미지, 일러, 다이어그램, 코드 등과 같은 미디어 (<img src="~~~.jpg">)
  
<figcaption> : <figure>에서 미디어를 설명하는데 사용
  
<audio> : 오디오 콘텐츠 (<source src="~~~.mp3" type="audio/mp3">)
          controls -> 재생 및 음소거와 같은 컨트롤을 자동으로 표시
          src -> 오디오 파일의 URL
          자동 재생 기능과 오디오 컨트롤 모두 추가할 때-->> 
          <audio autoplay controls>
  
<video> : 비디오 콘텐츠
          controls -> 재생, 일시 정지 버튼과 볼륨 조절 및 전체화면 옵션이 동영사에 추가
          autoplay -> 페이지 로드되면 즉시 동영상 자동으로 재생
          loop -> 동영상 반복 재생
          embed -> 외부 소스의 비디오, 오디오 파일, gif 포함 모든 미디어 콘텐츠 포함
           ex) <embed src="download.gif"/> 처럼 안에다 닫기
          브라우저에서 비디오 표시할 수 없을 때-->> Video not supported