欢迎光临本站! 会员登录 | 注册会员 | 学习交流 | 会员中心 | 在线充值 | 使用QQ登录
扫一扫添加微信咨询
咨询电话:187-3813-1589
在线客服:
本站主要提供AICS6、PSCS6、CDRX6、DWCS6、html、CSS样式、js脚本、ASP、PHP等视频教程,近期隆重推出平面设计、网页设计视频教程套装,在线学习结合视频光盘/U盘,是您成为设计大师的必经之路!
您所在的位置:首页 >> 网站前端 >> html基础 >> html教程66:使用meta标签设置网页头文件信息

网站前端

讲师:赵老师[简介] 已录课程:120讲 【本课程讨论区】

html教程66:使用meta标签设置网页头文件信息

在线QQ:2034014288 客服电话:187-3813-1589

您还不是vip会员或者没有登录,无法进入学习,请登录后访问或者联系站长升级会员等级!
为了能给大家提供更好的服务和视频教程,本站VIP课程需要收取一定的学费,具体收费标准根据不同的班级课程和有效期长短有所不同,具体请咨询在线老师,多谢您对本站的支持!

【注册会员】 | 【如何开通VIP会员】 | 【学习点卡充值】
html教程66:使用meta标签设置网页头文件信息

讲师:瑞德威(赵老师)

html标记语言 视频教程

第三十五课 使用meta标签设置网页头文件信息

1、meta 标签

meta元素可提供有关页面的元信息(meta-information),比如针对搜索引擎和更新频度的描述和关键词。meta 标签位于文档的头部head 元素内部,不包含任何内容。<meta> 标签的属性定义了与文档相关联的名称/值对。

meta 标签常用的属性 
属性  值  描述

content  some_text 定义与 http-equiv 或 name 属性相关的元信息

http-equiv 把 content 属性关联到 HTTP 头部。
  使用带有 http-equiv 属性的 <meta> 标签时,服务器将把名称/值对添加到发送给
  浏览器的内容头部。常用于设置网页的编码、过期时间和cookie等。
 取值如下:
  content-type(内容类型) 
    expires(过期时间)设置是否缓存页面内容以及过期时间。
   refresh(刷新)
  Pragma(杂注; 编译指示)设置是否允许缓存
   set-cookie(设置cookie)
  Content-Script-Type 设置脚本类型
  Content-Language 说明主页制作所使用的文字以及语言
  Pics-label 网页等级评定
  windows-Target  强制页面在当前窗口中以独立页面显示,可以防止自己的网页被别人
    当作一个frame页调用;
  Page-Enter 设定进入页面时的特殊效果
  Page-Exit  设定离开页面时的特殊效果   
 例如:  <meta http-equiv="Content-Type" content="text/html; charset=gb2312" />

  <meta http-equiv="expires" content="31 Dec 2008"> 缓存过期时间
  <meta http-equiv="Refresh" content="秒数; url=跳转的文件或地址" > 
  <meta http-equiv="Pragma" content="no-cache"> 禁用缓存
  <meta http-equiv="Cache-Control" content="no-cache"> 禁止缓存
  <meta http-equiv="Expires" content="0"> 打开页面后缓存立即过期
  <meta http-equiv="Page-Enter" content= "revealTrans(duration=10,transtion=50)"> 网页过渡效果,IE8以下浏览器支持,不建议使用
  <meta http-equiv="Page-Exit" contect= "revealTrans(duration=20,transtion=6)"> 网页过渡效果,IE8以下浏览器支持,不建议使用

name  提供了名称/值对中的名称。把 content 属性关联到一个名称。取值如下:

  author(作者)告诉搜索引擎你的站点的制作的作者 
   description(描述)告诉搜索引擎你的站点的主要内容
   keywords(关键词)向搜索引擎说明你的网页的关键词
   generator(开发者,创始者)用以说明生成工具(如dreamweaver)等;
  copyright(版权信息)
   revised(校对,修订)设置修改时间
  robots(搜索爬虫设置)允许或禁止抓取的相关设置
  viewport 用于指定用户是否可以缩放页面,常用于移动端设置
   others(其他)

 例如: <meta name="keywords" content="手机,智能手机,苹果手机,华为手机,小米手机">
  <meta name="description"
content="本站主要销售智能手机.....">
  <meta name="author" content="赵红伟" />
  <meta name="generator" content="dreamweaver CS6" />
  <meta name="revised" content="story,2015/07/22" />
  <meta name="copyright" content="All Rights Reserved" />
  <meta name="robots" content="index,follow" />
  <meta name="viewport" content="width=240,height=360,initial-scale=1.0,maximum-scale=1.0, user-scalable=no"/> 
scheme  some_text 定义用于翻译 content 属性值的格式。

上一讲:html教程65:使用area标签设置图像热点的形状   |   下一讲:html教程67:使用meta标签设置网页的编码格式

如果您对本课程有什么评价或建议,欢迎分享!
* 标 题: 发布人:
* 咨询内容:
是否同步: 同步到交流中心

客服热线(8:00-23:00)

187 3813 1589

在线QQ客服:2034014288 赵老师
在线交流QQ群: 74924798
微信账号:redwe888

微信公众号