집 > 기사 > 웹 프론트엔드 > 메타 태그에 대한 자세한 소개

메타 태그에 대한 자세한 소개

王林앞으로: 2020-10-20 16:47:372856검색

메타 태그에 대한 자세한 소개

메타 메인 태그

(추천 튜토리얼: html 비디오 튜토리얼)

HTML5 메타 태그에는 이름 속성, 문자 세트 속성, http-equiv 속성이라는 세 가지 주요 속성이 있습니다.

메타 태그에 대한 자세한 소개

Charset

현재 문서의 문자 인코딩 선언:

<meta charset="UTF-8">

http-equiv

http와 유사한 파일 헤더. 웹 페이지를 올바르고 정확하게 표시하는 데 도움이 되는 몇 가지 유용한 정보를 브라우저에 설정할 수 있습니다. Content

content-Type

페이지 문자 집합 설정, 다음 문자 집합은 위 문자 집합과 동일합니다

<meta http-equiv="content-Type" content="text/html;charset=utf-8"/>

expires

웹 페이지의 캐시 만료 시간 설정

<meta http-equiv="expires" content="Wed, 12 Feb 2020 09:00:00 GMT"/>

GMT 시간 형식을 사용해야 합니다

refresh

자동으로 새로고침하고 새 페이지를 가리킵니다

<meta http-equiv="refresh"content="5; url=http://www.xxxx.com/"/>

set-cookie

쿠키 설정

<meta http-equiv="Set-Cookie" content="cookievalue=xxx;expires=Wed, 12 Feb 2020 09:00:00 GMT; path=/">

GMT 시간 형식을 사용해야 합니다. 일부 브라우저는 mata 설정 쿠키를 지원하지 않습니다

window-target

창 설정 표시

<meta http-equiv="Window-target" content="_top">

pragma

캐시 모드는 브라우저가 로컬 컴퓨터의 캐시에 있는 페이지 콘텐츠에 액세스하는 것을 금지합니다.

<meta http-equiv="Pragma" content="no-cache">

Name

은 검색엔진이 이를 찾아 분류할 수 있도록 웹페이지의 정보를 설명하는 데 주로 사용됩니다.

author

웹페이지의 작성자 정보를 명시합니다.

<meta name="author" content="小白,232323233@qq.com"/>

description

검색엔진에 주요 내용을 제공합니다. 귀하의 웹사이트.

<meta name="description" content="html5 meta 标签说明"/>

generator

웹사이트가 어떤 편집기로 만들어졌는지 설명하세요

<meta name="generator" content="你所用的编辑器"/>

keywords

검색엔진에 제공되는 키워드 목록

<meta name="keywords" content="小白,小黑,小红"/>

viewport

Html5가 새로 추가되어 모바일 브라우저의 표시를 최적화합니다(화면 크기 조정)

<meta name="viewport" content="width=device-width, initial-scale=1.0,maximum-scale=1.0, user-scalable=no"/>

매개변수:
width 뷰포트 너비 [device-width | pixel_value]width pixel_value 값을 직접 설정하면 대부분의 Android 휴대폰에서는 지원하지 않지만 iOS에서는 지원합니다.

height – 뷰포트 높이(범위) 223 ~ 10,000)
user-scaled [yes | no] 스케일링 허용 여부
initial-scale [숫자 값] 초기화 스케일 (범위: > 0 ~ 10)
minimum-scale [숫자 값] 허용되는 최소 스케일 scale
maximum-scale [숫자 값] 허용되는 최대 크기 조정 비율

robots

은 검색 로봇에게 색인을 생성해야 하는 페이지와 색인을 생성하지 않는 페이지를 알려줍니다.

<meta name="robots" content=""/>

매개변수:
콘텐츠 매개변수 값에는 all, none, index, noindex, follow, nofollow가 포함되며 기본값은 all입니다.
매개변수는 모두입니다: 파일이 검색되고 페이지의 링크가 쿼리될 수 있습니다.

매개변수가 없음: 파일이 검색되지 않으며 페이지의 링크가 쿼리될 수 없습니다. 인덱스: 파일을 검색합니다.

매개변수는 다음과 같습니다. 페이지의 링크를 쿼리할 수 있습니다.

매개변수는 noindex입니다. 파일은 검색할 수 없지만 페이지의 링크는 쿼리할 수 있습니다. nofollow: 파일은 검색되지만 페이지의 링크를 쿼리할 수 없습니다.

메타 태그에 대한 자세한 소개

관련 기사