关于meta的一些知识

今天在查看有关SEO的文章时发现原来meta原来在网页设计中有着举足轻重的地位,奈何我以前一直都忽略了这个对象,可能有很多刚进入网页设计领域的人都会像我一样,所以今天特意查看了一下DHTML手册,并将其中一部分比较重要的内容翻译下来,方便大家参考。

meta对象用于向服务器和客户端传达关于文档的隐藏信息。它只能存在于<head>与</head>之间。meta对象的用处很多,现在我们来认识一下它的属性和用法吧。
    meta的属性主要有4个:
    1.content:设置或获取与html-equiv或name关联的资源信息。
    2.html-equiv:设置或获取用于将 META 标签的content绑定到 HTTP 响应头的信息。
    3.name:设置或获取 meta 对象的content标签属性中指定的值。
    4.scheme:设置或获取用于解释为对象指定的属性值的方案。

    下面，我们用例子来认识meta的用法:
    1.定义语言
    <meta html-equiv="content-type" content="text/html" charset="gb2312">
    这是META最常见的用法,在制作网页时,在纯HTML代码下都会看到它,它起的作用是定义你网页的语言,当访客浏览你的网页时 ,浏览器会自动识别并设置网页中的语言,如果你网页设置的是GB码,而访客没有安装GB码,这时网页只会呈现访客人所设置的浏览器默认语言。同样的,如果该网页是英语,那么charset=en。
    2.用关键字描述网页

META也常用来描述网页,以供某些搜索站台机器人的使用。大家知道,搜索站台分为两大类,一类为完全人工登录,比如Yahoo ；另一类为机器人搜索,以机器人搜索的搜索站台会包含更多的内容。机器人会搜索网页meta标签中所设置的描述关键字,把它们加入到搜索数据库中,用来索引你的网页。而这个标签很少有人注意到。在格式中,Content列出了你所设置的关键字,这其中的内容可以自行设置,其间用逗号相隔。

3.描述页面的主要内容

告诉搜索引擎你的站点的主要内容；加上这个标签有利于搜索引擎对页面进行分类，从而有助该页面在搜索引擎中的自然排名。

4.描述网页的作者

告诉搜索引擎你的站点的制作的作者；

5.告诉机器人访问索引页面应该遵循页面标签规范

这个标签的content有下列可用值：

设定为all：文件将被检索，且页面上的链接可以被查询；

设定为none：文件将不被检索，且页面上的链接不可以被查询；

设定为index：文件将被检索；

设定为follow：页面上的链接可以被查询；

设定为noindex：文件将不被检索，但页面上的链接可以被查询；

设定为nofollow：文件将不被检索，页面上的链接可以被查询。

当content需要包含多个属性的时候需要用英文逗号隔离，注意同种属性正反两个方面（例如：index与noindex）不能同时出现在content之中。通过设置这这些Robots Meta标签，我们就可以很好的控制一些页面在某些搜索引擎中的的索引，跟踪方式，网页的描述信息以及是否要保存网页快照。

6.自动刷新页面

有时候大家在浏览某一个网页时,会发现有些页在数秒后自动转到另外一页,这就是meta的刷新作用,在CONTENT中的数字代表设置的秒数,还可以添加URL属性，让网站在指定时间之后重定向到指定的路径。

如：<meta html-equiv="refresh" content="5" url="http://860804.blog.51cto.com/">

转载于:https://blog.51cto.com/385313/78338

关于meta的一些知识相关推荐

HTML中meta的基本知识
在写前端页面时,页面结构通常是由编辑器快速生成的,页面表头里有一个meta标签,这个标签有些什么作用呢? 在MDN中他是这样定义的: meta是文档级元素,用来表示那些不能由其它 HTML 元相关元素 ...
AAAI论文摘要【知识图谱补全】：A Survey on knowledge Graphs：Representation，Acquisition and Application
A Survey on knowledge Graphs:Representation,Acquisition and Application 主要思路全面回顾知识图谱表示学习知识图谱推理全视 ...
SEO知识(总结土著游民)(1)
花钱最少的推广方式(1)SEO优化(上) 创业型企业不缺信心,不缺干劲,但是就是缺钱.很多创业型企业在研发了自己的产品之后,却不知道如何去用最少的钱去推广自己的产品,为此一筹莫展. 在这一方面,我们的 ...
[转]移动端页面开发资源总结及技巧
工作了有一段时间,基本上都在搞移动端的前端开发,工作的过程中遇到过很多问题,bug的解决方案,记录下来,以便后用!!!内容并不是很全,以后每遇到一个问题都会总结在这里,分享给大家! 一.meta标签相 ...
IOS-RunTime(刨根问底)
方法调用让我们看一下方法调用在运行时的过程(参照前文类在runtime中的表示) 如果用实例对象调用实例方法,会到实例的isa指针指向的对象(也就是类对象)操作. 如果调用的是类方法,就会到类对象的 ...
【移动端 Web】怎么循序渐进地开发一个移动端页面
1. 移动页面开发基础 1.1 像素--什么是像素像素是 Web 页面布局的基础,那么到底什么才是一个像素呢? 像素:一个像素就是计算机屏幕所能显示一种特定颜色的最小区域.这是像素的概念,实际上,W ...
python后台架构Django教程——数据模型Model
全栈工程师开发手册 (作者:栾鹏) python教程全解本文衔接至python后台架构Django开发全解. 有其他问题请先阅读:http://blog.csdn.net/luanpeng82548 ...
轻松几步获得上万点击率（三）
首先说明一下,原来的<SEO优化完全手册>改名为<轻松几步获得上万点击率> 这一节我们来一起讨论一下关于元标记和网页描述的优化.所谓的元标记,其实就是网页代码头部<hea ...
C++反射：全方位解读Lura库的前世今生！
导语 | 本文我们将以lura库为例,介绍如何以C++反射作为基础设施,以更简洁的方式来实现一版lua的bridge,主要围绕lura库的前世今生来逐步展开.(本文一些知识需要适当了解lua c ap ...

关于meta的一些知识

关于meta的一些知识相关推荐

最新文章

热门文章