HTML) 시멘틱 웹, 시멘틱 마크업

시멘틱

• 의미론적인
• 컴퓨터(브라우저)가 잘 이해할 수 있는 코드

-> 의미에 맞는 요소를 사용

-> 문서의 구조화

-> 인간과 기계 모두 잘 이해할 수 있는 코드

 

 

외부에서 보여지는 효과는 같을 수 있지만

각 태그가 갖는 의미는 다르다

그렇기 때문에 용도에 맞게 사용해주는 것이 

시멘틱한 코드를 작성했다고 할 수 있다

 

s와 u로 원가와 할인가를 작성하게 되면

컴퓨터는 2개의 가격이 있는 것으로 인식하지만

del과 ins로 작성하였을 경우

할인가만 가격으로 인식하게된다

 

-> strong, em, del, ins 등의 태그가 시멘틱 태그

 

html5에서 추가된 semantic 요소들

• <article>
• <aside>
• <figcaption>
• <figure>
• <footer>
• <header>
• <main>
• <mark>
• <nav>
• <section>
• <time>