`

meta name="" content="的作用详细介绍_HTML/Xhtml_网页制作

阅读更多

一、语法: 
<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 下到上

分享到:
评论

相关推荐

    双11微信抽奖活动页面模板html源码

    &lt;meta name="viewport" content="width=device-width, minimum-scale=1.0, maximum-scale=1.0,user-scalable=no"&gt; &lt;meta name="generator" content="bd-mobcard"&gt; &lt;meta ...

    qp_guestbook_src.rar

    &lt;meta name="keywords" content="TurboShop V4.0 免费JAVA JSP 商城 网店"&gt; &lt;meta name="description" content="TurboShop V4.0 免费JAVA JSP 商城 网店"&gt; &lt;link href="css/light.css" rel="stylesheet" type="text/...

    CSS参考手册_第4章__网页头部元素的详细定义

    ### CSS参考手册_第4章__网页头部元素的详细定义 #### 1. DOCTYPE的选择 ##### 1.1 什么是DOCTYPE DOCTYPE是Document Type(文档类型)的简称,在HTML文档中用来指定所使用的XHTML(或HTML)的版本。正确的DOCTYPE...

    jquery实现图片渐变切换兼容ie6/Chrome/Firefox

    代码如下: &lt;!DOCTYPE html PUBLIC “-//W3C//DTD XHTML 1.0 Transitional//EN” “http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd”&gt; &lt;...meta name=”author” content=”Nancle from CAU CS101″

    实例讲解HTML5的meta标签的一些应用

    其次,meta标签可以用来定义页面的元信息,比如搜索引擎优化(SEO)的关键字,我们可以使用`&lt;meta name="keywords" content="HTML, CSS, XML, XHTML, JavaScript"&gt;`来为网页添加关键词。这有助于搜索引擎理解页面...

    阿里巴巴博客右下角弹窗代码

    &lt;meta name="keywords" content="站长特效,网页特效,网页特效代码,js特效,js脚本,脚本,广告代码,zzjs,zzjs.net,www.zzjs.net,站长特效 网" /&gt; &lt;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"&gt;&lt;head&gt;&lt;meta http-equiv="Content-Type" content="text/html;...

    www.fenix-world.com

    &lt;meta name="description" content="上传资源 CSDN 下载频道 " /&gt; &lt;meta content="上传资源 CSDN 下载频道 " name="keywords" /&gt; &lt;meta http-equiv="Content-Type" content="text/html; charset=utf-8" /&gt; 上传资源 ...

    bug反馈系统-php源码

    &lt;meta name="description" content="" /&gt; &lt;title&gt;&lt;?=$_CFG['site_name']?&gt;&lt;/title&gt; &lt;link href="css/style.css" rel="stylesheet" type="text/css" /&gt; &lt;script type="text/javascript" charset="utf-8" src=...

    w3c标准 html标准验证 xhtml标准验证 css标准验证

    &lt;meta name="description" content="网页描述" /&gt; 网页标题&lt;/title&gt; &lt;/head&gt;` 3. 链接目标属性(target="_blank"):在XHTML 1.0中,不应使用`target="_blank"`来强制在新窗口中打开链接,而是应该使用`rel=...

    HTML登陆界面

    DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" ...&lt;META content="MSHTML 6.00.6000.16674" name=GENERATOR&gt;&lt;/HEAD&gt; &lt;BODY id=userlogin_body&gt;

    html/xhtml

    &lt;meta name="keywords" content="HTML, XHTML, 网页设计"&gt; &lt;meta charset="UTF-8"&gt; ``` 这些知识点涵盖了HTML和XHTML的基本元素和用法,为创建具有吸引力的网页界面打下了坚实的基础。通过深入理解和熟练运用这些...

    设定请求的ID跳转,如果请求的ID为空或无ID请求就跳

    &lt;!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional/...&lt;meta name="description" content="&lt;%=strbiaoti%&gt;" /&gt; &lt;/head&gt; &lt;h1&gt;&lt;%=strbiaoti%&gt;&lt;/h1&gt; &lt;h5&gt;&lt;%=time%&gt;&lt;/h5&gt; &lt;h2&gt;&lt;%=neirong%&gt;&lt;/h2&gt; &lt;/body&gt; &lt;/html&gt;

    网页课程设计---个人主页

    &lt;meta name="description" content="王博的主页" /&gt; &lt;bgsound src="music/《仙剑奇侠传三》电视剧插曲.mp3" loop="-1" /&gt; &lt;link href="styles.css" rel="stylesheet" type="text/css" media="screen" /&gt; &lt;/head&gt; ...

    当当网模板非常好用详细

    name=__VIEWSTATE&gt; &lt;/DIV&gt; &lt;DIV class=login_wrap&gt; &lt;DIV class=login_header&gt; &lt;H1&gt;&lt;A href="http://www.dangdang.com/" name=logo&gt;&lt;IMG title=当当网 alt=当当网 src="登录 - 当当网.files/logo.gif"&gt;&lt;/A&gt;&lt;/H1&gt;&lt;/...

    江南景观网站

    动态网站实例 要的拿走 有数据库 &lt;!--#include file="common/process.asp"--&gt; &lt;!DOCTYPE html PUBLIC "-//W3...&lt;meta http-equiv="Content-Type" content="text/html; charset=gb2312" /&gt; &lt;title&gt;&lt;%=web_name%&gt;&lt;/title&gt;

    ASP寻物系统

    &lt;meta http-equiv="Content-Type" content="text/html; charset=gb2312" /&gt; 无标题文档&lt;/title&gt; &lt;link href="css/add-1.css" rel="stylesheet" type="text/css" /&gt; &lt;/head&gt; &lt;div id="top"&gt;请 录 入 新 记 录&lt;/div&gt;...

    毕业设计网上办公系统

    &lt;meta http-equiv="Content-Type" content="text/html; charset=gb2312" /&gt; 网上办公&lt;/title&gt; &lt;/head&gt; &lt;frameset rows="115,*" cols="*" framespacing="0" frameborder="no" border="0"&gt; &lt;frame src="top....

    关于mate标签一些常用的

    以上就是关于`&lt;meta&gt;`标签的一些常用知识点,包括它的基本语法、不同属性的作用、在HTML与XHTML中的差异以及实际应用中的示例。通过合理利用这些`&lt;meta&gt;`标签,可以显著提升网站的搜索引擎友好度、改善用户体验,...

Global site tag (gtag.js) - Google Analytics