[HTML5] HTML5 Semantic Elements (의미 요소)

Semantic = Meaning (의미)
Semantic elements = Elements with meaning. (의미 요소는 의미를 가지고 있는 요소의 뜻)

무엇이 의미 요소인가?
의미 요소는 브라우저와 개발자 사이에서의 의미가 명료하게 정의된다.

• 의미가 없는 요소의 예: <div>와 <span> - 컨텐츠에 대해 아무것도 알려주지 않는다.
• 의미 요소의 예: <form>, <table>, <img> - 컨텐츠를 명료하게 정의한다.

HTML5의 새로운 의미 요소
오늘날 현존하는 많은 웹 사이트는 탐색 링크, 머리말, 꼬리말을 표현하기 위해 <div id="nav">, <div class="header">, <div id="footer"> 같은 HTML 코드를 포함한다.

HTML5는 웹 페이지의 다른 부분을 명료하게 정의하기 위해 새로운 의미요소를 권장한다. <header> <nav> <section> <article> <aside> <figure> <figcaption> <footer> <details> <summary> <mark> <time>