티스토리 뷰
<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=' 의뒤에 작성한 페이지로 이동됩니다.
'[html5]' 카테고리의 다른 글
| [html5] 제목태그(Header tag) (0) | 2021.12.03 |
|---|---|
| [html] 시멘틱 태그(semantic tag)란? (0) | 2021.08.26 |
| [html] html 태그 문법 (0) | 2021.08.26 |
| [html] Hyper text 링크 걸기 (0) | 2021.08.26 |
| [html] html 이란? (0) | 2021.08.25 |
- Total
- Today
- Yesterday
- HTML
- 별칭
- 호이스팅
- 박스 모델
- sql
- PYTHON
- meta 속성
- null
- 바꾸는 법
- java
- javascript
- vsCode
- 앞뒤 공백 제거
- reserved words
- 코딩
- ternary operator
- ORA-00984
- 변수
- Primitive Data Type
- 파이썬
- rdt
- 28000
- html5
- ora-00907
- JSX
- Box Model
- js
- 907
- CSS
- 배열
| 일 | 월 | 화 | 수 | 목 | 금 | 토 |
|---|---|---|---|---|---|---|
| 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 | 29 | 30 | 31 |