Notice
Recent Posts
Recent Comments
Link
일 | 월 | 화 | 수 | 목 | 금 | 토 |
---|---|---|---|---|---|---|
1 | ||||||
2 | 3 | 4 | 5 | 6 | 7 | 8 |
9 | 10 | 11 | 12 | 13 | 14 | 15 |
16 | 17 | 18 | 19 | 20 | 21 | 22 |
23 | 24 | 25 | 26 | 27 | 28 |
Tags
- 클라이언트 컴포넌트
- 항해99솔직후기
- 날씨 api
- 중복카테고리
- server component
- 부트캠프항해
- 로딩 후 실행
- JavaScript
- 항해99추천
- 배열 메소드
- 알고리즘
- 항해99
- 서버 컴포넌트
- 항해99후기
- db수정
- greedy
- 동전 0
- 탐욕알고리즘
- 백준
- 카테고리필터
- 자바스크립트
- 그리디
- 숫자를 별점으로
- 중복선택
- react
- 배열 중복 제거
- NextJS v13
- 실전프로젝트
- jQuery
- 프로그래머스
Archives
- Today
- Total
공부 및 일상기록
[면접준비] 시맨트 마크업에 대해 설명해보세요 본문
시맨틱 마크입이란 의미를 잘 전달하도록 문서를 작성하는 것을 의미합니다.
시맨틱 마크업의 방법은 각 태그를 용도에 맞게 사용하는 것입니다.
<div>박스로 모든것을 해결하는것이 아닌 헤더와 푸터에는 <header> ,<footer>를 사용하는 등 용도에 맞는 태그를 선택하는 것이 좋습니다.
또 한가지 예로 의미를 명시하는 태그를 사용합니다. 굵은 글씨를 의미하는 <b>태그와 <strong>태그가 있지만 강한 전달의 의미를 내포한다면 <strong>태그로 작성하는것이 시맨틱 마크업에 적합합니다.
시맨틱 마크업을 하는 이유는 검색엔진이 시맨틱 태그를 중요한 키워드로 간주하기 때문에 SEO측면에서 유리하기 때문입니다.
또한 단순한 div, span태그로 감싸진 코드보다 가독성이 좋습니다.
'개발 > 면접 준비용 지식 정리' 카테고리의 다른 글
[면접준비] async await란 무엇인가요? (0) | 2023.01.30 |
---|---|
[면접준비] Promise란 무엇인가요? (0) | 2023.01.30 |
[면접준비] CSS in JS의 장단점 (0) | 2023.01.30 |
[면접준비] display 속성에 대해 설명해보세요 (0) | 2023.01.30 |
[면접준비] margin과 padding의 차이 (0) | 2023.01.30 |