HTML5 헤드 태그에 대한 약간의 지식에 대한 간략한 토론

이 장에서는 HTML5 헤더 태그에 대한 몇 가지 기본 지식을 소개합니다. 도움이 필요한 친구들이 참고할 수 있기를 바랍니다.

meta는 HTML 언어의 헤드 영역에 있는 보조 태그입니다. 메타 태그에는 검색 엔진 최적화(seo), 페이지에 사용되는 언어 정의, 자동 새로 고침 및 새 페이지 지정과 같은 많은 기능이 있습니다. , 웹 페이지 변환 중 동적 효과 달성, 페이지 버퍼링 제어, 웹 페이지 평가 및 평가, 웹 페이지 표시 창 제어 등!

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

1. 태그의 name 속성

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

meta 태그의 name 속성 구문 형식은 다음과 같습니다.

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

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

1. 키워드(keywords)

설명: 키워드는 검색 엔진에 알리는 데 사용됩니다. 귀하의 웹 페이지에 대한 키워드는 무엇입니까?

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

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

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

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

3. 로봇(로봇 가이드)

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

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

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

구체적인 매개변수는 다음과 같습니다.
정보 매개변수는 모두입니다. 파일이 검색되고 페이지의 링크를 쿼리할 수 있습니다. 정보 매개변수가 없음: 파일이 검색되지 않으며 페이지의 링크를 쿼리할 수 없습니다. 정보 매개변수는 index입니다. 파일이 검색됩니다. 정보 매개변수는 다음과 같습니다: 페이지의 링크를 쿼리할 수 있습니다. 정보 매개변수는 noindex입니다. 파일은 검색되지 않지만 페이지의 링크는 쿼리할 수 있습니다. 정보 매개변수는 nofollow입니다. 파일은 검색되지만 페이지의 링크는 쿼리할 수 없습니다.


4, 작성자(author)

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

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

5, Generator

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

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

6. COPYRIGHT

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

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

2. 태그의 http-equiv 속성

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

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

<meta http-equiv="参数"content="参数变量值">；

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

1. 만료(마침표)

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

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

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

2. Pragma(캐시 모드)

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

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

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

3. 새로고침

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

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

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

4. Set-Cookie(쿠키 설정)

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

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

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

5. Window-target (표시 창 설정)

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

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

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

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

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

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

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

메타 태그의 문자 세트 정보 매개 변수가 GB2312인 경우 웹 사이트에서 사용하는 인코딩이 중국어 간체라는 의미입니다. 예를 들어 BIG5는 웹사이트에서 사용하는 인코딩이 중국어 번체임을 의미합니다.

meta 태그 문자 집합의 정보 매개변수가 iso-2022-jp와 같은 경우 웹사이트에서 사용하는 인코딩은 일본어,

meta 태그 문자 세트의 정보 매개변수가 ks_c_5601인 경우 웹사이트에서 사용하는 인코딩이 일본어임을 의미합니다.

meta 태그 문자 세트의 정보 매개변수가 다음과 같은 경우 인코딩은 한국어입니다. ISO-8859-1과 같이 웹사이트에서 사용하는 인코딩이 영어라는 의미입니다.

meta 태그 문자 집합의 정보 매개변수가 UTF-8과 같다면 이는 범용 언어 인코딩이라는 의미입니다. 7, 콘텐츠-언어(표시 언어 설정)

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

8、http-equiv="imagetoolbar"

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

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

9、Content-Script-Type

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

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

三、常用的 标签写法

1、声明文档使用的字符编码： 

2、优先使用 IE 最新版本和 Chrome：
   

3、页面描述：       

4、页面关键词：      

5、网页作者：   

6、搜索引擎抓取：      

7、为移动设备添加 viewport：
    

8、iOS 设备 begin： 

9、添加到主屏后的标题（iOS 6 新增）：  

10、启用360浏览器的极速模式(webkit)：  

11、避免IE使用兼容模式：     

12、不让百度转码：    

13、微软的老式浏览器：   

14、强制竖屏：
   uc强制竖屏： QQ强制竖屏： UC强制全屏 QQ强制全屏：    

15、点击无高光：    windows phone 

위 내용은 HTML5 헤드 태그에 대한 약간의 지식에 대한 간략한 토론의 상세 내용입니다. 자세한 내용은 PHP 중국어 웹사이트의 기타 관련 기사를 참조하세요!