您的位置:首页网页设计经验技巧 → 网页头部meta、name等标签的用法

网页头部meta、name等标签的用法

时间:2010/9/24 20:38:17来源:本站整理作者:佚名我要评论(0)

网页代码头部meta标准格式:<meta name="xxx" content="xxx" /> 不区分大小写。name="xxx" 什么变量;content="xxx" 什么设置和配置。

网页头部meta、name等标签的用法

    name是描述网页的,对应于Content(网页内容),以便于搜索引擎机器人查找、分类(目前几乎所有的搜索引擎都使用网上机器人自动查找meta值来给网页分类)。name的value值(name="")指定所提供信息的类型。有些值是已经定义好的。例如description(说明)、keyword(关键字)、refresh(刷新)等。还可以指定其他任意值,如:creationdate(创建日期) 、document ID(文档编号)和level(等级)等。name的content指定实际内容。如:如果指定level(等级)为value(值),则Content可能是beginner(初级)、intermediate(中级)、advanced(高级)。

    1、Keywords (关键字)

    说明:为搜索引擎提供的关键字列表用法:<Meta name="Keywords" Content="关键词1,关键词2,关键词3,关键词4,……">注意:各关键词间用英文逗号“,”隔开。META的通常用处是指定搜索引擎用来提高搜索质量的关键词。当数个META元素提供文档语言从属信息时,搜索引擎会使用lang特性来过滤并通过用户的语言优先参照来显示搜索结果。例如:<Meta name="Kyewords" Lang="EN" Content="vacation,greece,sunshine"><Meta name="Kyewords" Lang="FR" Content="vacances,grè:ce,soleil">

    2、Description (简介)说明:Description用来告诉搜索引擎你的网站主要内容。用法:<Meta name="Description" Content="游龙资讯,主要提供科技和财经领域的新闻与资讯。">注意:

    3、Robots (机器人向导)说明:Robots用来告诉搜索机器人哪些页面需要索引,哪些页面不需要索引。Content的参数有all、none、index、noindex、follow、nofollow.默认是all.用法:<Meta name="Robots" Content="All,None,Index,Noindex,Follow,Nofollow">注意:许多搜索引擎都通过放出robot/spider搜索来登录网站,这些robot/spider就要用到meta元素的一些特性来决定怎样登录。

    all:文件将被检索,且页面上的链接可以被查询;none:文件将不被检索,且页面上的链接不可以被查询;(和 "noindex, no follow" 起相同作用)index:文件将被检索;(让robot/spider登录)follow:页面上的链接可以被查询;noindex:文件将不被检索,但页面上的链接可以被查询;(不让robot/spider登录)nofollow:文件将不被检索,页面上的链接可以被查询。(不让robot/spider顺着此页的连接往下探找)

    4、Author (作者)说明:标注网页的作者或制作组用法:<Meta name="Author" Content="李四,info@email.com">注意:Content可以是:你或你的制作组的名字,或Email

    5、Copyright (版权)说明:标注版权用法:<Meta name="Copyright" Content="本页版权归info.youlong.org所有,All Rights Reserved">注意:

    6、Generator (编辑器)说明:编辑器的说明用法:<Meta name="Generator" Content="PCDATA,FrontPage">注意:Content="你所用编辑器"

    7、revisit-after (重访)说明:用法:<META name="revisit-after" CONTENT="7 days" >注意:

    8、save(保存表单数据)说明:用法:<META name="save" CONTENT="history" >注意:允许对象在浏览器中保存数据(好像只能用在IE)

    Head中的其它一些用法

    1、scheme (方案)说明:scheme can be used when name is used to specify how the value of content shouldbe interpreted.用法:<meta scheme="ISBN" name="identifier" content="0-14-043205-1" />注意:

    2、Link (链接)说明:链接到文件用法:<Link href="soim.ico" rel="Shortcut Icon">注意:很多网站如果你把她保存在收件夹中后,会发现它连带着一个小图标,如果再次点击进入之后还会发现地址栏中也有个小图标。现在只要在你的页头加上这段话,就能轻松实现这一功能。<LINK> 用来将目前文件与其它 URL 作连结,但不会有连结按钮,用於 <HEAD> 标记间, 格式如下: <link href="URL" rel="relationship"> <link href="URL" rev="relationship">

    3、Base (基链接)说明:插入网页基链接属性用法:<Base href="http://info.youlong.org/" target="_blank">注意:你网页上的所有相对路径在链接时都将在前面加上“http://info.youlong.org/”。其中target="_blank"是链接文件在新的窗口中打开,你可以做其他设置。将“_blank”改为“_parent”是链接文件将在当前窗口的父级窗口中打开;改为“_self”链接文件在当前窗口(帧)中打开;改为“_top”链接文件全屏显示。

   

相关视频

    没有数据

相关阅读 自适应网页设计四步搞定网页设计与PS设计中的常用命令规范解析Dreamweaver8掌握网页代码基本格式Web设计师应该重视的10个设计元素网页设计中的字体图形化设计技巧详细解析网页设计中色彩表达的含义及搭配原则注意用网页细节设计提升用户满意度:完美的瞬间如何提升网页设计师的工作价值

文章评论
发表评论

热门文章 Wordpress本地安装教程dx1.5如何设置二级域名

最新文章 hbuilder有哪些快捷键Wordpress本地安装教程 Wordpress本地安装教程expression web 4文档乱码解决方法dz 2.5“收藏本版”关闭小对话框无法关闭解在制作安装软件之前,您必须先将易语言存盘,

人气排行 如何使用multipart/form-data格式上传文件Photoshop PS图层混合模式详解(非常详细)ISAPI_Rewrite3使用教程网站里添加收藏和设为首页代码桌面快捷方式图标不见了C#获取执行程序所在的当前路径的方法详解(XMLHttpRequest)进行跨域请求方法如何用远程桌面连接进行传输文件