목차
http-equiv 속성에는 주로 다음 매개변수가 있습니다.
웹 프론트엔드 HTML 튜토리얼 메타 태그를 사용하는 방법은 무엇입니까? 메타 태그를 사용하는 방법

메타 태그를 사용하는 방법은 무엇입니까? 메타 태그를 사용하는 방법

Oct 18, 2018 pm 04:35 PM
메타태그

이 기사에서 제공하는 내용은 메타 태그를 사용하는 방법입니다. 메타 태그를 사용하는 방법에는 특정 참고 가치가 있습니다. 도움이 필요한 친구들이 참고할 수 있기를 바랍니다.

메타 태그의 구성: 메타 태그에는 http-equiv 속성과 이름 속성이라는 두 가지 속성이 있습니다. 서로 다른 매개변수 값이 있습니다. 웹페이지 기능이 구현되었습니다.

1. name 속성

name 속성은 주로 웹페이지를 설명하는 데 사용되며 해당 속성 값은 content 입니다. 콘텐츠에 포함된 콘텐츠는 주로 검색 엔진을 활성화하기 위한 것입니다. 정보를 찾아내는 로봇으로 분류된 정보에 사용됩니다.

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

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

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

#🎜🎜 #①키워드( 키워드) 

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

예:

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

②description(웹사이트 콘텐츠 설명)

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

예:

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

3robots(로봇 가이드)

설명: 로봇은 검색 로봇에게 다음을 알려주는 데 사용됩니다. 페이지 인덱싱이 필요하며 인덱싱할 필요가 없는 페이지입니다.

content의 매개변수는

all, none, index, noindex, follow, nofollow입니다. 기본값은 모두입니다.

예:

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

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

정보 매개변수는 모두입니다. 파일이 검색되며 페이지의 링크는 다음과 같습니다.

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

정보 매개변수가 색인입니다.

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

정보 매개변수는 noindex입니다. 파일은 검색되지 않지만 링크는 검색됩니다.

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

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

예:

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

⑤generator#🎜 🎜#

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

meta 태그 생성기 정보 매개변수는 웹사이트를 만드는 데 어떤 소프트웨어가 사용되는지 설명합니다.

⑥copyright

<meta name="copyright" content="信息参数">
로그인 후 복사

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

7revisit-after

<meta name="revisit-after" content="7days">
로그인 후 복사

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

2.http-equiv attributehttp-equiv는 이름에서 알 수 있듯이 http의 파일 헤더 기능과 동일합니다. 브라우저에 유용한 정보를 반환할 수 있습니다. 웹 페이지 콘텐츠를 정확하게 표시하기 위해 해당 속성 값은 콘텐츠입니다. 콘텐츠의 콘텐츠는 실제로 각 매개변수의 변수 값입니다.

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

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

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

# 🎜 🎜#①Expires

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

사용법:

<meta http-equiv="expires" content="Fri,12Jan200118:18:18GMT">
로그인 후 복사
참고: GMT 시간 형식을 사용해야 합니다.

②Pragma(캐시 모드)

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

사용법:

<meta http-equiv="Pragma"content="no-cache">
로그인 후 복사
참고: 이 설정을 사용하면 방문자는 오프라인으로 탐색할 수 없습니다.

3Refresh(새로고침)

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

Usage:

<meta http-equiv="Refresh" content="2;URL=http://www.haorooms.com">//
(注意后面的引号,分别在秒数的前面和网址的后面)
로그인 후 복사
참고: 2는 2초 동안 머물렀다가 자동으로 URL을 새로 고치는 것을 의미합니다.

4Set-Cookie(쿠키 설정)

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

사용법:

<meta http-equiv="Set-Cookie"content="cookie value=xxx;expires=Friday,12-Jan-200118:18:18GMT;path=/">
로그인 후 복사
참고: GMT 시간 형식을 사용해야 합니다.

⑤Window-target(표시 창 설정)

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

사용법:

<meta http-equiv="Window-target"content="_top">
로그인 후 복사
참고: 프레임에서 다른 사람이 자신의 페이지를 호출하는 것을 방지하는 데 사용됩니다.

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

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

Usage:

<meta http-equiv="content-Type"content="text/html;charset=gb2312">
로그인 후 복사
자세한 내용은 다음과 같습니다. 메타태그의 charset 정보 매개변수가 GB2312와 같은 경우는 에서 사용하는 인코딩을 의미합니다. 웹사이트가 중국어 간체입니다. #🎜 🎜#

meta 태그의 문자 집합 정보 매개변수가 BIG5인 경우 #🎜의 문자 집합 정보 매개변수가 중국어 번체인 경우 웹사이트에서 사용하는 인코딩이 중국어입니다. 🎜#

meta 태그는 iso-2022-jp와 같습니다. 이는 웹 사이트에서 사용되는 인코딩이 일본어임을 의미합니다.

meta 태그 문자 집합 정보 매개변수(예: ks_c_5601) 웹사이트에서 사용하는 인코딩은 한국어입니다.

