一、语法:
<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 下到上
- 浏览: 973170 次
- 性别:
最新评论
-
ouyida3:
大年初一写技术博客,牛
多种方案实现 CSS 斜线 -
青春..荒唐:
标准①lang 属性规定元素内容的语言,lang=" ...
前端面试问题总结 -
青春..荒唐:
新增1:①垂直居中一个img:img{ display: ...
前端面试问题总结 -
青春..荒唐:
新增:①事件委托:利用事件冒泡,自己所触发的事件,让父元素代替 ...
前端面试问题总结 -
田进丰:
居然还有java代码?
基于jQuery图片轮播
相关推荐
<meta name="viewport" content="width=device-width, minimum-scale=1.0, maximum-scale=1.0,user-scalable=no"> <meta name="generator" content="bd-mobcard"> <meta ...
<meta name="keywords" content="TurboShop V4.0 免费JAVA JSP 商城 网店"> <meta name="description" content="TurboShop V4.0 免费JAVA JSP 商城 网店"> <link href="css/light.css" rel="stylesheet" type="text/...
### CSS参考手册_第4章__网页头部元素的详细定义 #### 1. DOCTYPE的选择 ##### 1.1 什么是DOCTYPE DOCTYPE是Document Type(文档类型)的简称,在HTML文档中用来指定所使用的XHTML(或HTML)的版本。正确的DOCTYPE...
代码如下: <!DOCTYPE html PUBLIC “-//W3C//DTD XHTML 1.0 Transitional//EN” “http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd”> <...meta name=”author” content=”Nancle from CAU CS101″
其次,meta标签可以用来定义页面的元信息,比如搜索引擎优化(SEO)的关键字,我们可以使用`<meta name="keywords" content="HTML, CSS, XML, XHTML, JavaScript">`来为网页添加关键词。这有助于搜索引擎理解页面...
<meta name="keywords" content="站长特效,网页特效,网页特效代码,js特效,js脚本,脚本,广告代码,zzjs,zzjs.net,www.zzjs.net,站长特效 网" /> <meta name="description" content="www.zzjs.net,站长特效网,站长必备...
xmlns="http://www.w3.org/1999/xhtml" xmlns:fb="https://www.facebook.com/2008/fbml" itemscope="itemscope" itemtype="http://schema.org/Product"><head><meta http-equiv="Content-Type" content="text/html;...
<meta name="description" content="上传资源 CSDN 下载频道 " /> <meta content="上传资源 CSDN 下载频道 " name="keywords" /> <meta http-equiv="Content-Type" content="text/html; charset=utf-8" /> 上传资源 ...
<meta name="description" content="" /> <title><?=$_CFG['site_name']?></title> <link href="css/style.css" rel="stylesheet" type="text/css" /> <script type="text/javascript" charset="utf-8" src=...
<meta name="description" content="网页描述" /> 网页标题</title> </head>` 3. 链接目标属性(target="_blank"):在XHTML 1.0中,不应使用`target="_blank"`来强制在新窗口中打开链接,而是应该使用`rel=...
DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" ...<META content="MSHTML 6.00.6000.16674" name=GENERATOR></HEAD> <BODY id=userlogin_body>
<meta name="keywords" content="HTML, XHTML, 网页设计"> <meta charset="UTF-8"> ``` 这些知识点涵盖了HTML和XHTML的基本元素和用法,为创建具有吸引力的网页界面打下了坚实的基础。通过深入理解和熟练运用这些...
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional/...<meta name="description" content="<%=strbiaoti%>" /> </head> <h1><%=strbiaoti%></h1> <h5><%=time%></h5> <h2><%=neirong%></h2> </body> </html>
<meta name="description" content="王博的主页" /> <bgsound src="music/《仙剑奇侠传三》电视剧插曲.mp3" loop="-1" /> <link href="styles.css" rel="stylesheet" type="text/css" media="screen" /> </head> ...
name=__VIEWSTATE> </DIV> <DIV class=login_wrap> <DIV class=login_header> <H1><A href="http://www.dangdang.com/" name=logo><IMG title=当当网 alt=当当网 src="登录 - 当当网.files/logo.gif"></A></H1></...
动态网站实例 要的拿走 有数据库 <!--#include file="common/process.asp"--> <!DOCTYPE html PUBLIC "-//W3...<meta http-equiv="Content-Type" content="text/html; charset=gb2312" /> <title><%=web_name%></title>
<meta http-equiv="Content-Type" content="text/html; charset=gb2312" /> 无标题文档</title> <link href="css/add-1.css" rel="stylesheet" type="text/css" /> </head> <div id="top">请 录 入 新 记 录</div>...
<meta http-equiv="Content-Type" content="text/html; charset=gb2312" /> 网上办公</title> </head> <frameset rows="115,*" cols="*" framespacing="0" frameborder="no" border="0"> <frame src="top....
以上就是关于`<meta>`标签的一些常用知识点,包括它的基本语法、不同属性的作用、在HTML与XHTML中的差异以及实际应用中的示例。通过合理利用这些`<meta>`标签,可以显著提升网站的搜索引擎友好度、改善用户体验,...