[html] meta tag
<meta> 태그는 <head> 태그의 자식 태그로 존재해야 합니다.
1. <meta> 태그의 charset
<meta charset = 'UTF-8'>
<meta> 태그 안에 charset 속성은 문서의 인코딩 방식을 정의할 수 있습니다.
위에 적힌
UTF-8은 Universal Coded Character Set + Transformation Format – 8-bit 의 약자입니다.
UTF-8은 가장 많이 사용하는 가변 길이 유니코드입니다.
일반적으로 charset="UTF-8"을 설정해 주시면됩니다.
2. <meta> 태그의 content
<meta content = '상태 설정'>
content 속성은 name, http-equiv 속성과 같이 사용됩니다. 단독적으로 사용되지 않고 다른 속성의 상태를 결정하는
속성입니다.
3. <meta> 태그의 name
<meta name = 'keyword' content = '검색엔진의 해쉬태그'>
검색엔진에서의 키워드를 작성합니다. 예를 들면 구글에서 meta 태그를 궁금해할 경우 content에 meta를 적어주면 키워드에 따른 노출도를 높일 수 있습니다.
<meta name = 'description' content = 'HTML meta tag page'>
웹페이지의 상태를 설명합니다. content에 상태에 대해 적어줍니다.
<meta name = 'author' content = 'go-zip'>
웹페이지의 작성자를 설정합니다.
4. <meta> 태그의 http-equiv
프래그마 지시문을 작성하는 속성입니다. 가능한 값은 특정 http헤더입니다.
아래는 MDN에서의 http-equiv의 속성 예시입니다.
<meta http-equiv = 'content-security-policy'>
현재 페이지의 콘텐츠 정책을 정의할 수 있습니다. 대부분의 콘텐츠 정책은 허용하는 서버 출처와 스크립트 엔드포인트를 지정해 사이트 간 스크립트 공격 방어에 도움을 줍니다.
Content-Security-Policy - HTTP | MDN
The HTTP Content-Security-Policy response header allows web site administrators to control resources the user agent is allowed to load for a given page. With a few exceptions, policies mostly involve specifying server origins and script endpoints. This hel
developer.mozilla.org
<meta http-equiv = 'content-type' content = 'text.html; charset=uft-8'>
지정할 경우, content 특성의 값은 반드시 "text/html; charset=utf-8"이어야 합니다.
참고: text/html MIME 유형으로 제공하는 문서에서만 사용할 수 있으며, XML MIME 유형의 문서에서는 사용할 수 없습니다.
<meta http-equiv = 'default-style'>
기본 CSS 스타일 시트 세트의 이름을 지정합니다.
CSS: Cascading Style Sheets | MDN
Cascading Style Sheets(CSS)는 HTML이나 XML(XML의 방언인 SVG, XHTML 포함)로 작성된 문서의 표시 방법을 기술하기 위한 스타일 시트 언어입니다. CSS는 요소가 화면, 종이, 음성이나 다른 매체 상에 어떻게 렌
developer.mozilla.org
<meta http-equiv = 'x-ua-compatible' content = 'IE=edge'>
http-equiv = 'x-ua-compatible'의 경우의 content는 'IE=edge' 고정입니다.
<meta http-equiv = 'refresh' content = '3; url=https://www.mozilla.org'>
페이지의 새로고침 또는 다른 페이지의 이동을 정의합니다.
위의 예시의 3은 3초를 말하는 것이고 3초 뒤에 'url=' 의뒤에 작성한 페이지로 이동됩니다.