반응형
Semantic element (시멘틱 요소)
HTML5에서는 시멘틱 웹(semantic web)이 중시되면서
여러 시멘틱 요소(semantic element)가 새롭게 만들어졌습니다.
semantic이란 '의미가 있는, 의미론적인'이라고 해석할 수 있습니다.
다시 말해, 의미를 가진 요소를 사용하는 방식을 추구하기 시작했습니다.
Semantic element를 사용해야 하는 이유
1) 검색엔진이 Semantic element를 더 좋아하기 때문입니다.
(즉, Semantic element에 담긴 의미에 따라 검색 결과가 상위 노출이 결정될 수 있습니다.)
2) 여러 개발자가 함께 작업할 때 <div> 요소를 탐색하는 것보다
의미 있는 코드 블록을 찾는 것이 훨씬 더 편리하기 때문입니다.
그뿐만 아니라, 요소 안에 채워질 데이터 유형도 예측하기 쉽습니다.
위 그림에서 보는 것과 같이 <div>와 <span> 요소로만 화면을 구성했을 때 보다,
각 요소의 이름만 보고도 화면에서 어떤 역할을 하게 될지, 어떤 내용을 담게 될지 보다 정확하게 알 수 있게 되었습니다.
반응형
Semantic element를 알아보는 시간이었습니다.
틀린 내용은 댓글로 알려주시면 감사하겠습니다.
반응형