meta 태그 문자세트 정보 매개변수가 ISO-8859-1과 같다면 웹사이트에서 사용하는 인코딩이 영어라는 뜻입니다.

meta 태그는 UTF-8과 유사하며 전 세계 언어 인코딩을 의미합니다. ;

7content-Language(표시 언어 설정)

Usage:

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

⑧Cache-Control은 요청과 응답이 뒤따르는 캐싱 메커니즘을 지정합니다.

Cache-Control指定请求和响应遵循的缓存机制。在请求消息或响应消息中设置Cache-Control并不会修改另一个消息处理过程中的缓存处理过程。请求时的缓存指令包括no-cache、no-store、max-age、max-stale、min-fresh、only-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消息的值,那么客户机可以接收超出超时期指定值之内的响应消息。

⑨http-equiv=”imagetoolbar”

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

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

⑩Content-Script-Type

<meta http-equiv="Content-Script-Type" Content="text/javascript">
로그인 후 복사

  以上就是对meta标签如何使用?meta标签使用方法的全部介绍,如果您想了解更多有关HTML视频教程,请关注PHP中文网

위 내용은 메타 태그를 사용하는 방법은 무엇입니까? 메타 태그를 사용하는 방법의 상세 내용입니다. 자세한 내용은 PHP 중국어 웹사이트의 기타 관련 기사를 참조하세요!

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

뜨거운 기사 태그

메모장++7.3.1

메모장++7.3.1

사용하기 쉬운 무료 코드 편집기

SublimeText3 중국어 버전

SublimeText3 중국어 버전

중국어 버전, 사용하기 매우 쉽습니다.

스튜디오 13.0.1 보내기

스튜디오 13.0.1 보내기

강력한 PHP 통합 개발 환경

드림위버 CS6

드림위버 CS6

시각적 웹 개발 도구

SublimeText3 Mac 버전

SublimeText3 Mac 버전

신 수준의 코드 편집 소프트웨어(SublimeText3)

공식 계정 웹 페이지의 캐싱 업데이트에 어려움 : 버전 업데이트 후 사용자 경험에 영향을 미치는 이전 캐시를 피하는 방법은 무엇입니까? 공식 계정 웹 페이지의 캐싱 업데이트에 어려움 : 버전 업데이트 후 사용자 경험에 영향을 미치는 이전 캐시를 피하는 방법은 무엇입니까? Mar 04, 2025 pm 12:32 PM

공식 계정 웹 페이지의 캐싱 업데이트에 어려움 : 버전 업데이트 후 사용자 경험에 영향을 미치는 이전 캐시를 피하는 방법은 무엇입니까?

HTML5 양식 유효성 검사 속성을 사용하여 사용자 입력을 유효성있게하려면 어떻게합니까? HTML5 양식 유효성 검사 속성을 사용하여 사용자 입력을 유효성있게하려면 어떻게합니까? Mar 17, 2025 pm 12:27 PM

HTML5 양식 유효성 검사 속성을 사용하여 사용자 입력을 유효성있게하려면 어떻게합니까?

웹 페이지의 PNG 이미지에 뇌졸중 효과를 효율적으로 추가하는 방법은 무엇입니까? 웹 페이지의 PNG 이미지에 뇌졸중 효과를 효율적으로 추가하는 방법은 무엇입니까? Mar 04, 2025 pm 02:39 PM

웹 페이지의 PNG 이미지에 뇌졸중 효과를 효율적으로 추가하는 방법은 무엇입니까?

& lt; iframe & gt; 꼬리표? 보안을 사용할 때 보안 고려 사항은 무엇입니까? & lt; iframe & gt; 꼬리표? 보안을 사용할 때 보안 고려 사항은 무엇입니까? Mar 20, 2025 pm 06:05 PM

& lt; iframe & gt; 꼬리표? 보안을 사용할 때 보안 고려 사항은 무엇입니까?

& lt; meter & gt의 목적은 무엇입니까? 요소? & lt; meter & gt의 목적은 무엇입니까? 요소? Mar 21, 2025 pm 12:35 PM

& lt; meter & gt의 목적은 무엇입니까? 요소?

HTML5의 크로스 브라우저 호환성에 대한 모범 사례는 무엇입니까? HTML5의 크로스 브라우저 호환성에 대한 모범 사례는 무엇입니까? Mar 17, 2025 pm 12:20 PM

HTML5의 크로스 브라우저 호환성에 대한 모범 사례는 무엇입니까?

내비게이션 및 SEO에 HTML 링크를 효과적으로 사용하려면 어떻게합니까? 내비게이션 및 SEO에 HTML 링크를 효과적으로 사용하려면 어떻게합니까? Mar 18, 2025 pm 02:39 PM

내비게이션 및 SEO에 HTML 링크를 효과적으로 사용하려면 어떻게합니까?

& lt; datalist & gt의 목적은 무엇입니까? 요소? & lt; datalist & gt의 목적은 무엇입니까? 요소? Mar 21, 2025 pm 12:33 PM

& lt; datalist & gt의 목적은 무엇입니까? 요소?

See all articles