From da78a9e329e272dedb2400b79a3bdeebff387d47 Mon Sep 17 00:00:00 2001 From: Peter Bengtsson Date: Tue, 8 Dec 2020 14:42:17 -0500 Subject: initial commit --- files/ko/web/html/element/meta/index.html | 151 ++++++++++++ files/ko/web/html/element/meta/name/index.html | 312 +++++++++++++++++++++++++ 2 files changed, 463 insertions(+) create mode 100644 files/ko/web/html/element/meta/index.html create mode 100644 files/ko/web/html/element/meta/name/index.html (limited to 'files/ko/web/html/element/meta') diff --git a/files/ko/web/html/element/meta/index.html b/files/ko/web/html/element/meta/index.html new file mode 100644 index 0000000000..3454e4d866 --- /dev/null +++ b/files/ko/web/html/element/meta/index.html @@ -0,0 +1,151 @@ +--- +title: ': 문서 레벨 메타데이터 요소' +slug: Web/HTML/Element/meta +tags: + - Element + - HTML + - HTML document metadata + - Reference + - Web + - metadata +translation_of: Web/HTML/Element/meta +--- +
{{HTMLRef}}
+ +

HTML <meta> 요소는 {{HTMLElement("base")}}, {{HTMLElement("link")}}, {{HTMLElement("script")}}, {{HTMLElement("style")}}, {{HTMLElement("title")}}과 같은 다른 메타관련 요소로 나타낼 수 없는 {{glossary("Metadata", "메타데이터")}}를 나타냅니다.

+ + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + +
콘텐츠 카테고리메타데이터 콘텐츠. itemprop이 존재하면 플로우 콘텐츠 및 구문 콘텐츠.
가능한 콘텐츠없음. {{Glossary("empty element", "빈 요소")}}입니다.
태그 생략빈 요소이므로 여는 태그는 존재해야 하고 닫는 태그는 존재해선 안됩니다.
가능한 부모 요소<meta charset>, <meta http-equiv>인 경우 {{htmlelement("head")}} 요소. {{htmlattrxref("http-equiv", "meta")}}가 인코딩 선언이 아닌 경우 <head> 내의 {{htmlelement("noscript")}} 요소도 가능합니다.
암시적 ARIA 역할대응하는 역할 없음
가능한 ARIA 역할없음
DOM 인터페이스{{domxref("HTMLMetaElement")}}
+ +

meta 요소가 제공하는 메타데이터는 다음 네 유형 중 하나입니다.

+ + + +

특성

+ +

이 요소는 전역 특성을 포함합니다.

+ +
+

참고: {{htmlattrxref("name", "meta")}} 특성은 <meta> 요소에 대해 특정한 의미를 가집니다. 하나의 <meta> 요소에서, {{htmlattrxref("itemprop", "meta")}} 특성을 {{htmlattrxref("name", "meta")}}, {{htmlattrxref("http-equiv", "meta")}} 또는 {{htmlattrxref("charset", "meta")}} 특성과 함께 설정할 수 없습니다.

+
+ +
+
{{htmlattrdef("charset")}}
+
페이지의 문자 인코딩을 선언합니다. 이 특성이 존재할 경우, 그 값은 반드시 문자열 "utf-8"의 대소문자 구분 없는 {{glossary("ASCII")}} 표현이어야 합니다.
+
{{htmlattrdef("content")}}
+
{{htmlattrxref("http-equiv", "meta")}} 또는 {{htmlattrxref("name", "meta")}} 특성의 값을 담습니다.
+
{{htmlattrdef("http-equiv")}}
+
+

프래그마 지시문을 정의합니다. 특성의 이름(http-equiv(alent))에서 알 수 있듯이, 가능한 값은 특정 HTTP 헤더입니다.

