当前位置：网站制作首页 >> Dreamweaver教程 >> [Dreamweaver教程]Meta标签详解(上)

[Dreamweaver教程]Meta标签详解(上)

2007-12-15 08:00:00 作者：来源：互联网浏览次数：0 文字大小：【大】【中】【小】

简介：引言　　您的个人网站即使做得再精彩，在“浩瀚如海”的网络空间中，也如一叶扁舟不易为人发现，如何推广个人网站，人们首先想到的方法无外乎以下几种：　　　　●　在搜索引擎中登录自己的个人网站　　　...

关键字：Dreamweaver 标签教程 Meta

引言

　　您的个人网站即使做得再精彩，在“浩瀚如海”的网络空间中，也如一叶扁舟不易为人发现，如何推广

个人网站，人们首先想到的方法无外乎以下几种：

　　●　在搜索引擎中登录自己的个人网站

　　●　在知名网站加入你个人网站的链接

　　●　在论坛中发帖子宣传你的个人网站

　　很多人却忽视了HTML标签META的强大功效，一个好的META标签设计可以大大提高你的个人网站被搜索到的可能性，有兴趣吗，谁我来重新认识一下META标签吧！

META标签是HTML语言HEAD区的一个辅助性标签，它位于HTML文档头部的标记和标记之间，它提供用户不可见的信息。meta标签通常用来为搜索引擎robots定义页面主题，或者是定义用户浏览器上的cookie；它可以用于鉴别作者，设定页面格式，标注内容提要和关键字；还可以设置页面使其可以根据你定义的时间间隔刷新自己,以及设置RASC内容等级，等等。</p> <p>　　详细介绍</p> <p>　　下面介绍一些有关标记的例子及解释。</p> <p>　　META标签分两大部分：HTTP标题信息(HTTP-EQUIV)和页面描述信息(NAME)。</p> <p>　　★HTTP-EQUIV</p> <p>　　HTTP-EQUIV类似于HTTP的头部协议，它回应给浏览器一些有用的信息，以帮助正确和精确地显示网页内容。常用的HTTP-EQUIV类型有：</p> <p>　　1、Content-Type和Content-Language (显示字符集的设定)</p> <p>　　说明：设定页面使用的字符集，用以说明主页制作所使用的文字已经语言，浏览器会根据此来调用相应的字符集显示page内容。</p> <p>　　用法：<Meta http-equiv="Content-Type" Content="text/HTML; Charset=gb2312"></p> <p>　　　　　　<Meta http-equiv="Content-Language" Content="zh-CN"></p> <p>　　注意：　该META标签定义了HTML页面所使用的字符集为GB2132，就是国标汉字码。如果将其中的“charset=GB2312”替换成“BIG5”，则该页面所用的字符集就是繁体中文Big5码。当你浏览一些国外的站点时，IE浏览器会提示你要正确显示该页面需要下载xx语支持。这个功能就是通过读取HTML页面META标签的Content-Type属性而得知需要使用哪种字符集显示该页面的。如果系统里没有装相应的字符集，则IE就提示下载。其他的语言也对应不同的charset，比如日文的字符集是“iso-2022-jp ”，韩文的是“ks_c_5601”。</p> <p>　　　　　　</p> <p>　　Content-Type的Content还可以是：text/XML等文档类型；</p> <p>　　Charset选项：ISO-8859-1(英文)、BIG5、UTF-8、SHIFT-Jis、Euc、Koi8-2、us-ascii, x-mac-roman, iso-8859-2, x-mac-ce, iso-2022-jp, x-sjis, x-euc-jp,euc-kr, iso-2022-kr, gb2312, gb_2312-80, x-euc-tw, x-cns11643-1,x-cns11643-2等字符集；Content-Language的Content还可以是：EN、FR等语言代码。</p> <p>　　2、Refresh (刷新)</p> <p>　　　说明：让网页多长时间（秒）刷新自己，或在多长时间后让网页自动链接到其它网页。</p> <p>　　　用法：<Meta http-equiv="Refresh" Content="30"></p> <p>　　　　　　<Meta http-equiv="Refresh" Content="5; Url=http://www.xia8.net"></p> <p>　　　注意：其中的5是指停留5秒钟后自动刷新到URL网址。</p> <p>　　3、Expires (期限)</p> <p>　　　说明：指定网页在缓存中的过期时间，一旦网页过期，必须到服务器上重新调阅。</p> <p>　　　用法：<Meta http-equiv="Expires" Content="0"></p> <p>　　　　　　<Meta http-equiv="Expires" Content="Wed, 26 Feb 1997 08:21:57 GMT"></p> <p>　　　注意：必须使用GMT的时间格式，或直接设为0(数字表示多少时间后过期)。</p> <p>　　4、Pragma (cach模式)</p> <p>　　　说明：禁止浏览器从本地机的缓存中调阅页面内容。</p> <p>　　　用法：<Meta http-equiv="Pragma" Content="No-cach"></p> <p>　　　注意：网页不保存在缓存中，每次访问都刷新页面。这样设定，访问者将无法脱机浏览。</p> <p>　　5、Set-Cookie (cookie设定)</p> <p>　　说明：浏览器访问某个页面时会将它存在缓存中，下次再次访问时就可从缓存中读取，以提高速度。当你希望访问者每次都刷新你广告的图标，或每次都刷新你的计数器，就要禁用缓存了。通常HTML文件没有必要禁用缓存，对于ASP等页面，就可以使用禁用缓存，因为每次看到的页面都是在服务器动态生成的，缓存就失去意义。如果网页过期，那么存盘的cookie将被删除。</p> <p>　　　用法：<Meta http-equiv="Set-Cookie" Content="cookievalue=xxx; expires=Wednesday,</p> <p>　　　　　　 21-Oct-98 16:14:21 GMT; path=/"></p> <p>　　　注意：必须使用GMT的时间格式。</p> <p>　　6、Window-target (显示窗口的设定)</p> <p>　　　说明：强制页面在当前窗口以独立页面显示。</p> <p>　　　用法：<Meta http-equiv="Widow-target" Content="_top"></p> <p>　　　注意：这个属性是用来防止别人在框架里调用你的页面。Content选项：_blank、_top、_self、_parent。</p> <p>　　7、Pics-label (网页RSAC等级评定)</p> <p>　　　说明：在IE的Internet选项中有一项内容设置，可以防止浏览一些受限制的网站，而网站的限制级</p> <p>　　　　　　别就是通过该参数来设置的。</p> <p>　　　用法：<META http-equiv="Pics-label" Contect=</p> <p>　　　　　　　　　　　　　　　"(PICS－1.1'http://www.rsac.org/ratingsv01.HTML'</p> <p>　　　　　　 I gen comment 'RSACi North America Sever' by 'inet@microsoft.com'</p> <p>　　　　　　　for 'http://www.microsoft.com' on '1997.06.30T14:21－0500' r(n0 s0 v0 l0))"></p> <p>　　　注意：不要将级别设置的太高。RSAC的评估系统提供了一种用来评价Web站点内容的标准。用户可以设置Microsoft Internet Explorer（IE3.0以上）来排除包含有色情和暴力内容的站点。上面这个例子中的HTML取自Microsoft的主页。代码中的（n 0 s 0 v 0 l 0）表示该站点不包含不健康内容。级别的评定是由RSAC，即美国娱乐委员会的评级机构评定的，如果你想进一步了解RSAC评估系统的等级内容，或者你需要评价自己的网站，可以访问RSAC的站点：http://www.rsac.org/。</p> </div> </div> <script type="text/javascript"> function ImgZoom(Id)//重新设置图片大小防止撑破表格 { var w = $(Id).width; var m = 550; if(w < m) { return; } else { var h = $(Id).height; $(Id).height = parseInt(h*m/w); $(Id).width = m; } } window.onload = function() { var Imgs = $("content").getElementsByTagName("img"); var i=0; for(;i<Imgs.length;i++) { ImgZoom(Imgs[i]); } } </script>  <table width="100%" align="center" cellspacing="1" cellpadding="5" bgcolor="#cccccc"> </table>  <div class="content_left_1">  <div class="td_center"></div> <div class="content_h3">责任编辑：<a href="/member/member.php?username=admin" class="member_url">admin</a></div> <div class="mar_10"><span class="font_1">本文引用地址：</span> <span class="border_2"><a href="http://www.3pcode.com/web/2007/12/96364.htm">http://www.3pcode.com/web/2007/12/96364.htm</a></span> </div>  <div class="border_1" id="pre_and_next"></div> </div> <div id="par" class="iconbox"> <form action="/mail/sendmail.php" name="sendmail" id="sendmail"> <input type="hidden" name="title" value="推荐《[Dreamweaver教程]Meta标签详解(上)》" /> <input type="hidden" name="content" value="<a href=http://www.3pcode.com/web/2007/12/96364.htm target=_blank>[Dreamweaver教程]Meta标签详解(上)<br/>http://www.3pcode.com/web/2007/12/96364.htm</a>" /> </form> <a href="#comment" class="comment_icon">发表评论</a>　<a href="javascript:window.external.addFavorite(window.location,'[Dreamweaver教程]Meta标签详解(上)')" class="favorites_icon">加入收藏</a>　<a href="javascript:$('sendmail').submit();" class="friend_icon">告诉好友</a>　<a href="javascript:window.print();" class="print_icon">打印本页</a>　<a href="javascript:window.close()" class="close_icon">关闭窗口</a>　<a href="#top" class="top_icon">返回顶部</a> </div>  <div class="cat_title"> <div class="cat_name">相关文章</div> <div class="cat_url"><a href="#" class="more"></a></div></div> <div> <ul class="ListTitle"><li> <a href="/web/2008/06/101922.htm" class="tag_title_link">robots.txt和Robots META标签</a> </li> <li> <a href="/web/2008/04/99820.htm" class="tag_title_link">robots.txt和Robots META标签应用</a> </li> <li> <a href="/web/2008/04/99700.htm" class="tag_title_link">robots.txt和Robots META标签</a> </li> <li> <a href="/web/2008/02/98460.htm" class="tag_title_link">总结：网站优化中关于META标签的常用方法</a> </li> <li> <a href="/web/2008/01/97253.htm" class="tag_title_link">robots.txt和Robots META标签</a> </li> <li> <a href="/web/2008/01/96830.htm" class="tag_title_link">META标签keywords和description进行SEO</a> </li> <li> <a href="/web/2008/01/96811.htm" class="tag_title_link">HTML网页META标签内容写作规范要点</a> </li> <li> <a href="/web/2008/01/96805.htm" class="tag_title_link">Dreamweaver中如何使用Library</a> </li> <li> <a href="/web/2008/01/96804.htm" class="tag_title_link">Dreamweaver快速图片链接批处理</a> </li> <li> <a href="/web/2008/01/96803.htm" class="tag_title_link">Dreamweaver初学者常见问题解答</a> </li> <li> <a href="/web/2008/01/96802.htm" class="tag_title_link">Dreamweaver使用中的常见问题与解答</a> </li> </ul> </div> <script type="text/javascript" src="/comment/list_js.php?keyid=14&itemid=96364&commentnum=10&ordertype=1&title=%5BDreamweaver%BD%CC%B3%CC%5DMeta%B1%EA%C7%A9%CF%EA%BD%E2%28%C9%CF%29"></script> </div> <div class="content_right"> <div class="div_border_2"> <div class="rightcats"><h1>最新文章</h1><h2><a href="#" class="more">更多</a></h2></div> <div> <ul class="ListTitle"><li> <a href="/web/2008/01/96805.htm" title="Dreamweaver中如何使用Library" target="_blank" class="tag_title_link">Dreamweaver中如何使用L...</a> </li> <li> <a href="/web/2008/01/96804.htm" title="Dreamweaver快速图片链接批处理" target="_blank" class="tag_title_link">Dreamweaver快速图片链接...</a> </li> <li> <a href="/web/2008/01/96803.htm" title="Dreamweaver初学者常见问题解答" target="_blank" class="tag_title_link">Dreamweaver初学者常见问...</a> </li> <li> <a href="/web/2008/01/96802.htm" title="Dreamweaver使用中的常见问题与解答" target="_blank" class="tag_title_link">Dreamweaver使用中的常见...</a> </li> <li> <a href="/web/2008/01/96801.htm" title="使用Dreamweaver便捷技巧方法十六则" target="_blank" class="tag_title_link">使用Dreamweaver便捷技巧...</a> </li> <li> <a href="/web/2008/01/96800.htm" title="DW如何批量消除网页连接上的“虚线框”" target="_blank" class="tag_title_link">DW如何批量消除网页连接...</a> </li> <li> <a href="/web/2008/01/96799.htm" title="DW制作会移动的广告条" target="_blank" class="tag_title_link">DW制作会移动的广告条</a> </li> <li> <a href="/web/2008/01/96798.htm" title="Dreamweaver 8 样式呈现工具栏惊鸿一瞥" target="_blank" class="tag_title_link">Dreamweaver 8 样式呈现...</a> </li> <li> <a href="/web/2008/01/96797.htm" title="Dreamweaver网页设计制作技巧" target="_blank" class="tag_title_link">Dreamweaver网页设计制作...</a> </li> <li> <a href="/web/2008/01/96796.htm" title="DW-MX初学者步骤" target="_blank" class="tag_title_link">DW-MX初学者步骤</a> </li> </ul> </div> <div class="rightcats"><h1>推荐文章</h1><h2><a href="/web/search.php?catid=108&posid=1&search=1" class="more">更多</a></h2></div> <div> <ul class="ListTitle"><li> <a href="/web/2008/01/96805.htm" title="Dreamweaver中如何使用Library" target="_blank" class="tag_title_link">Dreamweaver中如何使用L...</a> </li> <li> <a href="/web/2008/01/96804.htm" title="Dreamweaver快速图片链接批处理" target="_blank" class="tag_title_link">Dreamweaver快速图片链接...</a> </li> <li> <a href="/web/2008/01/96803.htm" title="Dreamweaver初学者常见问题解答" target="_blank" class="tag_title_link">Dreamweaver初学者常见问...</a> </li> <li> <a href="/web/2008/01/96802.htm" title="Dreamweaver使用中的常见问题与解答" target="_blank" class="tag_title_link">Dreamweaver使用中的常见...</a> </li> <li> <a href="/web/2008/01/96801.htm" title="使用Dreamweaver便捷技巧方法十六则" target="_blank" class="tag_title_link">使用Dreamweaver便捷技巧...</a> </li> <li> <a href="/web/2008/01/96800.htm" title="DW如何批量消除网页连接上的“虚线框”" target="_blank" class="tag_title_link">DW如何批量消除网页连接...</a> </li> <li> <a href="/web/2008/01/96799.htm" title="DW制作会移动的广告条" target="_blank" class="tag_title_link">DW制作会移动的广告条</a> </li> <li> <a href="/web/2008/01/96798.htm" title="Dreamweaver 8 样式呈现工具栏惊鸿一瞥" target="_blank" class="tag_title_link">Dreamweaver 8 样式呈现...</a> </li> <li> <a href="/web/2008/01/96797.htm" title="Dreamweaver网页设计制作技巧" target="_blank" class="tag_title_link">Dreamweaver网页设计制作...</a> </li> <li> <a href="/web/2008/01/96796.htm" title="DW-MX初学者步骤" target="_blank" class="tag_title_link">DW-MX初学者步骤</a> </li> </ul> </div> <div class="rightcats"><h1>热点文章</h1><h2><a href="/web/search.php?catid=108&ordertype=3&search=1" class="more">更多</a></h2></div> <div> <ul class="ListTitle"> </ul> </div> </div> </div> <script type="text/javascript" src="/web/show_js.php?itemid=96364"></script> </div> <div id="footer_new"> <a href="/link/" target="_blank">友情链接</a> | <a href="http://www.3pcode.com/page/joinus.html" target="_blank">诚聘英才</a> | <a href="http://www.3pcode.com/page/aboutus.html" target="_blank">关于我们</a> | <a href="http://www.3pcode.com/page/announce.html" target="_blank">版权声明</a> | <a href="http://www.3pcode.com/page/contactus.html" target="_blank">联系我们</a> | <a href="http://www.3pcode.com/page/ads.html" target="_blank">广告服务</a> <Br> 3P代码网 <script type="text/javascript" src="/stat/stat.php"></script> <a href="http://www.miibeian.gov.cn/" target="_blank">粤ICP备05068581号</a> </div> <script type="text/javascript" src="/include/js/Std_StranJF.Js"></script> <script language='javascript' src='http://utk.baidu.com/usv/uc.sv?pe=lnhwgEc94Un79yiaAyxmQacVzSA=&sn=3164&an=69358&rn=829'></script> </body> </html>