HTML <메타> 태그

HTML 문서 내의 메타데이터 설명:

아래에서 더 많은 "직접 사용해 보기" 예를 살펴보세요.

정의 및 사용

<meta>태그는 HTML 문서에 대한 메타데이터를 정의합니다 . 메타데이터는 데이터에 대한 데이터(정보)입니다.

<meta>태그는 항상 <head> 요소 내부에 있으며 일반적으로 문자 집합, 페이지 설명, 키워드, 문서 작성자 및 뷰포트 설정을 지정하는 데 사용됩니다.

메타데이터는 페이지에 표시되지 않지만 시스템에서 구문 분석할 수 있습니다.

메타데이터는 브라우저(콘텐츠를 표시하거나 페이지를 다시 로드하는 방법), 검색 엔진(키워드) 및 기타 웹 서비스에서 사용됩니다.

웹 디자이너가 태그를 통해 뷰포트(웹 페이지에서 사용자가 볼 수 있는 영역)를 제어할 수 있도록 하는 방법이 있습니다 <meta>(아래 "뷰포트 설정" 예제 참조).

Element
<meta>	Yes	Yes	Yes	Yes	Yes

Attribute	Value	Description
charset	character_set	Specifies the character encoding for the HTML document
content	text	Specifies the value associated with the http-equiv or name attribute
http-equiv	content-security-policy content-type default-style refresh	Provides an HTTP header for the information/value of the content attribute
name	application-name author description generator keywords viewport	Specifies a name for the metadata

<meta>태그는 HTML의 전역 속성도 지원 합니다 .

검색 엔진에 대한 키워드 정의:

웹 페이지에 대한 설명을 정의합니다.

페이지 작성자 정의:

30초마다 문서 새로 고침:

웹사이트가 모든 기기에서 잘 보이도록 표시 영역 설정:

뷰포트는 웹 페이지에서 사용자가 볼 수 있는 영역입니다. 장치에 따라 다릅니다. 컴퓨터 화면보다 휴대전화에서 더 작습니다.

모든 웹 페이지에 다음 <meta>요소를 포함해야 합니다.

이것은 페이지의 크기와 배율을 제어하는 방법에 대한 브라우저 지침을 제공합니다.

부품 은 width=device-width장치의 화면 너비를 따르도록 페이지 너비를 설정합니다(장치에 따라 다름).

이 initial-scale=1.0부분은 브라우저에서 페이지를 처음 로드할 때 초기 확대/축소 수준을 설정합니다.

다음은 뷰포트 메타 태그가 없는 웹 페이지 와 뷰포트 메타 태그가 있는 동일한 웹 페이지 의 예입니다 .

팁: 휴대폰이나 태블릿으로 이 페이지를 탐색하는 경우 아래 두 링크를 클릭하여 차이점을 확인할 수 있습니다.

반응형 웹 디자인 - 뷰포트 튜토리얼 에서 뷰포트에 대한 자세한 내용을 읽을 수 있습니다 .

없음.