HTML之<meta>使用和说明

关于<meta>，我们都不陌生，随意打开一个网页查看源代码就可以看到<head>里出现它的身影。

简单来说，<meta>是描述 HTML 文档的元数据。例如网页描述、关键词、页面刷新、作者和日期等。

元数据(Metadata),可以理解为描述数据的数据信息。

元数据不会显示在客户端，但是会被浏览器解析，或其他 Web 服务调用。这样通过这些描述信息就知道如何去解析此网页数据。

meta标签的属性和使用

1.charset属性，HTML5新特性，使得我们更容易定义文档的字符编码。

 <meta http-equiv="content-type" content="text/html; charset=UTF-8"><!--HTML4.01-->

 <meta charset="UTF-8"><!--HTML5-->

2.name属性，定义了HTML文档的描述、关键词和作者，对应于 content 属性。

<head>
<meta name="description" content="meta标签学习">

<meta name="author" content="three-stone">
</head>

3.http-equiv属性，标签相当于HTTP的头文件，向浏览器传递有用的信息，该属性使用的变量的值会在content属性中规定。

<head>

<meta http-equiv="content-Type" content="text/html; charset=gb2312"><!-- 设定页面使用的字符集。  -->

    <meta http-equiv="expires" content="Fri, 12 Jan 2018 18:18:18 GMT"><!--可以用于设定网页的到期时间。一旦网页过期，必须到服务器上重新传输。 -->

    <meta http-equiv="Pragma" content="no-cache"><!--禁止浏览器从本地计算机的缓存中访问页面内容。 -->

    <meta http-equiv="Refresh" content="2; URL=http://www.baidu.com"><!--自动刷新并指向新页面。 -->

    <meta http-equiv="Set-Cookie" content="cookievalue=xxx; expires=Friday, 12-Jan-2001 18:18:18 GMT； path=/"><!-- 设置cookie, 如果网页过期，那么存盘的cookie将被删除。-->

    <meta http-equiv="Window-target" content="_top"><!--强制页面在当前窗口以独立页面显示,用来防止别人在框架里调用自己的页面。 -->

</head>

基本用法就是这样了。

HTML之<meta>使用和说明的更多相关文章

常用 meta 整理
 <meta name="HandheldFriendly" con ...
meta标签
参考:http://www.jb51.net/web/158860.html META标签分两大部分:HTTP标题信息(HTTP-EQUIV)和页面描述信息(NAME). 一.HTTP标题信息(HTT ...
Django模型类Meta元数据详解
转自:https://my.oschina.net/liuyuantao/blog/751337 简介使用内部的class Meta 定义模型的元数据,例如: from django.db impo ...
H5 meta小结
<meta name="viewport" content="width=device-width,initial-scale=1,minimum-scale=1, ...
Asp.net 后台添加CSS、JS、Meta标签
Asp.net 后台添加CSS.JS.Meta标签的写法,我这里写成函数方便以后使用.如果函数放在页面类中, Page参数也可以不要. 首先导入命名空间 using System.Web.UI.Htm ...
较为完整的meta
<!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8&quo ...
浏览器内核控制Meta标签说明文档【转】
背景介绍由于众所周知的情况,国内的主流浏览器都是双核浏览器:基于Webkit内核用于常用网站的高速浏览.基于IE的内核用于兼容网银.旧版网站.以360的几款浏览器为例,我们优先通过Webkit内核渲 ...
HTML <meta> 标签，搜索引擎
关于Mate标签的详尽解释,请查看w3school 网址为:http://www.w3school.com.cn/tags/tag_meta.asp meta标签作用 META标签是HTML标记HEA ...
内核控制Meta标签：让360浏览器默认使用极速模式打开网页(转)
为了让网站页面不那么臃肿,也懒的理IE了,同时兼顾更多的国内双核浏览器,在网页页头中添加了下面两行Meta控制标签. 1,网页头部加入 <meta name="renderer&quo ...
使用视 meta 标签来控制手机浏览器布局
移动浏览器的Fennec一样呈现在一个虚拟的"窗口"页面(视),通常比屏幕宽.所以他们不需要去挤每个页面布局到一个小窗口(这会破坏许多非移动优化的网站) .用户可以平移和缩放才能看 ...

随机推荐

Android 开发 VectorDrawable 矢量图（一）了解Android矢量图与获取矢量图
VectorDrawable 矢量图三部曲: Android 开发 VectorDrawable 矢量图 (一)了解Android矢量图与获取矢量图 Android 开发 VectorDrawabl ...
ubuntu搭建php开发环境记录
这两天自己在阿里云上面买了一个ecs,系统选的是ubuntu16.04,第一件事就是先搭环境,这次准备使用lamp组合. Apache安装首先安装apache服务器,ubuntu下面使用apt-ge ...
Python函数学习
def func(x, y): print(x) print(y) func(x=1,2) #报错,关键参数一定不能放在位置参数前面 func(1,y=2) #可以正常运行 #参数组,适用于实参个数不 ...
二、Jmeter脚本开发
目录 1.Jmeter协议录制 1.Jmeter协议录制 1.1 dboy进行录制 badboy下载地址:http://www.badboy.com.au/download/add badboy是一个 ...
oracle查看被锁的表和解锁
--以下几个为相关表SELECT * FROM v$lock;SELECT * FROM v$sqlarea;SELECT * FROM v$session;SELECT * FROM v$proce ...
funny故事
name1 = input('请输入一个名字:') name2 = input('请输入一个名字:') vehicle = input('请输入一种车子:') print('\n上近代史的{}刚下课, ...
grabcut mask
#include "opencv2/opencv.hpp" using namespace cv; void main() { Mat src = imread("E:\ ...
二维凸包 Graham扫描算法
题目链接: http://poj.org/problem?id=1113 求下列点的凸包求得凸包如下: Graham扫描算法: 找出最左下的点,设为一号点,将其它点对一号点连线,按照与x轴的夹角大小 ...
Java学习笔记（十二）：java编译跨平台运行原理
class文件由java源代码通过javac编译器编译生成,只能为JVM所识别.
十字线阵---CBF，传统波束形成
%传统波束形成,CBF (Ps:这个程序是别人的,不是我写的,但是具体是在哪里找到的已经忘了) clear all; close all; clc; %---------初始化常量---------- ...

HTML之<meta>使用和说明

HTML之<meta>使用和说明的更多相关文章

随机推荐

热门专题