+ +
    +
  • content-security-policy + +

    현재 페이지의 콘텐츠 정책을 정의할 수 있습니다. 대부분의 콘텐츠 정책은 허용하는 서버 출처와 스크립트 엔드포인트를 지정해 사이트 간 스크립트 공격 방어에 도움을 줍니다.

    +
    • +
  • content-type +

    지정할 경우, content 특성의 값은 반드시 "text/html; charset=utf-8"이어야 합니다. 참고: text/html MIME 유형으로 제공하는 문서에서만 사용할 수 있으며, XML MIME 유형의 문서에서는 사용할 수 없습니다.

    +
    • +
  • default-style +

    기본 CSS 스타일 시트 세트의 이름을 지정합니다.

    +
    • +
  • x-ua-compatible +

    지정할 경우, content 특성의 값은 반드시 "IE=edge"여야 합니다. 사용자 에이전트는 이 프래그마를 무시해야 합니다.

    +
    • +
  • refresh +
    다음을 지정합니다.
    + +
      +
    • {{htmlattrxref("content", "meta")}} 특성에 양의 정수 값을 설정한 경우, 페이지를 다시 불러오기 전까지의 초 단위 대기시간.
      • +
    • {{htmlattrxref("content", "meta")}} 특성이 양의 정수 값을 가지고 그 뒤를 문자열 ;url=과 유효한 URL이 뒤따른다면, 해당 URL로 이동하기 전까지의 초 단위 대기시간.
      • +
    + +
    접근성 고려사항
    + +
    refresh 값을 지정한 페이지의 경우 새로고침 사이 간격이 너무 짧을 우려가 있습니다. 스크린 리더 등의 보조 기술로 탐색하는 사용자는 자동 새로고침 이전에 페이지의 내용을 읽고 이해하지 못할 수 있습니다. 또한 저시력 사용자에게 있어, 갑작스럽고 사전 안내도 없는 콘텐츠 업데이트는 어지러울 수 있습니다.
    + + +
    • +
+
+
{{htmlattrdef("name")}}
+
+

name과 content 특성을 함께 사용하면 문서의 메타데이터를 이름-값 쌍으로 제공할 수 있습니다. name은 이름, content는 값을 담당합니다.

+ +

표준 메타데이터 이름 문서에서 HTML 명세에 포함된 표준 메타데이터 목록을 살펴보세요.

+
+
+ +

예제

+ +
<meta charset="utf-8">
+
+<!-- 3초 후 리다이렉트 -->
+<meta http-equiv="refresh" content="3;url=https://www.mozilla.org">
+
+ +

명세

+ + + + + + + + + + + + + + + + +
SpecificationStatusComment
{{SpecName('HTML WHATWG', 'semantics.html#the-meta-element', '<meta>')}}{{Spec2('HTML WHATWG')}}Added itemprop attribute
+ +

브라우저 호환성

+ + + +
{{Compat("html.elements.meta")}}
diff --git a/files/ko/web/html/element/meta/name/index.html b/files/ko/web/html/element/meta/name/index.html new file mode 100644 index 0000000000..76333202b1 --- /dev/null +++ b/files/ko/web/html/element/meta/name/index.html @@ -0,0 +1,312 @@ +--- +title: 표준 메타데이터 이름 +slug: Web/HTML/Element/meta/name +tags: + - Attribute + - HTML + - HTML document metadata + - Reference + - metadata + - 메타데이터 +translation_of: Web/HTML/Element/meta/name +--- +
{{HTMLRef}}
+ +

{{htmlelement("meta")}} 요소는 {{htmlattrxref("name", "meta")}} 특성을 메타데이터 이름으로, {{htmlattrxref("content", "meta")}} 특성을 값으로 하여 문서 메타데이터를 이름-값 쌍의 형태로 제공할 때 사용할 수 있습니다.

+ +

HTML 명세가 정의하는 표준 메타데이터 이름

+ +

HTML 명세는 다음과 같은 표준 메타데이터 이름을 정의하고 있습니다.

+ + + +

다른 명세가 정의하는 표준 메타데이터 이름

+ +

CSS Color Adjustment 명세는 다음과 같은 메타데이터 이름을 정의합니다.

+ + + +

CSS Device Adaptation 명세는 다음과 같은 메타데이터 이름을 정의합니다.

+ + + +

다른 메타데이터 이름

+ +

WHATWG Wiki MetaExtensions 페이지는 거대한 수의 비표준 메타데이터 목록을 포함합니다. 그러나 다음 메타데이터 이름을 포함한 일부 항목은 실제로도 꽤 자주 사용하고 있습니다.

+ + + +

명세

+ + + + + + + + + + + + + + + + + + + + + +
명세
{{SpecName('HTML WHATWG', '#standard-metadata-names', 'standard metadata names')}}
{{SpecName('CSS Color Adjust', '#color-scheme-meta', 'the "color-scheme" metadata name')}}
{{SpecName('CSS3 Device', '#viewport-meta', 'the "viewport" metadata name')}}
{{SpecName('Referrer Policy', '#referrer-policy-delivery-meta', 'the "referrer" metadata name')}}
+ +

브라우저 호환성

+ + + +

{{Compat("html.elements.meta.name")}}

-- cgit v1.2.3-54-g00ecf