>웹 프론트엔드 >프런트엔드 Q&A >HTML에서 메타의 역할은 무엇입니까?

HTML에서 메타의 역할은 무엇입니까?

青灯夜游
青灯夜游원래의
2021-11-17 16:32:0311599검색

HTML에서 메타 태그의 역할: 1. 검색 엔진 최적화(SEO) 2. 페이지에서 사용되는 인코딩을 정의합니다. 3. 자동으로 새 페이지를 새로 고치고 가리킵니다. 4. 웹 페이지 변환 중에 동적 효과를 얻습니다. 5. 페이지 버퍼링 제어 6. 웹페이지 등급 및 평가 7. 웹페이지에 표시되는 창 제어

HTML에서 메타의 역할은 무엇입니까?

이 튜토리얼의 운영 환경: Windows 7 시스템, HTML5 버전, Dell G3 컴퓨터.

html 메타 요약

메타 태그의 구성: meta 태그에는 http-equiv 속성과 name 속성이라는 두 가지 속성이 있습니다. 이러한 서로 다른 매개변수 값은 서로 다릅니다. 다양한 웹페이지 기능.

메타 태그에는 다음과 같은 기능이 있습니다.

1. 검색 엔진 최적화(SEO)

2. 페이지에서 사용되는 인코딩 정의

3. 자동으로 새로 고침 및 새 페이지 지정

4. 실현 웹 페이지 전환의 역학 효과

  5. 페이지 버퍼링 제어

6. 웹 페이지 등급 평가

7. 웹 페이지에 표시되는 창 제어

1. name 속성

name 속성은 주로 설명하는 데 사용됩니다. 웹 페이지이며 해당 속성 값은 콘텐츠입니다. 콘텐츠의 콘텐츠는 주로 검색 엔진 로봇이 정보를 찾고 분류하는 데 사용됩니다.

메타 태그의 이름 속성 구문 형식은 다음과 같습니다.

<meta name="参数"content="具体的参数值">。

이름 속성에는 주로 다음 매개변수가 있습니다.

A. 키워드(키워드)

설명: 키워드는 검색 엔진에 키워드가 무엇인지 알려주는 데 사용됩니다. 귀하의 웹페이지는 입니다.
예:

<meta name="keywords"content="meta总结,html meta,meta属性,meta跳转">

B. 설명(웹사이트 콘텐츠 설명)

설명: 설명은 검색 엔진에 웹사이트의 주요 콘텐츠를 알리는 데 사용됩니다.
예:

<meta name="description"content="haorooms博客,html的meta总结,meta是html语言head区的一个辅助性标签。">

C, robots(로봇 가이드)

설명: 로봇은 검색 로봇에게 색인을 생성해야 하는 페이지와 색인을 생성할 필요가 없는 페이지를 검색 로봇에게 알려주는 데 사용됩니다.

콘텐츠 매개변수에는 all, none, index, noindex, follow 및 nofollow가 포함됩니다. 기본값은 모두입니다.

예:

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

특정 매개변수는 다음과 같습니다.

  • 정보 매개변수는 모두입니다. 파일이 검색되고 페이지의 링크를 쿼리할 수 있습니다.

  • 정보 매개변수는 없음입니다. 파일은 검색되지 않으며 페이지의 링크는 쿼리할 수 없습니다.

  • 정보 매개변수는 인덱스입니다.

  • 정보 매개변수는 다음과 같습니다. 페이지의 링크는 검색될 수 있습니다.

  • 정보 매개변수는 noindex입니다. 파일은 검색되지 않지만 페이지의 링크는 검색될 수 있습니다.

  • 정보 매개변수는 nofollow입니다. 파일은 검색되지만 페이지의 링크는 검색됩니다. 쿼리할 수 없습니다.

D, 작성자(author)

설명: 웹 페이지의 작성자를 표시합니다

예:

<meta name="author"content="root,root@xxxx.com">

E, Generator

<meta name="generator"content="信息参数"/>

메타 태그 생성기의 정보 매개변수는 웹 사이트를 만드는 데 사용되는 소프트웨어.

F, COPYRIGHT

<META NAME="COPYRIGHT"CONTENT="信息参数">

