> 웹 프론트엔드 > HTML 튜토리얼 > 메타 및 링크 태그의 일반적인 사용법

메타 및 링크 태그의 일반적인 사용법

一个新手
풀어 주다: 2017-09-14 10:39:37
원래의
2366명이 탐색했습니다.

기본 페이지 설정

<!-- 页面描述 -->
<meta name="description" content="页面描述,控制在150字以内" />
<!-- 页面关键词 -->
<meta name="keywords" content="关键字列表" />
<!-- 作者信息 -->
<meta name="author" content="basecss, i@basecss.net" />
<!-- 页面图标 -->
<link rel="shortcut icon" type="image/icon" href="icon.ico" />
<!--解决360浏览器网页显示异常 -->
<meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1">
로그인 후 복사

http 정보 설정

<!-- 内容语言 -->
<meta http-equiv="content-language" content="zh-CN" />
<!-- 自动跳转 -->
<meta http-equiv="refresh" content="3; URL=http://www.baidu.com" />
<!-- 编码设置(可以直接用 charset="utf-8" 代替) -->
<meta http-equiv="content-type" content="UTF-8" />
<!-- 缓存信息 -->
<meta http-equiv="expires" content="GMT 格式时间" />
<!-- 禁止缓存 -->
<meta http-equiv="pragma" content="no-cache" />
<!-- 缓存控制 -->
<meta http-equiv="Cache-control" content="max-age=5" />
  <!-- ******************************
  public: 允许任何人缓存此页;
  private: 不允许缓存服务器缓存此页;
  no-cache: 相应不能被缓存;
  no-stroe: 请求相应都不能被缓存;
  max-age: 最大生存周期(秒);
  min-fresh: 客户端愿意接受的最小缓存时长,缓存时间超过该值会要求向服务器查新;
  max-stale: 接受超过缓存时限但不超过该值的数据;
  ******************************* -->
<!-- 添加 cookie -->
<meta http-equiv="set-cookie" content="cookieName=cookieValue;expires=GMT 格式时间;path=/" />
<!-- 页面加载动画 -->
<meta http-equiv="page-enter" content="blandtrans(duration=0.5)" />
<!-- 页面退出动画 -->
<meta http-equiv="page-exit" content="revealtrans(duration=0.5,transtion=1)" />
  <!-- ******************************
  transtion 可以取0-23的整数,分别表示:
  0.盒状收缩; 1.盒状展开; 2.圆形收缩; 3.圆形展开; 4.向上擦除;
  5.向下擦除; 6.向左擦除; 7.向右擦除; 8.垂直百叶窗; 9.水平百叶窗;
  10.纵向棋盘; 11.横向棋盘; 12.溶解; 13.左右向中间收缩; 14.中间向左右展开;
  15.上下向中间收缩; 16.中间向上下展开; 17.阶梯向左下; 18.阶梯向左上;
  19.阶梯向右下; 20.阶梯向右上; 21.水平随机线; 22.垂直随机线; 23.随机;
  ****************************** -->
로그인 후 복사

검색 엔진 관련 설정

<!-- 设置搜索引擎抓取间隔 -->
<meta name="visit-after" content="10 days">
<!-- 搜索引擎抓取设置 -->
<meta name="robots" content="index, follow" />
  <!-- ******************************
  index: 允许搜索引擎抓取此页;
  noindex: 不允许搜索引擎抓取此页;
  follow: 允许搜索引擎抓取子页面;
  nofollow: 允许搜索引擎抓取子页面;
  none: 等同于 noindex 和 nofollow
  all: 等同于 index 和 follow
  ******************************* -->
로그인 후 복사

모바일 관련 설정

모바일 개발을 위한 기본 설정

rreee

위 내용은 메타 및 링크 태그의 일반적인 사용법의 상세 내용입니다. 자세한 내용은 PHP 중국어 웹사이트의 기타 관련 기사를 참조하세요!

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