当前位置: 首页 > 图文教程 > 网页制作 > HTML/XHTML教程 > 用meta标签来增强网页功能

HTML/XHTML教程
认清CSS的类class和标识id选择符
网站设计之合理架构css
用css样式表实现首字大写特效
DIV与Table布局在大型网站的可用性比较
css滑动门技术的一些总结和归纳
CSS的“顶级”技巧
谈谈CSS样式表中的类和伪类
网站重构 CSS样式表的优化与技巧
网页设计中针对中文排版CSS心得
如何有效管理好CSS
怎样管理好样式
完全CSS写的鼠标悬停tip效果
CSS中display与visibility的区别
实时切换网页的CSS样式实现
Div + CSS 高度自适应解决方案
XHTML+CSS布局之XHTML应用小结
css布局定位系列:相对定位
使用图片和CSS结合制作动画按钮
Div+CSS网站设计的优点
5款纯div+css制作的弹出菜单(标准且无js)

HTML/XHTML教程 中的 用meta标签来增强网页功能


出处:互联网   整理: 软晨网(RuanChen.com)   发布: 2009-11-04   浏览: 42 ::
收藏到网摘: n/a

  meta是什么?习惯了用Frontpage2000等工具来制作网页的设计者们,说不准还真的回答不出来呢!熟悉html语法的用户就知道了,meta其实是html语言head区的一个辅助性标签。在几乎所有的网页里,我们都可以看到类似下面这段html代码:
有人要说,这段代码好象可有可无,没有多大实际作用嘛!其实不是没用,而是你没有用好meta标签。为什么这样说呢?这是因为meta标签有许多参数,使用不同的参数就可以使主页实现不同的功能,例如用于鉴别作者,设定页面格式,标注内容提要和关键字,以及刷新页面等等!下面就让我们一起来揭开meta标签的神秘面纱吧!

一、meta标签的组成
meta标签共有两个属性,它们分别是http-equiv属性和name属性,不同的属性又有不同的参数值,这些不同的参数值就实现了不同的网页功能。
1、name属性
name属性主要用于描述网页,与之对应的属性值为content,content中的内容主要是便于搜索引擎机器人查找信息和分类信息用的。
meat标签的name属性语法格式是:
其中name属性主要有以下几种参数:
A、Keywords(关键字)
B、description(网站内容描述)
C、robots(机器人向导)
D、author(作者)
2、http-equiv属性
http-equiv顾名思义,相当于http的文件头作用,它可以向浏览器传回一些有用的信息,以帮助正确和精确地显示网页内容,与之对应的属性值为content,content中的内容其实就是各个参数的变量值。
meat标签的http-equiv属性语法格式是: ;其中http-equiv属性主要有以下几种参数:
A、Expires(期限)
B、Pragma(cache模式)
C、Refresh(刷新)
D、Set-Cookie(cookie设定)
E、Window-target(显示窗口的设定)
F、content-Type(显示字符集的设定)

二、meta标签的功能
上面我们介绍了meta标签的一些基本组成,接着我们再来一起看看meta标签的常见功能:
1、帮助主页被各大搜索引擎登录
2、定义页面的使用语言
3、自动刷新并指向新的页面
4、实现网页转换时的动画效果
5、网页定级评价
6、控制页面缓冲
7、控制网页显示的窗口。
 

评论 (0) All

登陆 还没注册?