[웹] 프론트엔드에서는 HTML <meta> 태그

<메타>인스턴스

<head>
    <meta name="description" content="免费在线教程">
    <meta name="keywords" content="HTML,CSS,XML,JAVASCRIPT">
    <meta name="author" content="runoob">
    <meta charset="UTF-8">
</head>

라벨 정의 및 사용 지침

현재 모든 주류 브라우저는 기본적으로 <meta> 태그를 지원합니다.

즉, 이 메타는 브라우저용이지만, 프로그래머가 메타에 설정한 정보의 도움을 받아 사용자는 이 웹 페이지를 검색할 수 있습니다.

META는 일반적으로 웹 페이지 설명, 키워드, 파일의 마지막 수정 시간, 작성자 및 기타 메타데이터를 지정하는 데 사용됩니다.

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

주의해야 할 작은 지식 포인트

<meta> 태그는 일반적으로 <head> 영역 내에 위치합니다.
메타데이터는 일반적으로 이름과 값 쌍으로 나타납니다.
name 속성이 제공되지 않으면 이름, 값 쌍의 이름은 http-equiv 속성 값을 사용합니다.

HTML4.01과 HTML5의 차이점

HTML5는 스키마 속성을 지원하지 않습니다.

HTML5에는 문자 집합 정의를 더 쉽게 해주는 새로운 charset(charset n. 문자 집합) 속성이 있습니다. 예를 들어:

<meta http-equiv="content-type" content="text/html;charset=UTF-8">
<meta charset="UTF-8">

등가 n.값

문자 집합 n. 문자 집합

UTF-8: (8비트, 범용 문자 세트/유니코드 변환 형식)은 유니코드를 위한 가변 길이 문자 인코딩입니다. 이는 유니코드 표준의 모든 문자를 나타낼 수 있으며 인코딩의 첫 번째 문자는 여전히 ASCII 코드와 호환되므로 ASCII 문자를 처리하는 원래 소프트웨어는 약간의 수정 없이 또는 약간의 수정만으로 계속 사용할 수 있습니다. 따라서 점차 이메일, 웹 페이지 및 텍스트를 저장하거나 전송하는 기타 응용 프로그램에서 선호되는 인코딩이 되었습니다. 유니코드에는 UTF-8, UTF-16, UTF-32의 세 가지 인코딩 방법이 있습니다. UTF-8은 바이트 순서와 관련이 없고(BOM이 필요 없음) ASCII 인코딩과 호환되므로 UTF-8 인코딩은 오늘날 널리 사용되는 인터넷 정보 인코딩 표준이 되었습니다.

HTML과 XHTML의 차이점

HTML에서는 <meta> 태그에 닫는 태그가 없습니다.

XHTML에서 <meta> 태그에는 닫는 태그가 포함되어야 합니다.

<meta> 속성 요약

<meta> 예제에 대한 자세한 설명

예시 1: 키워드

키워드: 검색 엔진에 대한 문서 키워드를 정의합니다.

<meta name="keywords" content="HTML,CSS,XML,XHTML,JAVASCRIPT">

예시 2: 설명

설명: 웹페이지 설명을 정의합니다.

<meta name="description" content="Free Web tutorials on HTML and CSS">

예시 3: 작성자

이름: 페이지 작성자를 정의합니다.

<meta name="author" content="Hege Refsnes">

예시 4: 새로 고침

새로고침: 30초마다 페이지 새로고침

<meta http:equiv="refresh" content="30">