HTML semantic tag, CSS W3C 표준화 제정단계 확인하기

<header style="background-color: yellow">헤더정보, 헤더이미지</header>
<nav style="background-color: aquamarine">
  <a href="">메뉴 1</a>
  <a href="">메뉴 2</a> <a href="">메뉴 3</a> <a href="">메뉴 4</a>
</nav>
<main>
  <aside>로그인</aside>
  <section>
    섹션1
    <article>아티클1</article>
    <article>아티클2</article>
  </section>
  <section>섹션2</section>
</main>
<footer>푸터</footer>

 

header, nav, aside, section, article, footer 는 일반 div태그와 같은 속성을 갖지만 알아보기 쉽게 하기 위해 이용된다. 

 

 

---

https://caniuse.com/

Can I use... Support tables for HTML5, CSS3, etc

WD - working draft (초안단계, W3C가 검토받기 위해 공개한 문서. 초안단계)

CR - candidate recommendation (후보권고안, 충분히 검토받고 테스트를 거쳐 기술적 요구사항이 충족된 단계)

PR - proposed recommendation (제안권고안, 이미 광법위한 기술적 구현과 검토가 완료, 최종승인 직전 검토단계)

REC - W3C Recommendation (권고안, 승인이 완료되어 표준화가 완료된 단계)

 

 

css grid속성의 경우 CR단계이지만 아래와같이 모든 브라우저에서 지원이 되기 때문에 해당 속성을 이용해도 된다고 생각하면 된다.