1차 공부/기술면접 준비
Semantic HTML의 필요성을 예시를 들어 설명해주세요.
공대탈출
2023. 3. 2. 12:10
답변
태그의 의미에 맞춰 기계와 사람에게 정보를 전달해 줄 수 있습니다. 예를들어 h1태그는 제목, article태그는 한 덩어리의 정보라는 것을 알 수 있습니다. 회사를 홍보하려하는데 p태그 안에 회사 이름을 넣게되면 검색엔진이 약한 의미와 연관성을 가져 악영향을 끼칩니다. 또한 모든 태그를 div로 작성하면 클래스명과 아이디를 각각 주어야하는데 코드가 더러워지고 협업 시 타인이 파악하기 힘들어집니다.
꼬리질문
시멘틱 태그에 관해 몇가지만 알려주실 수 있나요?
article태그는 문서에서 독립된 영역을 뜻합니다. aside태그는 사이드영역 또는 광고를 뜻합니다. footer는 꼬리말을 담당합니다. header은 머리말을 담당합니다. main태그는 주요 컨텐츠 영역으로 한페이지에 한개만 사용합니다. section은 구역을 나누어 여러 컨텐츠가 들어갈 수 있습니다.
참고자료
HTML : Semantic하게 작성해야하는 이유
Semantic Web, Semantic Tag, Sectioning Elements, Semantic Markup
velog.io
]