• linkedu视频
  • 平面设计
  • 电脑入门
  • 操作系统
  • 办公应用
  • 电脑硬件
  • 动画设计
  • 3D设计
  • 网页设计
  • CAD设计
  • 影音处理
  • 数据库
  • 程序设计
  • 认证考试
  • 信息管理
  • 信息安全
菜单
linkedu.com专业计算机教程网站
  • 网页制作
  • 数据库
  • 程序设计
  • 操作系统
  • CMS教程
  • 游戏攻略
  • 脚本语言
  • 平面设计
  • 软件教程
  • 网络安全
  • 电脑知识
  • 服务器
  • 视频教程
  • html/xhtml
  • html5
  • CSS
  • XML/XSLT
  • Dreamweaver教程
  • Frontpage教程
  • 心得技巧
  • bootstrap
  • vue
  • AngularJS
  • HBuilder教程
  • css3
  • 浏览器兼容
  • div/css
  • 网页编辑器
  • axure
您的位置:首页 > 网页设计 >html/xhtml > meta name="" content="的作用详细介绍

meta name="" content="的作用详细介绍

作者:佚名 字体:[增加 减小] 来源:互联网 时间:2017-08-05

本文主要包含meta,content等相关知识,佚名 希望在学习及工作中可以帮助到您
一、语法:
<meta name="name" content="string"/>

二、参数解析:
a、name项:常用的选项有keywords(关键字) ,description(网站内容描述),author(作者),robots(机器人向导)等。
b、http-equiv项:可用于代替name项,常用的选项有Expires(期限),Pragma(cache模式),Refresh(刷新),Set-Cookie(cookie设定),Window-target(显示窗口的设定),content-Type(显示字符集的设定)等。
c、content项:根据name项或http-equiv项的定义来决定此项填写什么样的字符串。

三、应用
a、告诉浏览器网页所识别的文件类型及语言类型,比如说,我们要让浏览器识别HTM/HTML类型的简体中文网面,我们可以这样写:
<meta http-equiv="Content-Type" content="text/html; charset=gb2312" />
b、让一些搜索引擎搜索到你的网页,代码可以这样写:
<meta name="keywords" content="网页关键字" />
<meta name="description" content="网页描述文字" />
要达到自动搜索引擎真正能方便地搜索到你的网页还得注意以下几点:
1、既要定义meta标记项,又要将首页正文的前200个字符定义成反映主页主题的文字。因为有些导航台在标引meta项中的关键词的同时,还要标引正文中的前200个字符。如:altavista。所以,有些人在注册完导航台后去检查注册结果时,发现导航台中的描述并不是你所希望的,而是诸如版权说明之类的文字。产生这一现象的原因就是没有注意到这一点。
2、将定义关键词的meta标记项放在定义描述的meta项之前。如:
<meta type="keywords" content=".......,...,..."/>
<meta type="description" content="...,....,..."/>
3、将最重要的关键词放在最前面,让相关的关键词相邻。全小写与首字母大写并存,因为有的导航台在标引时对字符的大小写是敏感的。包括标点符号不要超过250个单词
4、首页最好不用frame结构,因为frame将屏幕划分成多个窗口后,导航台不能智能地选择正确的窗口中的主页去标引。
c、让一个页面过上一定的时间,自动转到另一个页面或者站点去,如:
<meta http-equiv="refresh" content="6; url=http://hi.baidu.com/tesalo/" />
content中的6表示时间,单位为秒,url=后面是你要转向的网址,若是与你当前网页在同一目录下,可以直接写上文件名,如:
<meta http-equiv="refresh" content="6; url=page1.htm" />
d、让网页每隔一段时间刷新一次,若要10秒刷新一次,代码这样写:
<meta http-equiv="refresh" content="10">
e、通过Meta可以让你进入页面时产生一些特殊效果,具体应用如下:
<meta http-equiv="Page-Enter" content= "revealTrans(Duration=5.0,Transition=n)" /> 其中,n的取值范围为0-23,具体的意义如下:
0 矩形缩小 1 矩形扩大 2 圆形缩小
3 圆形扩大 4 下到上

您可能想查找下面的文章:

  • 深入浅出meta标签
  • 一些有用的meta设置方法(必看)
  • HTML的meta标签常见用法集锦
  • 基于meta实现页面的定时刷新或跳转
  • 举例讲解HTML中META标签的一些使用技巧
  • 常用HTML meta 标签属性(网站兼容与优化需要)
  • 用Meta标签代码让360双核浏览器默认极速模式不是兼容模式
  • meta标签中的viewport控制设备屏幕css
  • meta标签中的使用viewport定义屏幕css
  • 关于html中meta的作用(网上搜集整理得来)

相关文章

  • 2017-08-05用table表格来调整表单控件的格式让它好看一些
  • 2017-08-05src或者css背景图的url值为base64编码代码
  • 2017-08-05html左右布局示例代码
  • 2017-08-05margin-top负值解决label 文字与input 垂直居中对齐问题
  • 2017-08-05img usemap属性 中国地图链接
  • 2017-08-05谈html mailto(电子邮件)实际应用
  • 2017-08-05HTML中绝对路径和相对路径的区别分析
  • 2017-08-05nofollow让评论和留言中的链接起到真正的作用
  • 2017-08-05Firefox下英文字母不换行的解决方案
  • 2017-08-05w3c组织给出html4的样式建议

文章分类

  • html/xhtml
  • html5
  • CSS
  • XML/XSLT
  • Dreamweaver教程
  • Frontpage教程
  • 心得技巧
  • bootstrap
  • vue
  • AngularJS
  • HBuilder教程
  • css3
  • 浏览器兼容
  • div/css
  • 网页编辑器
  • axure

最近更新的内容

    • UTF-8和GB2312网页编码
    • HTML表单传值示例通过get方式传递
    • HTML页面标签隐藏的方法
    • html base标签 target=_parent使用介绍
    • 简单掌握HTML中水平线标注与代码注释的用法
    • 通过html为FLASH加链接的实现代码(div层)
    • HTML标签语义化,让网页更好地被搜索引擎理解
    • 今天遇到了很奇葩的li a的点击问题自己解决的
    • XHTML CSS写出正规的BLOG
    • 为什么使用DOCTYPE HTML

关于我们 - 联系我们 - 免责声明 - 网站地图

©2020-2025 All Rights Reserved. linkedu.com 版权所有