meta标签是我们学习html时容易忽略的标签,其实它的作用很大,下面就一些网上关于meta标签的讲解内容做一个简单的归纳。

META标签共有两个属性,它们分别是Http-equiv属性和Name属性,不同的属性又有不同的参数值,这些不同的参数值就实现了不同的网页功能。

 1.Name属性
  Name属性主要用于描述网页,与之对应的属性值为Content,Content中的内容主要是便于搜索引擎机器人查找信息和分类信息用的。
  Meat标签的Name属性语法格式是:

  其中Name属性主要有以下几种参数:
  A.Keywords(关键字)
  说明:Keywords用来告诉搜索引擎你网页的关键字是什么。
  举例:
        

<meta name="keywords" content="science,education,culture,politics,ecnomics relationships,entertaiment,human">

 

    B.Description(网站内容描述)
  说明:Description用来告诉搜索引擎你的网站主要内容。
  举例:
 

<meta name="description" content="This page is about the meaning of science, education,culture.">
  

 
 
  说明:Robots用来告诉搜索机器人需要索引的页面有哪些。
  Content的参数有All、None、Index、Noindex、Follow、Nofollow。默认是All。 
<meta name="robots" content="none"> 
  D.Author(作者)
  说明:标注网页的作者
  举例:

<meta name="author" content="ddv611,dasdddd1@12dcn.com">
 2.Http-equiv属性
  Http-equiv,顾名思义,相当于HTTP的文件头作用,它可以向浏览器传回一些有用的信息,以帮助正确显示网页内容,与之对应的属性值为Content,              Content中的内容其实就是各个参数的变量值。
  Meat标签的Http-equiv属性语法格式是:

<meta http-equiv="参数" content="参数变量值">
  
 其中Http-equiv属性主要有以下几种参数:
 
 A.Expires(期限)  
  
      说明:可以用于设定网页的到期时间。一旦网页过期,必须到服务器上重新传输。
  用法:
 
<meta http-equiv="expires" content="Fri, 12 Jan 2001 18:18:18 GMT">
   
 注意:必须使用GMT的时间格式。
 
 B.Pragma(Cache模式)
  说明:禁止浏览器从本地计算机的缓存中访问页面内容。
  用法:
 

 

 注意:这样设定访问者将无法脱机浏览。
 
 C.Refresh(刷新)
  说明:自动刷新并指向新页面。
  用法:
 
     注意:其中的"2"是指停留2秒钟后自动刷新到URL网址,可以更改,但建议不要改得太大。
 
   D.Set-cookie(Cookie设定)
  说明:如果网页过期,那么存盘的Cookie将被删除。
  用法:

  

注意:必须使用GMT的时间格式。
  
E.Window-target(显示窗口的设定)
  说明:强制页面在当前窗口以独立页面显示。
  用法:

 注意:用来防止别人在框架里调用自己的页面。
  
F.Content-type(显示字符集的设定)
  说明:设定页面使用的字符集。
  用法:

META元素使用的简单学习的更多相关文章

  1. html css的简单学习(三)

    html css的简单学习(三) 前端开发工具:Dreamweaver.Hbuilder.WebStorm.Sublime.PhpStorm...=========================== ...

  2. JavaScript----DOM和事件的简单学习

    ##DOM简单学习 *  功能:控制html文档的内容 *  代码:获取页面标签(元素)对象:Element *  document.getElementById("id值"):通 ...

  3. OI数学 简单学习笔记

    基本上只是整理了一下框架,具体的学习给出了个人认为比较好的博客的链接. PART1 数论部分 最大公约数 对于正整数x,y,最大的能同时整除它们的数称为最大公约数 常用的:\(lcm(x,y)=xy\ ...

  4. D3.js系列——元素操作和简单画布操作

    一.元素操作: 1.选择元素 select 和 selectAll,以及选择集的概念 var p = d3.select("body").select("p") ...

  5. mongodb,redis简单学习

     2.mongodb安装配置简单学习                   配置好数据库路径就可以mongo命令执行交互操作了:先将服务器开起来:在开个cmd执行交互操作                 ...

  6. 【HTML5开发系列】meta元素详解

    meta元素可以用来定义文档的各种元数据.他有很多种用法,一个HTML文档可以包含多个meta元素. meta元素在HTML5中的变化 charset属性是HTML5中新增的.在HTML4中,http ...

  7. html css的简单学习(二)

    html css的简单学习(二) <!Doctype html>告诉浏览器,这是一个html文档.lang="en" 默认是en,表示英语:zh-Hans 中文简体:z ...

  8. html css的简单学习

    html css的简单学习 css的内边距:padding (auto.length.%)(顺序:上.右.下.左)padding-toppadding-leftpadding-rightpadding ...

  9. <day006>bootstrap的简单学习 + 轮播图

    任务1:bootstrap的简单学习 <!DOCTYPE html> <html lang="zh-CN"> <head> <meta c ...

随机推荐

  1. WPF依赖属性DependencyProperty

    写在之前: 依赖属性算是WPF醉醉基础的一个组成了.平时写代码的时候,简单的绑定很轻松,但是遇到复杂的层次比较多的绑定,真的是要命.所以,我觉得深刻认识依赖属性是很有必要的.本篇只是个人学习的记录,学 ...

  2. javascript进阶系列专题:作用域与作用域链

    字面意思,作用域是指变量和函数的作用范围,换言之,作用域决定了变量和函数的可见性和有效时间.javascript作用域是用函数来区分,与其他语言的大括号不同. for (var i=0; i<5 ...

  3. 51nod 1240 莫比乌斯函数

    题目链接:51nod 1240 莫比乌斯函数 莫比乌斯函数学习参考博客:http://www.cnblogs.com/Milkor/p/4464515.html #include<cstdio& ...

  4. WinForm 公共控件

    一.窗体属性: 1.AcceptButton - 窗体的“接受”按钮.如果设置该属性,每次用户按“Enter”键都相当于“单击”了该按钮. 需要设置哪个键,就在后面选择. 2.CancelButton ...

  5. Android开发--Android Studio配置

    1.常见问题 emulator: You might want to adjust your AVD RAM size and/or HAXM configuration to run in fast ...

  6. 文件大小K、M、G、T

    function size2mb($size,$digits=2){ //digits,要保留几位小数 $unit= array('','K','M','G','T','P');//单位数组,是必须1 ...

  7. Python高级特性学习笔记

    切片(slice) 可简化循环取元素的操作. L[0:3] or L[:3] 表示从索引0的位置开始,到索引3为止,但不包括索引3的前3个元素(L[0],L[1],L[2]); L[-2:]表示取包括 ...

  8. navicat 创建的表,username字段不能接受中文名字。

    用navicat 创建的表,username(varchar)字段不能接受中文名字. 解决方法如下: 选中所创建的users表,打开“设计表”,选中username字段,看到下面是字符集latin1, ...

  9. ListView

    ListView:列表展示数据1.视图 - 在其右上方小箭头点击将视图改为Largelcon:或右键属性在外观View将其改为Details2.设置列头 - 在其右上方小箭头点击选择编辑列,然后添加列 ...

  10. Highcharts使用

    Highcharts图表控件是使用比较广泛的图表控件.本文将介绍如何配置Highcharts和动态生成Highcharts图表.可参考Highcharts官网:http://www.highchart ...