meta元素可以用来定义文档的各种元数据。他有很多种用法，一个HTML文档可以包含多个meta元素。
meta元素在HTML5中的变化
charset属性是HTML5中新增的。在HTML4中，http-equiv属性可以有任意多个不同值。而在HTML5中则有限制。此外，现在已不再使用meta元素来指定网页所用的语言。
meta元素用法
1、name和content属性
name属性用来表示元数据的类型，content属性用来提供值。
meta元素可以使用几种预定义元数据类型。如下：
application name：当前页所属Web应用系统的名称
author：当前页的作者名
description：当前页的说明
generator：用来生成HTML的软件名称（通常用于Ruby on Rails、ASP.NET等服务器端框架生成的HTML强库）
keyword：一批以逗号分开的字符串，用来描述页面的内容

<html>

<head>

<meta name=”author” content=”Khadron”/>

</head>

</html>

除了上面预定义元数据类型名称，还可以使用元数据扩展。最常用的是robots元数据。可以用它告诉搜索引擎该如何对待该文档。例如：

<meta name=”robots” content=”noindex”>

robots元数据有三个大多数搜索引擎都认识的值：noindex（表示不要索引本业）、noarchive（表示不要将本业存档或缓存）和nofollow（表示不要顺着本业中的连接继续搜索下去）

2、声明字符编码

这个很简单，如：

<meta charset=”utf-8” />

上面声明这个页面将采用UTF-8编码。

3、模拟HTTP标头字段

meta元素另一种用途是改写HTTP标头字段的值。使用http-equiv来实现。

http-equiv属性有三个值可用。分别是：

refresh：以秒为单位制定一个时间间隔，在此时间过去之后将从服务器重新载入当前页面。也可以另行制定一个URL让浏览器载入。

default-style：制定页面优先使用的样式表。对应的content属性值应与同一文档中某个style元素或link元素的title属性值相同。

content-type：这是另一种声明HTML页面编码所用的字符编码的方法

<meta http-equiv=”refresh”content=”5”/>

【HTML5开发系列】meta元素详解的更多相关文章

  1. [js高手之路] html5 canvas系列教程 - 状态详解(save与restore)

    本文内容与路径([js高手之路] html5 canvas系列教程 - 开始路径beginPath与关闭路径closePath详解)是canvas中比较重要的概念.掌握理解他们是做出复杂canvas动 ...

  2. HTML5 中的Nav元素详解

    什么是Nav元素 Nav元素可以用作页面导航的链接组,在导航链接组里面有很多的链接,点击每个链接可以链接到其他页面或者当前页面的其他部分,并不是所有的链接组都要被放在nav元素里面,我们只需要把最主要 ...

  3. JDK8日常开发系列：Consumer详解

    java.util.function中 Function, Supplier, Consumer, Predicate和其他函数式接口广泛用在支持lambda表达式的API中.这些接口有一个抽象方法, ...

  4. html5中output元素详解

    html5中output元素详解 一.总结 一句话总结: output元素是HTML5新增的元素,用来设置不同数据的输出,没什么大用,了解即可 <form action="L3_01. ...

  5. html5的datalist元素详解

    html5的datalist元素详解 一.总结 一句话总结: datalist元素配合input元素可以出现有提示选择作用的选框效果,还是相对比较简便好用的 1.optgroup元素是干嘛的? opt ...

  6. html5中time元素详解

    html5中time元素详解 一.总结 一句话总结: time的使用的话主要是将时间放在datetime属性里面:<time datetime="2015-10-22"> ...

  7. HTML5有语义的内联元素详解

    HTML5有语义的内联元素详解 time标签 time 元素表示一个时间值,比如 5:35 P.M., EST, April 23, 2007.例如: Example Source Code:< ...

  8. html5中section元素详解

    html5中section元素详解 一.总结 一句话总结: section元素 用来定义文章中的章节(通常应该有标题和段落内容) section元素的作用就是给内容分段,给页面分区 1.section ...

  9. JSP页面中的Meta标签详解

    Meta标签详解 相信大家在平时开发中最常接触的页面就是html和jsp了,可在这两个页面中有一个Meta标签你天天都会看见,可是你真的了解这个标签的一些其他用处吗?今天给大家介绍一些该标签的其他应用 ...

随机推荐

  1. (转)指针的引用（*&）与指针的指针（**）

    本文转载而来,转载出处:http://www.cppblog.com/doing5552/archive/2010/09/28/127994.html 在下列函数声明中,为什么要同时使用*和& ...

  2. 【共享单车】—— React后台管理系统开发手记：项目工程化开发

    前言:以下内容基于React全家桶+AntD实战课程的学习实践过程记录.最终成果github地址:https://github.com/66Web/react-antd-manager,欢迎star. ...

  3. Nginx常用Rewrite(伪静态规则)WordPress/PHPCMS/ECSHOP/ShopEX/SaBlog/Discuz/DiscuzX/PHPWind/Typecho/DEDECMS

    目前已收集Wordpress.Wordpress二级目录.PHPCMS.ECSHOP.ShopEX.SaBlog.Discuz.Discuz X.PHPWind.Typecho.DEDECMS: Wo ...

  4. 2017.7.21 linux下进程管理工具supervisord的安装与使用

    参考来自:http://blog.haohtml.com/archives/15145 0 操作环境 1 supervisord的介绍 Supervisord是用Python实现的一款非常实用的进程管 ...

  5. 我与小娜（36）：人机大战第五局，AlphaGo必胜！

    我与小娜(36):人机大战第五局,AlphaGo必胜!       小娜知道,细致阅读论文"Mastering the game of Go with deep neural network ...

  6. 【oracle11g,17】存储结构: 段的类型，数据块(行连接、行迁移，块头)，段的管理方式，高水位线

    一.段的类型: 1.什么是段:段是存储单元. 1.段的类型有: 表 分区表 簇表 索引 索引组织表(IOT表) 分区索引 暂时段 undo段 lob段(blob ,clob) 内嵌表(record类型 ...

  7. 基于WPF系统框架设计(2)-Fluent Ribbon之HelloWorld

    Fluent/Ribbon是微软在其最新桌面操作系统Windows 7中使用的图形用户界面. Windows平台的进化,伴随着系统图形界面的重新设计.从Windows XP到Windows Vista ...

  8. XJTU Summer Holiday Test 1(Brackets in Implications-构造)

    B - Brackets in Implications Time Limit:2000MS     Memory Limit:262144KB     64bit IO Format:%I64d & ...

  9. JMS 在 SpringBoot 中的使用

    当前环境 Mac OS 10.11.x docker 1.12.1 JDK 1.8 SpringBoot 1.5 前言 基于之前一篇“一个故事告诉你什么是消息队列”,了解了消息队列的使用场景以及相关的 ...

  10. Phalcon 上下文编码（Contextual Escaping）

    站点及其他B/S应用极易受到 XSS 攻击,虽然PHP提供了转义功能.在某些情况下依旧不够安全.在Phalcon中 Phalcon\Escaper 提供了上下文转义功能,这个模块是由C语言实现的, 这 ...