关于HTML中<meta>标签的使用。

<meta> 元素可提供有关页面的元信息.

属性有charset name http-equiv content。charset 用于指定网页字符编码方式,常设置为utf-8。name,http-equiv分别与content组成键值对。

1,name 常用的取值有:keywords,description,robots,author等。

  keywords用来设置搜索引擎网页的关键词是什么。

  description用来设置网站的主要内容。

  robots用来告诉机器人那些需要索引,那些不需要。

  author标注网页的作者。

例如:

<meta name="keywords" content="前端,web,HTML,CSS,Javascript" >
<meta name="description" content="这是一个关于前端的网页" >
<meta name="robots" content="all" >//可取值:all,none,index,noindex,follow,nofollow

  设定为all:文件将被检索,且页面上的链接可以被查询;

  设定为none:文件将不被检索,且页面上的链接不可以被查询;

  设定为index:文件将被检索;

  设定为follow:页面上的链接可以被查询;

  设定为noindex:文件将不被检索,但页面上的链接可以被查询;

  设定为nofollow:文件将不被检索,页面上的链接可以被查询。

<meta name="author" content="Chang,[email protected]" >

2,http-equiv 常用的取值有:expires,pragma,refresh,set-cookie,windows-Targe

  expires设置网页过期期限,(GMT时间格式)

  pragma禁止浏览器在本地调阅页面内容,这样只能在线浏览,

  set-cookie设定cookie存在的日期;

  windows-Targe强制页面在当前窗口中以独立页面显示,可以防止自己的网页被别人当作一个frame页调用

<meta http-equiv="Refresh" contect="n;url=http://yourlink">定时让网页在指定的时间n内,跳转到页面http://yourlink;
<meta http-equiv="Expires" contect="Mon,12 May 2001 00:20:00 GMT">
<meta http-equiv="Pragma" contect="no-cache">是用于设定禁止浏览器从本地机的缓存中调阅页面内容,设定后一旦离开网页就无法从Cache中再调出;
<meta http-equiv="set-cookie" contect="Mon,12 May 2001 00:20:00 GMT">
<meta http-equiv="windows-Target" contect="_top">

 
时间: 2024-08-26 18:28:50

关于HTML中<meta>标签的使用。的相关文章

关于HTML中&lt;link&gt;标签的使用。

1,指定CSS样式表. 1 <link rel="stylesheet" href="*.css" type="text/css"> 2,设置图标(chrome,Firefox支持) <link rel="icon" href="*.jpg" type="image/jpg" > //还有sizes="16x16" 设置大小,但是浏览器对这个属

link 标签中“rel=stylesheet”的作用

最近在用link标签引入外部css文件的时候,忘记加上rel=stylesheet,结果css样式显示不出来,疑惑万分.加上这个css效果就出现了. 首先,我们要知道Link标签有两个作用:1. 定义文档与外部资源的关系:2. 是链接样式表. link标签是用于当前文档引用外部文档的,其次,这个标签的rel属性用于设置对象和链接目的间的关系,说白了就是指明你链进来的对象是个什么东西的, rel各个属性值配置的意思:              Alternate -- 定义交替出现的链接 Styl

html中link的用法

link的用法还有<link 后面可以用什么标签 概述 link标签,当在文档中声明使用外接资源(比如CSS)时使用此标签 link标签是单独出现的属性 href -- 指定需要加载的资源(CSS文件)的地址URI media -- 媒体类型rel -- 指定链接类型,设定是指对象和链接目标的关系,可选值, link还可以用Shortcut Icon等rev -- 指定链接类型 type -- 指定所连接文档的MIME类型,css的MIME是type/css,一般使用type="text/

h5标签基础 link标签

link标签也存在于<head>中,作用如下 1.将样式引入到网页中 <link ref="stylesheet" href="css样式地址.css"/> 2.给网页title前面加个图标 <link rel="icon" href="图标地址.icon"/> 最好是使用后缀名是.icon的图片,.png的或其他格式也可以

&lt;link&gt;标签的rel属性详解

<link>标签定义了当前文档与 Web 集合中其他文档的关系.link 元素是一个空元素,它仅包含属性.此元素只能存在于 head 部分,不过它可出现任何次数.在 HTML 中,<link> 标签没有结束标签.在 XHTML 中,<link> 标签必须被正确的关闭. 除了HTML的标准通用属性之外,link元素还包括很多可选属性: charset, href, hreflang, media, rel, rev, target, title和type.这些属性中,ta

html中&lt;a&gt;标签的种类

在html中a 标签是一个链接标签,然而a 标签也有很多的种类,在此做一个小结. 一.普通链接 <a href="http://www.baidu.com">百度</a> 二.邮件链接 1.标签最简式 <a href="mailto:[email protected]">联系站长</a> 2.标签帮你填抄送地址 <a href="mailto:[email protected][email protec

HTML中META标签一些用法

你的个人网站做得再精彩,在如此庞大的网络空间,被人发现实属不易.那么如何推广个人网站,人们一般会这样做: ● 在搜索引擎中登录自己的个人网站 ● 在知名网站加入你个人网站的链接 ● 在论坛中发帖子宣传你的个人网站 很多人却忽视了HTML标签META的强大功效,一个好的META标签设计可以大大提高你的个人网站被搜索到的可能性! META标签分两大部分:HTTP标题信息(HTTP-EQUIV)和页面描述信息(NAME). HTTP-EQUIV类似于HTTP的头部协议,它回应给浏览器一些有用的信息,以

Struts2中UI标签之表单标签的一个例子

1.最近写了一篇文章,介绍了一下Struts2中UI标签的表单标签,文章地址为:http://blog.csdn.net/u012561176/article/details/44986183  因为缺少了个例子,大家看文字和表格也看不出什么效果来,所以今天来介绍一个例子,用Struts2中UI标签的表单标签实现一个个人信息的表单,但是有些表单标签没有演示出来,大家可以根据我介绍UI标签的表单标签来进行学习,这里只是给个例子. 2.首先新建一个Struts2项目,项目名为PersonMess

Meta,Link标签详解

META标签是HTML语言HEAD区的一个辅助性标签,它位于HTML文档头部的<HEAD>标记和<TITLE>标记之间,它提供用户不可见的信息.下面介绍一些有关标记的例子及解释. META标签分两大部分:HTTP标题信息(HTTP-EQUIV)和页面描述信息(NAME). ★HTTP-EQUIV HTTP-EQUIV类似于HTTP的头部协议,它回应给浏览器一些有用的信息,以帮助正确和精确地显示网页内容.常用的HTTP-EQUIV类型有: 1.Content-Type和Content

CSS中link和@import的区别

你对CSS中link和@import的区别是否熟悉,这里和大家分享一下,@import  属性用来指定导入的外部样式表及目标设备类型, link除了调用CSS外还可以有其他作用譬如声明页面链接属性,声明目录,rss等等,而@import就只能 调用CSS. CSS中link和@import有什么区别? 定义  ◆link元素 HTML和XHTML都有一个结构,它使网页作者可以增加于HTML文档相关的额外信息.这些额外资源可以是样式化信息(CSS).导航助手.属于另 外形式的信息(RSS).联系信