锦州市广厦电脑维修|上门维修电脑|上门做系统|0416-3905144热诚服务,锦州广厦维修电脑,公司IT外包服务
topFlag1 设为首页
topFlag3 收藏本站
 
maojin003 首 页 公司介绍 服务项目 服务报价 维修流程 IT外包服务 服务器维护 技术文章 常见故障
锦州市广厦电脑维修|上门维修电脑|上门做系统|0416-3905144热诚服务技术文章
HTML中meta标签的作用及使用方法

作者: 佚名  日期:2020-01-13 16:40:26   来源: 本站整理

 一、meta标签的定义

meta标签是head部的一个辅助性标签,提供关于 HTML 文档的元数据。它并不会显示在页面上,但对于机器是可读的。可用于浏览器(如何显示内容或重新加载页面),搜索引擎(SEO),或其他 web 服务。

二、meta标签的作用

meta标签里的数据是供机器解读的,其主要作用有:搜索引擎优化(SEO),定义页面使用语言,自动刷新并指向新的页面,实现网页转换时的动态效果,控制页面缓冲,网页定级评价,控制网页显示的窗口等等。

三、meta标签的可选属性

在W3school中,对于meta标签的可选属性提到了三个,分别是http-equiv、name和scheme,新近又出了一个property属性,下面我们一个个介绍:

1、http-equiv属性

http-equiv属性是添加http头部内容,对一些自定义的或者需要额外添加的发送到浏览器中的http头部内容,我们就可以是使用这个属性。

http-equiv属性语法格式:

1
<meta http-equiv="参数" content="具体的参数值">

name属性主要有以下几种参数:

a、charset

说明:用以说明网页制作所使用的文字以及语言。

用法:

1
<meta http-equiv="charset" content="iso-8859-1">

b、expires

说明:设置网页的过期时间,一旦过期则必须到服务器上重新获取。需要注意的是必须使用GMT时间格式

用法:

1
<meta http-equiv="expires" content="31 Dec 2018">

c、refresh

说明:用于设定网页在特定时间内自动刷新并转到新页面

用法:

1
<meta http-equiv="refresh" contect="5;url=https://www.deannhan.cn">

d、pragma

说明:用于设定禁止浏览器从本地计算机的缓存中访问页面内容。

用法:

1
<meta http-equiv="pragma" contect="no-cache">

e、windows-target

说明:用于设定强制页面在窗口中以独立页面显示,防止自己的网页被别人当作一个frame页调用。

用法:

1
<meta http-equiv="windows-target" contect="_top">

f、set-cookie

说明:用于设定一个自定义cookie,如果网页过期,那么存盘的cookie将被删除,注意必须使用GMT的时间格式。

用法:

1
<meta http-equiv="Set-Cookie" content="name=deanhan; expires=Friday,12-Jan-2018 18:18:18 GMT; path=/">

g、content-Type

说明:用于设定页面使用的字符集。

用法:

1
<meta http-equiv="content-Type" content="text/html; charset=utf-8">

h、page-enter,page-exit

说明:用于设定页面进入和离开时的过渡效果,注意被添加的页面不能在一个frame中。

用法:

1
2
<meta http-equiv="page-enter" contect="revealTrans(duration=10,transtion=23)">
<meta http-equiv="page-exit" contect="revealTrans(duration=20,transtion=6)">

其中duration表示滤镜特效的持续时间(单位:秒),transition是滤镜类型,表示使用哪种特效,取值为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 以上22种随机选择一种

2、name属性

name属性主要用于描述网页,与之对应的属性值为content,content中的内容主要是便于搜索引擎机器人查找信息和分类信息用的。

name属性语法格式:

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

name属性主要有以下几种参数:

a、keywords

说明:keywords用来告诉搜索引擎你网页的关键字是什么。

用法:

1
<meta name="keywords" content="逐梦博客,个人博客,个人网站">

b、description

说明:description用来告诉搜索引擎你的网站主要内容。

用法:

1
<meta name="description" content="逐梦博客,是一个记录博主学习和成长的个人纪实博客,主要关注web前端及周边技术的学习和研究。">

[1] [2]  下一页



热门文章
  • 机械革命S1 PRO-02 开机不显示 黑...
  • 联想ThinkPad NM-C641上电掉电点不...
  • 三星一体激光打印机SCX-4521F维修...
  • 通过串口命令查看EMMC擦写次数和判...
  • IIS 8 开启 GZIP压缩来减少网络请求...
  • 索尼kd-49x7500e背光一半暗且闪烁 ...
  • 楼宇对讲门禁读卡异常维修,读卡芯...
  • 新款海信电视机始终停留在开机界面...
  • 常见打印机清零步骤
  • 安装驱动时提示不包含数字签名的解...
  • 共享打印机需要密码的解决方法
  • 图解Windows 7系统快速共享打印机的...
  • 锦州广厦电脑上门维修

    报修电话:13840665804  QQ:174984393 (联系人:毛先生)   
    E-Mail:174984393@qq.com
    维修中心地址:锦州广厦电脑城
    ICP备案/许可证号:辽ICP备2023002984号-1
    上门服务区域: 辽宁锦州市区
    主要业务: 修电脑,电脑修理,电脑维护,上门维修电脑,黑屏蓝屏死机故障排除,无线上网设置,IT服务外包,局域网组建,ADSL共享上网,路由器设置,数据恢复,密码破解,光盘刻录制作等服务

    技术支持:微软等