공부 및 일상기록

[면접준비] 시맨트 마크업에 대해 설명해보세요 본문

개발/면접 준비용 지식 정리

[면접준비] 시맨트 마크업에 대해 설명해보세요

낚시하고싶어요 2023. 1. 30. 08:17

시맨틱 마크입이란 의미를 잘 전달하도록 문서를 작성하는 것을 의미합니다.

시맨틱 마크업의 방법은 각 태그를 용도에 맞게 사용하는 것입니다.

<div>박스로 모든것을 해결하는것이 아닌 헤더와 푸터에는 <header> ,<footer>를 사용하는 등 용도에 맞는 태그를 선택하는 것이 좋습니다.

또 한가지 예로 의미를 명시하는 태그를 사용합니다. 굵은 글씨를 의미하는 <b>태그와 <strong>태그가 있지만 강한 전달의 의미를 내포한다면 <strong>태그로 작성하는것이 시맨틱 마크업에 적합합니다.

시맨틱 마크업을 하는 이유는 검색엔진이 시맨틱 태그를 중요한 키워드로 간주하기 때문에 SEO측면에서 유리하기 때문입니다.

또한 단순한 div, span태그로 감싸진 코드보다 가독성이 좋습니다.