HTMl 의미론적인 코드

시맨틱 태그

의미론적인

개발자와 브라우저에게 의미를 제공하는 태그

<의미> 콘텐츠</의미>

태그명은 이 요소가 가진 목적이나 역할은 무엇인가?
검색 엔진에게 좋은 단서가 된다.

장점은?
검색 엔진은 시맨틱 태그(태그명)를 중요한 단서로 본다.
시각장애가 있는 사용자가 화면 판독기로 페이지를 탐색할 때 참조한다.
코드의 가독성이 좋다.
컨테이너 남용을 방지할 수 있어 코드 쓰기가 편하다.

컨테이너 태그 span div 같은 특별한 스타일을 제공하지 않는다.

<출처>오즈코딩 유노코딩

문서 정보 관리하기

meta 태그 데이터에 대한 데이터 즉, 정보를 의미한다.
항상 head 안에 들어가고 뷰포트 설정을 지정하는데 사용

웹페이지에 대한 정보를 제공하므로 검색엔진이 페이지를 검색할 때
참고할 수 있고 검색 결과에도 반영할 수 있다.

메타데이터 유형 속성
charset 문자 세트

http-equiv

http 프로토콜