메타 태그는 HTML 언어의 헤드 영역에있는 보조 레이블입니다.
메타는 종종 지침, 키워드를 정의하고 날짜 및 기타 메타 데이터를 수정하는 데 사용됩니다. 이 메타 데이터는 브라우저 (페이지를 레이아웃 또는 다시로드하는 방법), 검색 엔진 및 기타 네트워크 서비스를 제공합니다.
Mata 레이블에는 전역 속성 (https://developer.mozilla.org/en-s/docs/web/global_attributes)
숯불웹 페이지의 문자 코드 선언 :
<meta charset = utf-8>콘텐츠
컨텐츠 속성의 내용은 HTP-equiv 또는 이름 속성의 값으로 사용하는 속성에 따라 다릅니다.
http-equiv이 속성에는 HTTP 헤더의 이름이 포함될 수 있으며 속성의 전체 영어 이름은 HTTP와 동등합니다. 서버 및 사용자 에이전트의 동작을 변경할 수있는 지침을 정의합니다. 이 명령어의 값은 컨텐츠 속성에 정의되며 다음 중 하나 일 수 있습니다.
콘텐츠 언어 (구식)페이지의 기본 언어를 정의하십시오. 모든 요소의 Lang 속성으로 덮을 수 있습니다.
프라그마브라우저는 로컬 컴퓨터의 캐시에서 페이지 컨텐츠를 방문 할 수 없습니다. 좋다:
<meta http-equiv = pragma content = no-cache>만료
웹 페이지의 만료 시간을 설정하는 데 사용할 수 있습니다. 웹 페이지가 만료되면 서버에서 다시 전송해야합니다.
캐시 제어요청의 캐시 메커니즘과 다음 응답을 지정하십시오. 다음과 같은 사용 방법이 있습니다.
없음 캐시 : 먼저 요청을 보내고, 서버와 함께 리소스가 변경되었는지 확인하고 변경되지 않은 경우 캐시를 사용하십시오.
매장 없음 : 캐시를 허용하지 말고 매번 서버로 이동하여 전체 응답을 다운로드하십시오. (안전 조치)
공개 : 모든 응답을 캐시하지만 필요하지 않습니다. 맥스 연령도 같은 효과를 얻을 수 있기 때문입니다
비공개 : 단일 사용자 캐시 만 있으므로 릴레이 캐시가 허용되지 않습니다. (예를 들어, CDN은 캐시 개인 응답을 허용하지 않습니다)
MAX-AGE : 현재 요청이 시작됩니다. 응답이 서버에 다시 반복되지 않고 응답을 캐시하고 재사용 할 수있는 시간이 시작됩니다. 예를 들어 : Max-Age = 60은 응답을 60 초 동안 캐시 및 재사용 할 수 있음을 의미합니다.
콘텐츠 보안 정책저자가 현재 페이지의 내용 전략을 정의하도록 허용하십시오. 컨텐츠 전략은 주로 허용 서버 주소 및 스크립트 엔드 포인트를 지정하여 크로스 사이트 스크립팅 공격을 방지합니다.
CSP의 본질은 백색 목록 시스템입니다. 구현 및 실행은 모두 브라우저에서 완료되며 개발자는 구성 만 제공하면됩니다.
CSP는 웹 페이지의 보안을 크게 향상시킵니다. 공격자가 취약점을 찾더라도 화이트리스트에 나열된 신뢰할 수있는 호스트를 제어하지 않는 한 스크립트를 주입 할 수 없습니다. 두 가지 방법은 CSP를 활성화 할 수 있습니다. 하나는 HTTP 헤더 정보를 통한 콘텐츠 보안 정책 분야입니다.
Content-Security-Policy : Script-SRC 'Self';
다른 하나는 웹 페이지의 레이블입니다.
<meta http-equiv = content-security-policy content = script-src 'seld';
위의 코드에서 CSP는 다음과 같은 구성을 만들었습니다.
스크립트 : 현재 도메인 이름을 신뢰하십시오
태그 : URL이 없음, 즉 리소스를로드하지 않습니다.
스타일 테이블 : 유일한 신뢰 cdn.example.org 및 threm-party.org
프레임 : HTTPS 프로토콜과 함께로드해야합니다
기타 리소스 : 제한 없음
개방 후 CSP를 충족하지 않는 외부 리소스가로드되지 않습니다.
더 많은 소개 : 컨텐츠 보안 정책 시작 튜토리얼
내용 유형 (구식)마임 유형의 문서를 정의한 다음 문자로 인코딩하십시오.
이 값은 구식이므로 사용하지 마십시오. 요소에 charset 속성을 사용하는 것이 좋습니다.
XHTML 또는 HTML5의 XHTML 직렬화에서 문서 유형을 변경할 수 없으므로 MIME 유형을 사용하여 MIML MIME 유형을 설정하지 마십시오.
새로 고치다이 지침은 다음을 지정합니다.
내용 속성에 하나의 양의 정수 만 포함 된 경우 페이지에로드 된 초의 초 수를 나타냅니다.
컨퍼런스 속성에 긍정적 인 정수가 포함 된 다음 문자열 ';
<메타 http-equiv = 새로 고침 컨텐츠 = 2; http://www.vevb.com/ //세트 쿠키 (구식)
해당 콘텐츠 값은 IETF http 쿠키 사양을 따라야합니다 (https://tools.itef.org/html/draft- httpstate-cookie-14).
이 명령어를 사용하지 말고 http 헤더의 세트 쿠키 (https://developer.mozilla.org/en-s/docs/web/http/headers/set-cookie)를 사용하십시오.
X-UA 호환브라우저에 페이지를 렌더링하도록 지시하는 데 사용됩니다.
<meta http-equiv = x-ua comcomposition content = ie get, ated, chrome = 1/> IE와 Chrome을 지정하여 최신 버전으로 현재 페이지를 렌더링합니다.이름
이름 속성의 정의는 문서 수준 메타 데이터에 속합니다. itemprop, http-equiv 또는 charset과 동시에 설정할 수 없습니다.
메타 -데이터 데이터의 이름은 컨텐츠 속성의 값과 관련이 있습니다. 이름 속성의 가능한 값은 다음과 같습니다.
응용 프로그램 이름웹 페이지에서 실행되는 응용 프로그램의 이름을 정의하십시오.
작가웹 페이지의 저자를 표시하는 데 사용됩니다.
설명페이지 콘텐츠의 축소판에 대한 설명을 포함합니다. Firefox 및 Opera와 같은 일부 브라우저는이 기본 설명을 웹 북마크로 사용합니다.
발전기웹 페이지에서 어떤 소프트웨어가 만들어 졌는지 표시하는 데 사용됩니다.
키워드검색 엔진을 알리는 데 사용되는 웹 페이지의 키워드
재 방문페이지가 자주 업데이트되지 않으면 서버로 검색 엔진 크롤러의 압력을 줄이기 위해 크롤러의 재 방문 시간을 설정할 수 있습니다. 재 방문 시간이 너무 짧은 경우, 크롤러는 그들이 정의한 기본 시간에 따라 액세스됩니다. 예:
<meta name = Revisit-after content = 7 일>세우다
렌더러는 듀얼 코어 브라우저를 위해 준비되어 듀얼 코어 브라우저가 기본적으로 페이지를 렌더링하는 방법을 지정합니다. 예를 들어, 360 브라우저. 예:
<meta name = renderer content = webkit> // 기본 webkit kernel <meta name = renderer content = ie-comp> // 기본 IE 호환 모드 <meta name = renderer content = ie-sand> // 기본 I e 표준 모드참조 자
참조자는 Docume의 요청 요청에서 http header (https://developer.mozilla.org/en-us/web/web/web/web/weferer를 제어합니다. 해당 값은 내용에 있습니다.
| 콘텐츠 | 의미 |
|---|---|
| No-RefererRrrrr | HTTP 참조 헤드를 보내지 마십시오 |
| 기원 | 문서 원점을 보내십시오 |
| 레퍼 레르 시대의 다운 그레이드 | Origin은 현재 페이지와 동일하지만 원점 (https-> http)으로 원점을 보내지 않는 URL (https-> https)에 대한 참조 자로 전송됩니다. 이것이 기본 동작입니다. |
| 원산지 시대-크로스 소리 린 | 동일한 오리핀의 요청, 전체 URL (스트리핑 매개 변수)이 보냈지 만 다른 경우에는 원산지 만 전송됩니다. |
| 안전하지 않은 것 | 동성 또는 크로스 오리핀의 요청은 완전한 URL (스트리핑 매개 변수)을 보냅니다. |
로봇은 파충류에 인덱스가 필요한 페이지와 인덱스가 필요하지 않은 페이지를 파충류에 알리는 데 사용합니다.
| 값 | 설명하다 | 사용 |
|---|---|---|
| 색인 | 로봇 색인 페이지 허용 (기본값) | 모두 |
| noindex | 로봇 인덱싱 페이지는 허용되지 않습니다 | 모두 |
| 따르다 | 검색 엔진 이이 웹 페이지에서 링크 인덱스를 통해 다른 웹 페이지를 계속 검색하도록 허용합니다 (기본값) | 모두 |
| 노 폴로우 | 검색 엔진이 웹 페이지의 링크 인덱스를 통해 다른 웹 페이지를 검색 할 수 있습니다. | 모두 |
| 없음 | nondex와 동일합니다. nofollow | |
| NOODP | 검색 엔진 결과의 페이지 설명으로 Open Directory Project 설명 (그렇다면)을 사용하는 것은 금지되어 있습니다. | 구글, 야후, 빙 |
| 아키스티브 | 캐싱 페이지 컨텐츠없이 검색 엔진의 내용이 필요합니다. | 구글, 야후, 빙 |
| nosnippet | 검색 엔진 결과에 페이지에 대한 설명을 표시하는 것은 금지되어 있습니다. | 구글, 빙 |
| noimageindex | 이 페이지는 참조 페이지의 색인 이미지로 표시되지 않아야합니다. | |
| Nocache | 비축성과의 증후군 | 빙 |
뷰포트의 초기 크기의 크기에 대한 프롬프트를 제공합니다. 모바일 장치의 경우.
| 값 | confnt | 설명하다 |
|---|---|---|
| 너비 | 정수 또는 장치 범위 | 뷰포트의 픽셀 너비를 정의하거나 뷰포트가 장치의 화면 너비에 적응할 수 있도록합니다. |
| 키 | 정수 또는 장치 높이 | 뷰포트의 높이를 정의하십시오. 브라우저 사용 없음 (???) |
| 초기 규모 | 0.0-10.0 | 장치의 너비 (수직 모드의 장비 너비 또는 장비 높이 또는 수평 모드의 장비 높이) 및 뷰포트의 크기를 정의하십시오. |
| 최대 규모 | 0.0-10.0 | 최대 스케일링 레벨을 정의하십시오. 최소 규모보다 크거나 동일해야하며, 그렇지 않으면 기본값으로 간주됩니다. 브라우저 설정은이 규칙을 무시할 수 있으며 iOS10 +는 기본적으로이를 무시합니다. |
| 최소 규모 | 0.0-10.0 | 최소 스케일링 레벨을 정의하십시오. 최대 규모보다 작거나 같아야합니다. 그렇지 않으면 고무적으로 간주됩니다. 브라우저 설정은이 규칙을 무시할 수 있으며 iOS10 +는 기본적으로이를 무시합니다. |
| 사용자 확장 가능 | 예 또는 아니오 | 아니오로 설정되면 사용자는 웹 페이지를 확대 할 수 없습니다. 기본값은 예입니다. 브라우저 설정은이 규칙을 무시할 수 있으며 iOS10 +는 기본적으로이를 무시합니다. |
일반적인 사용법
금지 된 스케일링 :
<메타 이름 = 뷰포트 내용 = 초기 스케일 = 1.0, 최소 규모 = 1.0, 최대 규모 = 1.0, 사용자-규모 = NO/>
웹 페이지를 자동으로 새로 고치십시오
일정 시간이 지나면 페이지 새로 고침 작업을 설정할 수 있습니다. 메타 http-equiv = Refresh는 브라우저를 지정하여 자동 새로 고침 페이지를 일정 기간 동안 지연시킬 수 있습니다. 메타 태그는 아래의 브라우저를 5 초마다 자동으로 새로 고침합니다.
<meta http-equiv = 새로 고침 컨텐츠 = 5 ″ />
자동 리디렉션
새로 고침 메타 태그를 사용하여 페이지를 리디렉션 할 수 있습니다. 다음 예제는 5 초 후 www.vevb.com을 방문합니다
<meta http-equiv = refresh content = 5; 'http : //www.vevb.com'/>
금지 된 브라우저 캐시
웹 페이지를 로컬로 테스트하면 새 컨텐츠가 제 시간에 업데이트되지 않으며 브라우저 캐시가있을 수 있습니다. 현재 메타 태그를 사용하여 브라우저 캐시를 비활성화하는 한 해결할 수 있습니다. 일반 코드는 다음과 같습니다.
<meta http-equiv = 만료 내용 = 0> <메타 http-equiv = pragma content = no-cache> <meta http-equiv = 캐시 제어 컨텐츠 = no-cache>
바이두 트랜스 코딩의 목적지
<meta http-equiv = 캐시 제어 컨텐츠 = no-sizeapp/>
모바일 개발에서는 전화 번호로 번호를 보호하는 코드입니다.
<meta content = 전화 = no name = 형식-감지 />
참조하십시오
mdn html 요소 (https://developer.mozilla.org/en-s/docs/web/html/element/meta)))