> 웹 프론트엔드 > HTML 튜토리얼 > HTML의 메타 속성 사용 요약

HTML의 메타 속성 사용 요약

巴扎黑
풀어 주다: 2017-04-01 15:09:15
원래의
1483명이 탐색했습니다.

원문: http://www.haorooms.com/post/html_meta_ds


소개

이전 블로그에서 토론이 있었습니다. 메타 소개 소개, 예: http://www.haorooms.com/post/liulanq_think_ie 브라우저 보안에 관한 이 기사에서는 페이지 간 전환 변환을 실현할 수 있는 메타 하의 IE의 일부 속성을 소개합니다. SEO 최적화에서 이미 언급했습니다. 다음은 메타의 기능과 활용에 대해 자세히 소개합니다.


서문

meta는 html 언어의 헤드 영역에 있는 보조 태그입니다. 어쩌면 이 코드가 필요없다고 생각할 수도 있습니다. 실제로 메타 태그를 잘 활용하면 예상치 못한 효과를 가져올 수 있습니다. 메타 태그의 기능은 검색 엔진 최적화(SEO), 페이지에서 사용되는 언어 정의, 자동으로 새 페이지 새로 고침 및 지정, 효과, 페이지 버퍼링 제어, 웹 페이지 평가 및 평가, 웹 페이지 표시 창 제어 등!


html의 메타 요약

메타 태그의 구성: 메타 태그에는 http-equiv 속성과 이름 속성의 두 가지 속성이 있으며, 다른 속성은 다른 매개변수 값입니다. , 이러한 다양한 매개변수 값은 다양한 웹페이지 기능을 실현합니다.


1. name 속성

name 속성은 주로 웹페이지를 설명하는 데 사용되며, 해당 속성 값은 content 내의 콘텐츠를 주로 사용합니다. 정보 및 분류 정보를 찾는 엔진 로봇.

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

[code]<meta name="参数"content="具体的参数值">。
로그인 후 복사



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

A. 키워드  

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

예:

[code]<meta name="keywords"content="meta总结,html meta,meta属性,meta跳转">
로그인 후 복사



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

설명: 설명은 다음과 같습니다. 검색 엔진이 웹 사이트의 주요 콘텐츠를 검색하도록 알려줍니다.

예:

[code]<meta name="description"content="haorooms博客,html的meta总结,meta是html语言head区的一个辅助性标签。">
로그인 후 복사



C. 로봇(로봇 가이드)

설명: 로봇은 검색 로봇의 어떤 페이지를 색인화해야 하고 어떤 페이지를 색인화할 필요가 없는지 검색합니다.

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

예:

[code]<meta name="robots"content="none">
로그인 후 복사



구체적인 매개변수는 다음과 같습니다.

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

정보 매개변수가 없음: 파일을 검색하지 않으며 페이지의 링크를 쿼리할 수 없습니다.

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

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

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

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

D. (작성자)

설명: 웹 페이지의 주석 작성자

예:

[code]<meta name="author"content="root,root@xxxx.com">
로그인 후 복사



E. 🎜>

[code]<meta name="generator"content="信息参数"/>
로그인 후 복사


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


F.COPYRIGHT

[code]<META NAME="COPYRIGHT"CONTENT="信息参数">
로그인 후 복사


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


G.revisit-after

[code]<META name="revisit-after"CONTENT="7days">
로그인 후 복사


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

2. http-equiv 속성

http-equiv는 이름에서 알 수 있듯이 http의 파일 헤더 기능과 동일합니다. 브라우저는 웹 페이지 콘텐츠를 정확하고 정확하게 표시하도록 도와줍니다. 해당 속성 값은 콘텐츠의 실제로 각 매개 변수의 변수 값입니다.


메타 태그의 http-equiv 속성 구문 형식은 다음과 같습니다.

[code]<meta http-equiv="参数"content="参数变量值">;
로그인 후 복사


http-equiv 속성에는 주로 다음 매개변수가 있습니다.


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

사용법:

[code]<meta http-equiv="expires"content="Fri,12Jan200118:18:18GMT">
로그인 후 복사


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


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

사용법:

[code]<meta http-equiv="Pragma"content="no-cache">
로그인 후 복사


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


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

사용법:

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


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


D. Set-Cookie(쿠키 설정)
참고: 웹페이지가 만료되면 저장된 쿠키가 삭제됩니다.

사용법:

[code]<meta http-equiv="Set-Cookie"content="cookie value=xxx;expires=Friday,12-Jan-200118:18:18GMT;path=/">
로그인 후 복사


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


E. Window-target(표시 창 설정)
설명: 현재 창에 페이지가 독립적인 페이지로 표시되도록 합니다.

사용법:

[code]<meta http-equiv="Window-target"content="_top">
로그인 후 복사


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


F, content-Type (표시 문자 집합 설정)
설명: 페이지에서 사용하는 문자 집합을 설정합니다.

사용법:

[code]<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(显示语言的设定)

用法:

[code]<meta http-equiv="Content-Language"content="zh-cn"/>
로그인 후 복사



H、Cache-Control指定请求和响应遵循的缓存机制。

Cache-Control指定请求和响应遵循的缓存机制。在请求消息或响应消息中设置Cache-Control并不会修改另一个消息处理过程中的缓存处理过程。请求时的缓存指令包括no-cache、no-store、max-age、max-stale、min-fresh、on

ly-if-cached,响应消息中的指令包括public、private、no-cache、no-store、no-transform、must-revalidate、proxy-revalidate、max-age。各个消息中的指令含义如下

Public指示响应可被任何缓存区缓存

Private指示对于单个用户的整个或部分响应消息,不能被共享缓存处理。这允许服务器仅仅描述当用户的部分响应消息,此响应消息对于其他用户的请求无效

no-cache指示请求或响应消息不能缓存

no-store用于防止重要的信息被无意的发布。在请求消息中发送将使得请求和响应消息都不使用缓存。

max-age指示客户机可以接收生存期不大于指定时间(以秒为单位)的响应

min-fresh指示客户机可以接收响应时间小于当前时间加上指定时间的响应

max-stale指示客户机可以接收超出超时期间的响应消息。如果指定max-stale消息的值,那么客户机可以接收超出超时期指定值之内的响应消息。

J、http-equiv="imagetoolbar"

[code]<meta http-equiv="imagetoolbar"content="false"/>
로그인 후 복사



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

K、Content-Script-Type

[code]<Meta http-equiv="Content-Script-Type"Content="text/javascript">
로그인 후 복사



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

L 页面跳转,只用于IE

具体请看 http://www.haorooms.com/post/liulanq_think_ie

위 내용은 HTML의 메타 속성 사용 요약의 상세 내용입니다. 자세한 내용은 PHP 중국어 웹사이트의 기타 관련 기사를 참조하세요!

관련 라벨:
원천:php.cn
본 웹사이트의 성명
본 글의 내용은 네티즌들의 자발적인 기여로 작성되었으며, 저작권은 원저작자에게 있습니다. 본 사이트는 이에 상응하는 법적 책임을 지지 않습니다. 표절이나 침해가 의심되는 콘텐츠를 발견한 경우 admin@php.cn으로 문의하세요.
인기 튜토리얼
더>
최신 다운로드
더>
웹 효과
웹사이트 소스 코드
웹사이트 자료
프론트엔드 템플릿