zoukankan      html  css  js  c++  java
  • HTML中的meta元素

    <meta>元素必须放在<head>标记内,而且必须写在HTML文件前1024B之内

    <meta>元素的主要目的是提供有关这份HTML文件的相关信息。例如编码方式,作者信息,关键词信息或重新导向网址以便将用户导向至另一个网址等。

    一个<head>标记内有多个<meta>元素存在。

    以下转载自   https://www.jianshu.com/p/6549bec5d0e1

    meta 标签的作用

    • 搜索引擎(SEO)优化;
    • 定义页面使用语言;
    • 自动刷新页面;
    • 控制页面缓存;
    • 网页定级评价;
    • 控制页面显示的窗口;
    • 等等...

    meta 使用

    <meta>标签总共有 3 个属性,不同的属性和值组成了网页不同的功能:

    • name
    • http-equiv
    • content

    name 属性

    name属性主要是用于描述网页的,对应content属性中的内容是便于搜索引擎查找和分类信息。语法:

    <meta name="" content="" />
    

    name="keywords"

    它是用来设置,让搜索引擎获取网页的关键字:

    <meta name="keywords" content="活动,聚会,拓展,团建,培训,讲座" />
    

    name="description"

    它是用来设置,让搜索引擎获取网页的内容描述:

    <meta name="description" content="百场汇是中国最大的会议活动和工作场地短租平台,提供场地直销服务,价格超低,无任何附加费用,帮助用户寻找各种各样的特色场地。" />
    

    name="robots"

    它是用来设置,让搜索引擎哪些页面需要索引,哪些页面不需要索引。content 有如下参数:

    • all:文件将被检索,且页面上的链接可以被查询;
    • none:文件将不被检索,且页面上的链接不可以被查询;
    • index:文件将被检索;
    • noindex:文件将不被检索,但页面上的链接可以被查询;
    • follow:页面上的链接可以被查询;
    • nofollow:文件将被检索,但页面上的链接不可以被查询。

    <meta name="robots" content="all" />
    

    name="author"

    它是来设置页面的作者:

    <meta name="author" content="jay" />
    

    name="generator"

    它是来设置网站采用什么软件制作的:

    <meta name="generator" content="hobbit" />
    

    name="COPYRIGHT"

    它是来设置网站的版权信息的:

    <meta name="COPYRIGHT" content="百场汇" />
    

    name="revisit-after"

    它是来设置网站的重访,30day代表30天:

    <meta name="revisit-after" content="30day" />
    

    name="viewport"

    它是来控制浏览器窗口的大小和缩放的,由于它在现代浏览器,特别是 Mobile 端浏览器非常常用,我们会用专门的一片文章来讲解它:

    <meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1" />
    

    http-equiv 属性

    http-equiv相当于 HTTP 的文件头的设置。语法:

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

    http-equiv="expires"

    它是来设置网页的过期时间的:

    <meta http-equiv="expires" content="Fri May 13 2016 22:49:44 GMT+0800 (CST)" />
    

    http-equiv="Pragma"

    它是来设置禁止浏览器从本地缓存中访问页面:

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

    http-equiv="Refresh"

    它是来设置自动刷新并跳转新页面,其中content第一个数字代表 5 秒后自动刷新:

    <meta http-equiv="Refresh" content="5;URL=http://m.baichanghui.com" />
    

    http-equiv="Set-Cookie"

    它是来设置 Cookie 的:

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

    http-equiv="content-Type"

    它是来设置页面使用的字符集:

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

    http-equiv="Content-Language"

    它是来设置页面的语言的:

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



  • 相关阅读:
    idea集成 MyBatis Generator 插件,自动生成dao,model,sql map文件
    maven中的groupId和artifactId到底指的是什么?
    java数据结构简单点
    (二)java集合框架综述
    (一)java集合框架——Iterable
    jquery版本的问题造成第二次全选无效
    Ironic , Openstack Baremetal Hypervisor
    openstack热迁移和冷迁移
    手动安装OpenStack Mistral
    Why provision Bare Metal
  • 原文地址:https://www.cnblogs.com/xiaohaodeboke/p/12150415.html
Copyright © 2011-2022 走看看