网页中meta标签的使用

最近,看《Mastering Integrated HTML and CSS》时,在"为适应搜索引擎而调整网站"一节简要介绍了<meta>标签。不过,介绍比较粗略。

Meta标签放在每个网页的<head>...</head>中,我们大家比较熟悉的如: <meta name="generator" content="microsoft frontpage 4.0"> 说明编辑工具; <meta name="keywords" content="..."> 说明关键词; <meta name="description" content="..."> 说明主页描述; <meta http-equiv="content-type" content="text/html; charset=gb_2312-80">和 <meta http-equiv="content-language" content="zh-cn"> 说明所用语言及文字... 可见Meta有两种,Name和Http-equiv。   Name主要用于描述网页, 对应于content, 以便于搜索引擎查找、分类(目前几乎所有的搜索引擎都使用网上机器人自动查找Meta值来给你的网页分类)。这其中最重要的是Description(你的站点在引擎上的描述)和keywords(搜索引擎籍以分类的关键词),应该给你的 "每一页" 都插入这两个meta值。当然你也可以不要搜索引擎检索,可用: <meta name="robots" content="all | none | index | noindex | follow | nofollow">来确定:   设定为"all"时文件把被检索,且页上链接可被查询;   设定为"none"则表示文件不被检索,而且不查询页上的链接;   设定为"index"时文件把被检索;   设定为"follow"则可查询页上的链接;   设定为"noindex"时文件不检索,但可被查询链接;   设定为"nofollow"则表示文件不被检索,但可查询页上的链接. Http-equiv   顾名思义相当于http文件头的作用,可以直接影响网页的传输。比较直接的例子如: 1、自动刷新,并指向新网页   <meta http-equiv="refresh" content="10; url=http://yourlink">10秒后刷新到http://yourlink; 2、网页间转换时加入效果   <meta http-equiv="page-enter" content="revealtrans(duration=10, transition=50)">   <meta http-equiv="page-exit" content="revealtrans(duration=20, transition=6)">   加在一个网页中,进出时有一些特殊效果,这个功能即Frontpage98,2000的format/page transition.不过注意所加网页不能是一个frame页; 3、强制网页不被存入cache中   <meta http-equiv="pragma" content="no-cache">   <meta http-equiv="expires" content="wed, 26 feb 2007 08:21:57 gmt">   大家可以到http://www.internet.com/上看看,它的首页当你断线后,就无法在cache中再调出。(本身是关于建站很棒的站点) 4、定义指向窗口   <meta http-equiv="window-target" content="_top">   可以防止网页被别人作为一个frame调用.(似乎不灵?) meta还有很多功能,   如大家关心的"如何在搜索引擎中,被放在搜索结果前面的位置"(http://vancouver-webpages.com/vwbot/mk-metas.html). 你可以在以下站点进一步查询: http://webdeveloper.com/categories/html/html_metatag_res.html

http://vancouver-webpages.com/meta/ http://www.nlc-bnc.ca/ifla/ii/metadata.htm

来源:Linux中国

本文参与腾讯云自媒体分享计划,欢迎正在阅读的你也加入,一起分享。

发表于

我来说两句

0 条评论
登录 后参与评论

相关文章

来自专栏码生

证书报错解决方法:Code=3000 "未找到应用程序的“aps-environment”的授权字符串"

1:如果你的项目中已经添加了 KeychainAccessGroups.plist 文件,在此文件中新增一对键值

3933
来自专栏玄魂工作室

如何学python 第十五课 脚本结构与linux下的编辑与执行

第十五课 脚本结构与linux下的编辑与执行 今天我们不讲具体的python技巧。今天讲讲在linux下,从脚本创建到执行的过程。如果需要看win下的,可以留言...

35314
来自专栏向治洪

cocos2d 在windows环境下搭建

详细搭建步骤如下: 1、Android 开发环境搭建 Android开发环境搭建不是重点,相信看此文章的很多人都已经搭建成功,这里随便概述性的说说。 1、下载 ...

2247
来自专栏游戏杂谈

Operation could not be completed. (WebKitErrorDomain error 101.)

ios中加载网页,会报如标题所示的错误“Operation could not be completed. (WebKitErrorDomain error ...

1891
来自专栏零基础使用Django2.0.1打造在线教育网站

零基础使用Django2.0.1打造在线教育网站(十四):用户密码找回

努力与运动兼备~~~有任何问题可以加我好友或者关注微信公众号,欢迎交流,我们一起进步!

3391
来自专栏魏艾斯博客www.vpsss.net

wordpress 无法建立到 wordpress org 安全连接的解决办法

网友求助,说安装 Avada 插件时遇到如下错误提示:wordpress 无法建立到 wordpress.org 的安全连接,请联系您的服务器管理员。询问网友得...

1502
来自专栏Jacklin攻城狮

学好Mac常用命令,助力iOS开发

在iOS开发的过程中,更多地注重iOS开发的效率,熟练使用Mac终端操作的常用命令,可以让你更好的游刃于iOS繁重的开发中。本文着重介绍常用的Mac终端基本指令...

1071
来自专栏ionic3+

【Weex一瞥笔记】

安装结束后你可以直接使用 weex 命令验证是否安装成功,它会显示 weex 命令行工具各参数:

1123
来自专栏中国Android研究院

Flutter开发环境搭建

对于上文Android Studio✗部分,只需要在AndroidStudio中的Plugin中安装Flutter插件即可。 对于'Some android l...

1213
来自专栏从零开始学自动化测试

python测试开发django-1.开始hello world!

当你想走上测试开发之路,用python开发出一个web页面的时候,需要找一个支持python语言的web框架。django框架有丰富的文档和学习资料,也是非常成...

1843

扫码关注云+社区

领取腾讯云代金券