[HTML] <meta> 태그에 대해서

HTML을 작성하면서 아래처럼 head 태그 안에 meta 태그를 사용하였는데 왜 사용하는지 meta 태그가 무엇인지 정확하게 알고싶었다.

 

meta 태그는

웹 문서에 대한 메타데이터(metadata)를 정의하는 데 사용된다. 디자인적인 요소에는 영향을 끼치지 않고 해당 웹 문서가 누가 만들었는지, 어떤 키워드를 갖고있는지, 접근성은 어떤지에 대한 정보를 정의할 수 있다.

meta 태그의 속성

meta 태그의 속성은 아래와 같이 4개가 존재한다.

- name : meta 태그의 속성이 어떠한 유형의 정보를 나타내는지 정의한다.

- content : 해당 정보가 어떤 값을 갖고 있는지 정의한다.

- http-equiv : 웹 브라우저가 서버에 명령을 내린다. 웹 문서를 서버에서 웹 브라우저에 전송될 때에 유효하며 name으로 대체할 수 있다.

- charset : 웹 문서에서 사용하는 언어가 무엇으로 인코딩 되는지 정의한다. UTF-8은 많은 언어들에 대한 문자를 포함하고 있다.

meta 태그도 제대로 사용해야 하는 이유

1. 검색엔진 최적화

- keyword 속성을 통해 검색 엔진에 의해 검색되는 단어를 정의한다.

- description 속성으로 웹 페이지에 대한 설명을 정의한다.

 

2. 모든 장치를 고려한 웹 문서의 정확한 출력

- viewport 속성을 통해 웹 문서가 출력되는 화면에 맞게 출력될 수 있도록 한다.

 

 

※ 계속 공부하면서 내용 채워가기