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

HTML의 메타 속성 사용 요약

Apr 01, 2017 pm 03:09 PM
htmlmeta요약상표

원문: 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>。



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

A. 키워드  

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

예:

[code]<meta>



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

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

예:

[code]<meta>



C. 로봇(로봇 가이드)

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

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

예:

[code]<meta>



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

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

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

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

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

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

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

D. (작성자)

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

예:

[code]<meta>



E. 🎜>

[code]<meta>


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


F.COPYRIGHT

[code]<meta>


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


G.revisit-after

[code]<meta>


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

2. http-equiv 속성

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


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

[code]<meta>;


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


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

사용법:

[code]<meta>


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


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

사용법:

[code]<meta>


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


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

사용법:

[code]<meta> //(注意后面的引号,分别在秒数的前面和网址的后面)


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


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

사용법:

[code]<meta>


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


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

사용법:

[code]<meta>


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


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

사용법:

[code]<meta>



具体如下:

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>



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>



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

K、Content-Script-Type

[code]<meta>



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

L 页面跳转,只用于IE

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

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

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

HTML 태그 및 속성의 사용 방법에는 다음이 포함됩니다. 1. 기본 사용 : SRC 및 HREF와 같은 속성을 통해 필요한 정보를 사용하고 필요한 정보를 추가합니다. 2. 고급 사용 : 데이터-* 사용자 정의 속성을 사용하여 복잡한 상호 작용을 달성합니다. 3. 일반적인 실수를 피하십시오 : 속성 값이 인용문으로 둘러싸여 있는지 확인하십시오. 4. 성능 최적화 : 간단하게 유지하고 표준 속성 및 CSS 클래스 이름을 사용하여 이미지에 Alt 속성이 있는지 확인하십시오. 이것들을 마스터하면 웹 개발 기술이 향상됩니다.

HTML 태그와 HTML 속성의 차이점은 무엇입니까?HTML 태그와 HTML 속성의 차이점은 무엇입니까?May 14, 2025 am 12:01 AM

htmltagsdefinestructureofawebpage, whiletributesdfunctionalityanddetails.1) tags, andoutlinethecontent'splacement.2) agtributessuchassrc, class 및 styleenhancetagsbysingingimages ources, styling, and mormore, mormor, 개선.

HTML의 미래 : 진화와 트렌드HTML의 미래 : 진화와 트렌드May 13, 2025 am 12:01 AM

HTML의 미래는보다 의미적이고 기능적이며 모듈 식 방향으로 발전 할 것입니다. 1) 의미화로 인해 태그가 콘텐츠를보다 명확하게 설명하여 SEO 및 장벽없는 액세스를 향상시킵니다. 2) 기능화는 사용자의 요구를 충족시키기 위해 새로운 요소와 속성을 소개합니다. 3) 모듈화는 구성 요소 개발을 지원하고 코드 재사용 성을 향상시킵니다.

HTML 속성이 웹 개발에 중요한 이유는 무엇입니까?HTML 속성이 웹 개발에 중요한 이유는 무엇입니까?May 12, 2025 am 12:01 AM

htmlattributesarecrucialinwebdevelopmentforcontrollingbehavior, 외관 및 기능. 접근성, 접근성, andseo.forexample, thesrcattributeintagspactsseo, whike whike whike whike whike whike thercattributeintagspactsseo

ALT 속성의 목적은 무엇입니까? 왜 중요한가요?ALT 속성의 목적은 무엇입니까? 왜 중요한가요?May 11, 2025 am 12:01 AM

ALT 속성은 HTML에서 태그의 중요한 부분이며 이미지에 대한 대체 텍스트를 제공하는 데 사용됩니다. 1. 이미지를로드 할 수 없으면 ALT 속성의 텍스트가 표시되어 사용자 경험을 향상시킵니다. 2. 스크린 리더는 ALT 속성을 사용하여 시각 장애가있는 사용자가 그림의 내용을 이해하도록 도와줍니다. 3. 검색 엔진 인덱스 텍스트 텍스트는 웹 페이지의 SEO 순위를 향상시키기 위해 ALT 속성의 텍스트를 색인 텍스트입니다.

