Bong

• <article>

  • Section 태그의 하위 개념.
  • 독자적으로 이해할 수 있는 콘텐츠.
  • 웹 사이트의 나머지 부분과 독립적으로 읽을 수 있어야한다.
  • Ex) 포럼 게시물, 블로그 포스트, 신문 기사

• <aside>

  • 본문 전체 내용과 직접적인 연관성이 없는 분리된 내용을 담을 때 사용.
  • Ex) 사이드바에 사용되며, 배너 광고, 위젯등이 있다.

• <details>

  • 사용자가 보거나 숨길수 있는 추가적인 세부 정보
  • Ex) 더보기, 상세보기

• <figcaption>, <figure>

  • 이미지에 시작적 설명을 추가하는 곳.

<figure> 
	<img src="" alt ="img1">
	<figcaption>
    	Img1 is cool
	</figcaption> 
</figure>

• <footer>

  • 문서 또는 섹션의 바닥 글을 지정한다.
  • 포함된 요소에 대한 정보를 포함해야함.
  • 여러개가 있을 수도 있다.
  • Ex) 작성자, 저작권 정보, 이용 약관 링크, 연락처 정보등이 포함됨.

• <footer>

  • 문서 또는 섹션의 바닥 글을 지정한다.
  • 포함된 요소에 대한 정보를 포함해야함.
  • 여러개가 있을 수도 있다.
  • Ex) 작성자, 저작권 정보, 이용 약관 링크, 연락처 정보등이 포함됨.

• <header>

  • 문서 또는 섹션 헤더를 지정한다.
  • 한 문서에 여러 요소가 있을 수도 있다.
  • Ex) 사이트 로고, 글로벌 링크(회원가입, 언어셋), 소개 등..

• <main>

  • 문서의 주가 되는 컨텐츠 정의

• <mark>

  • 참조나 하이라이트 표시가 필요로하는 문자를 정의

• <nav>

  • 탐색 링크의 집합을 정의한다.

• <section>

  • 일반적으로 제목이 있는 주제별 콘텐츠 그룹.
  • 문서의 section을 의미한다.
  • 내부에 header, footer 가 올 수 있는데, 이 때 사용 되는 태그는 해당 영역에 대한 제목, 꼬리말로 사용된다
  • Html5 시맨틱 태그의 주요한 부분

• <summary>

  • details에 대한 보이는 요소를 정의.

• <time>

  • 날짜 / 시간 정의