답변
태그의 의미에 맞춰 기계와 사람에게 정보를 전달해 줄 수 있습니다. 예를들어 h1태그는 제목, article태그는 한 덩어리의 정보라는 것을 알 수 있습니다. 회사를 홍보하려하는데 p태그 안에 회사 이름을 넣게되면 검색엔진이 약한 의미와 연관성을 가져 악영향을 끼칩니다. 또한 모든 태그를 div로 작성하면 클래스명과 아이디를 각각 주어야하는데 코드가 더러워지고 협업 시 타인이 파악하기 힘들어집니다.
꼬리질문
시멘틱 태그에 관해 몇가지만 알려주실 수 있나요?
article태그는 문서에서 독립된 영역을 뜻합니다. aside태그는 사이드영역 또는 광고를 뜻합니다. footer는 꼬리말을 담당합니다. header은 머리말을 담당합니다. main태그는 주요 컨텐츠 영역으로 한페이지에 한개만 사용합니다. section은 구역을 나누어 여러 컨텐츠가 들어갈 수 있습니다.
참고자료
HTML : Semantic하게 작성해야하는 이유
Semantic Web, Semantic Tag, Sectioning Elements, Semantic Markup
velog.io
]
'1차 공부 > 기술면접 준비' 카테고리의 다른 글
| HTML 의 inline 요소와 block 요소의 차이점을 설명해주세요. 예시도 들어주세요 (1) | 2023.03.03 |
|---|---|
| Redux 상태관리의 주요 개념들과 연결 관계를 설명해주세요. 다른 상태관리 도구와 비교 설명 해주세요 (0) | 2023.03.03 |
| <li>요소는 왜 <ul>요소의 자식 요소여야만 하나요? (0) | 2023.03.02 |
| React의 state와 props에 대해서 설명해주세요. (0) | 2023.03.02 |
| 순수함수란 무엇인가요? 불변성과 사이드 이펙트와 연결하여설명해주세요. (0) | 2023.03.01 |