HTML, CSS 및 JavaScript : 예제 및 실제 응용 프로그램HTML, CSS 및 JavaScript : 예제 및 실제 응용 프로그램May 09, 2025 am 12:01 AM

웹 개발에서 HTML, CSS 및 JavaScript의 역할은 다음과 같습니다. 1. HTML은 웹 페이지 구조를 구축하는 데 사용됩니다. 2. CSS는 웹 페이지의 모양을 아름답게하는 데 사용됩니다. 3. JavaScript는 동적 상호 작용을 달성하는 데 사용됩니다. 태그, 스타일 및 스크립트를 통해이 세 가지는 함께 현대 웹 페이지의 핵심 기능을 구축합니다.

 태그에서 Lang 속성을 어떻게 설정합니까? 이것이 중요한 이유는 무엇입니까? 태그에서 Lang 속성을 어떻게 설정합니까? 이것이 중요한 이유는 무엇입니까?May 08, 2025 am 12:03 AM

태그의 Lang 속성을 설정하는 것은 웹 접근성 및 SEO를 최적화하는 핵심 단계입니다. 1) 태그에 LANG 속성을 설정하십시오. 2) 다국어 컨텐츠에서는 다른 언어 부품에 대한 LANG 속성을 설정하십시오. 3) "en", "fr", "zh"와 같은 ISO639-1 표준을 준수하는 언어 코드를 사용하여 LANG 속성을 올바르게 설정하면 웹 페이지 및 검색 엔진 순위의 접근성을 향상시킬 수 있습니다.

HTML 속성의 목적은 무엇입니까?HTML 속성의 목적은 무엇입니까?May 07, 2025 am 12:01 AM

htmlattributesearsentialforenhancingwebelements'functionalityandAmpearance.theyaddinformationTodeFineBehavior, 외관 및 간호, WebsITESITERACTIVE, RAPITIVE 및 VVESILLY -CAMENTION.ATTRIBUTESLIKESRC, HREF, 클래스, 유형 및 디스티브 트랜스포트

See all articles

핫 AI 도구

Undresser.AI Undress

Undresser.AI Undress

사실적인 누드 사진을 만들기 위한 AI 기반 앱

AI Clothes Remover

AI Clothes Remover

사진에서 옷을 제거하는 온라인 AI 도구입니다.

Undress AI Tool

Undress AI Tool

무료로 이미지를 벗다

Clothoff.io

Clothoff.io

AI 옷 제거제

Video Face Swap

Video Face Swap

완전히 무료인 AI 얼굴 교환 도구를 사용하여 모든 비디오의 얼굴을 쉽게 바꾸세요!

인기 기사

Nordhold : Fusion System, 설명
1 몇 달 전By尊渡假赌尊渡假赌尊渡假赌
<exp exp> 모호한 : 원정 33- 완벽한 크로마 촉매를 얻는 방법
2 몇 주 전By尊渡假赌尊渡假赌尊渡假赌

뜨거운 도구

안전한 시험 브라우저

안전한 시험 브라우저

안전한 시험 브라우저는 온라인 시험을 안전하게 치르기 위한 보안 브라우저 환경입니다. 이 소프트웨어는 모든 컴퓨터를 안전한 워크스테이션으로 바꿔줍니다. 이는 모든 유틸리티에 대한 액세스를 제어하고 학생들이 승인되지 않은 리소스를 사용하는 것을 방지합니다.

WebStorm Mac 버전

WebStorm Mac 버전

유용한 JavaScript 개발 도구

드림위버 CS6

드림위버 CS6

시각적 웹 개발 도구

메모장++7.3.1

메모장++7.3.1

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

맨티스BT

맨티스BT

Mantis는 제품 결함 추적을 돕기 위해 설계된 배포하기 쉬운 웹 기반 결함 추적 도구입니다. PHP, MySQL 및 웹 서버가 필요합니다. 데모 및 호스팅 서비스를 확인해 보세요.