메타 태그의 COPYRIGHT 정보 매개변수는 해당 웹사이트의 저작권 정보를 나타냅니다.

G, revisit-afte

<META name="revisit-after"CONTENT="7days">

revisit-after는 웹사이트 재방문을 나타내고, 7days는 7일을 나타냅니다.

2. http-equiv 속성

http-equiv는 이름에서 알 수 있듯이 http의 파일 헤더 기능과 동일하며 웹 페이지 콘텐츠를 정확하고 정확하게 표시하는 데 도움이 되는 몇 가지 유용한 정보를 반환할 수 있습니다. 해당 속성의 값은 content이고, content의 내용은 실제로 각 매개변수의 변수 값입니다.

meta 태그의 http-equiv 속성 구문 형식은

; http-equiv 속성에는 주로 다음과 같은 매개변수가 있습니다:

A, Expires (마침표)

설명: 웹페이지의 만료 시간을 설정하는 데 사용할 수 있습니다. 웹페이지가 만료되면 서버로 다시 전송되어야 합니다.
사용법:

<meta http-equiv="expires"content="Fri,12Jan200118:18:18GMT">

참고: GMT 시간 형식을 사용해야 합니다.

B, Pragma(캐시 모드)

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

사용법:

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

참고: 이 설정을 사용하면 방문자는 오프라인으로 탐색할 수 없습니다.

C, Refresh(새로고침)

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

사용법:

<meta http-equiv="Refresh"content="2;URL=http://www.haorooms.com"> //(注意后面的引号,分别在秒数的前面和网址的后面)

참고: 2는 2초 동안 머물렀다가 자동으로 URL을 새로 고치는 것을 의미합니다.

D.Set-Cookie(쿠키 설정)

참고: 웹페이지가 만료되면 저장된 쿠키가 삭제됩니다.

사용법:

<meta http-equiv="Set-Cookie"content="cookie value=xxx;expires=Friday,12-Jan-200118:18:18GMT;path=/">

참고: GMT 시간 형식을 사용해야 합니다.

E, Window-target (표시 창 설정)

설명: 페이지가 현재 창에 독립적인 페이지로 표시되도록 강제합니다.

사용법:

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

참고: 다른 사람이 프레임에서 자신의 페이지를 호출하는 것을 방지하는 데 사용됩니다.

F, content-Type (표시 문자 집합 설정)

설명: 페이지에서 사용하는 문자 집합을 설정합니다.

사용법:

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

자세한 내용은 다음과 같습니다.

  • meta标签的charset的信息参数如GB2312时,代表说明网站是采用的编码是简体中文;

  • meta标签的charset的信息参数如BIG5时,代表说明网站是采用的编码是繁体中文;

  • meta标签的charset的信息参数如iso-2022-jp时,代表说明网站是采用的编码是日文;

  • meta标签的charset的信息参数如ks_c_5601时,代表说明网站是采用的编码是韩文;

  • meta标签的charset的信息参数如ISO-8859-1时,代表说明网站是采用的编码是英文;

  • meta标签的charset的信息参数如UTF-8时,代表世界通用的语言编码;

G、content-Language(显示语言的设定)

用法:

<meta http-equiv="Content-Language"content="zh-cn"/>

H、http-equiv="imagetoolbar"

<meta http-equiv="imagetoolbar"content="false"/>

指定是否显示图片工具栏,当为false代表不显示,当为true代表显示。

J、Content-Script-Type

<Meta http-equiv="Content-Script-Type"Content="text/javascript">

W3C网页规范,指明页面中脚本的类型。

L 页面跳转,只用于IE

推荐教程:《html视频教程

위 내용은 HTML에서 메타의 역할은 무엇입니까?의 상세 내용입니다. 자세한 내용은 PHP 중국어 웹사이트의 기타 관련 기사를 참조하세요!

성명:
본 글의 내용은 네티즌들의 자발적인 기여로 작성되었으며, 저작권은 원저작자에게 있습니다. 본 사이트는 이에 상응하는 법적 책임을 지지 않습니다. 표절이나 침해가 의심되는 콘텐츠를 발견한 경우 admin@php.cn으로 문의하세요.