Meta标签——网站中必不可少的一部分

news/2024/5/10 17:37:29/文章来源:https://blog.csdn.net/dengxie4419/article/details/101489628
今天一个偶然的机会让笔者发现HTML语言中的META元素,它位于HTML文档头部的<HEAD>标记和<TITLE>标记之间,它提供用户不可见的信息。meta标签通常用来为搜索引擎robots定义页面主题,或者是定义用户浏览器上的cookie;它可以用于鉴别作者,设定页面格式,标注内容提要和关键字;还可以设置页面使其可以根据你定义的时间间隔刷新自己,以及设置RASC内容等级,等等。

  这个标签可能被大多数人给忽略掉了,最起码笔者忽略掉了它。原因笔者一般用VS2008建立网站或者B/S系统,使用控件完成设计的要求,了不起使用<img></img>,<table></table>,<a herf>等等常用到的,也不考虑搜索引擎怎么搜索网页等等。然而今天笔者发现Meta这个元素也是很重要的。那么首先我们看看博客园首页的源代码

在看codeproject网站

 

都用到了大量的<meta>标签,如果没看懂上面meta的作用不要紧,下面笔者就为大家介绍下meta

 

http-equiv属性

http-equiv顾名思义,相当于http的文件头作用,它可以向浏览器传回一些有用的信息,以帮助正确和精确地显示网页内容,与之对应的属性值为content,content中的内容其实就是各个参

 meta标签的http-equiv属性语法格式是:<meta http-equiv="参数" content="参数变量值"> ;

    A、Expires(期限)

  说明:可以用于设定网页的到期时间。一旦网页过期,必须到服务器上重新传输。

  用法:<meta http-equiv="expires" content="Fri, 12 Jan 2001 18:18:18 GMT">

  注意:必须使用GMT的时间格式。

  B、Pragma(cache模式)

  说明:禁止浏览器从本地计算机的缓存中访问页面内容。

  用法:<meta http-equiv="Pragma" content="no-cache">

  注意:这样设定,访问者将无法脱机浏览。

  C、Refresh(刷新)

  说明:自动刷新并指向新页面。

  用法:<meta http-equiv="Refresh" content="2;URL=http://www.root.net">

  注意:其中的2是指停留2秒钟后自动刷新到URL网址。

  D、Set-Cookie(cookie设定)

  说明:如果网页过期,那么存盘的cookie将被删除。

  用法:<meta http-equiv="Set-Cookie" content="cookievalue=xxx; expires=Friday, 12-Jan-2001 18:18:18 GMT; path=/">

  注意:必须使用GMT的时间格式。

  E、Window-target(显示窗口的设定)

  说明:强制页面在当前窗口以独立页面显示。

  用法:<meta http-equiv="Window-target" content="_top">

  注意:用来防止别人在框架里调用自己的页面。

  F、content-Type(显示字符集的设定)

  说明:设定页面使用的字符集。

  用法:<meta http-equiv="content-Type" content="text/html; charset=gb2312">

 

name属性

 name属性主要用于描述网页,与之对应的属性值为content,content中的内容主要是便于搜索引擎机器人查找信息和分类信息用的。这个属性设置好了,很有利于在搜索引擎上找到我们的网站。最重要的就是对Keywords和description的设置。因为按照搜索引擎的工作原理,搜索引擎首先派出机器人自动检索页面中的keywords和description,并将其加入到自己的数据库,然后再根据关键词的密度将网站排序。因此大家可以看到博客园对Keywords描述可以说是相当的全面。

    A、Keywords(关键字)

  说明:keywords用来告诉搜索引擎你网页的关键字是什么。

  举例:<meta name ="keywords" content="science, education,culture,politics,ecnomics,relationships, entertaiment, human">

  B、description(网站内容描述)

  说明:description用来告诉搜索引擎你的网站主要内容。

  举例:<meta name="description" content="This page is about the meaning of science, education,culture.">

  C、robots(机器人向导)

  说明:robots用来告诉搜索机器人哪些页面需要索引,哪些页面不需要索引。

  content的参数有all,none,index,noindex,follow,nofollow。默认是all。

  举例:<meta name="robots" content="none">

  D、author(作者)

  说明:标注网页的作者

  举例:<meta name="author" content="root,root@21cn.com">

那么我们可以看到以上两个网站,都利用此元素做出了详细的描述,为的就是让网站更了有利于出现在搜索引擎上。

  好了,既然了解了Meta元素,那么笔者建议把我们一些个人网站,商业网站,没有对meta很重视的,或者描述不详细的可以在此做出更改

 

参考:百度百科 http://baike.baidu.com/view/953191.htm?fr=ala0_1

       一位园有的随笔 http://www.cnblogs.com/esshs/articles/157588.html


转自: http://www.cnblogs.com/couhujia/archive/2010/08/13/1799141.html

转载于:https://www.cnblogs.com/Langzi127/archive/2010/08/14/1799502.html

本文来自互联网用户投稿,该文观点仅代表作者本人,不代表本站立场。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如若转载,请注明出处:http://www.luyixian.cn/news_show_891088.aspx

如若内容造成侵权/违法违规/事实不符,请联系dt猫网进行投诉反馈email:809451989@qq.com,一经查实,立即删除!

相关文章

利用HTML5监控网站性能

支持HTML5的浏览器都可以运行&#xff08;IE9FFChrome&#xff09; Total总时长 performance.timing.loadEventEnd - performance.timing.navigationStart DNS查询时间 performance.timing.domainLookupEnd - performance.timing.domainLookupStart 服务器处理时间 performance…

二手书网站推荐

二手书推荐网站 我对于电子书总觉得看不下去&#xff0c;还是比较喜欢纸质书。 我主要用的几个网站 &#xff08;1&#xff09;孔夫子旧书网 https://www.kongfz.com/ 价格不定&#xff0c;有的价格低可能真的是正版二手但比价旧。有的价格低是扫描印刷版的。需要自己鉴别&…

BrainWeb网站使用

BrainWeb: Simulated Brain Database 1.网站的使用 Normal Brain Database Ground Truth下载 2.当我们下载完成我们想要的图像之后&#xff0c;怎么打开&#xff0c;后续处理呢&#xff1f; 有位博主已经介绍的非常清楚了&#xff0c;我就直接将网址贴在这儿&#xff1a; ht…

SEO如何利用长尾关键词快速获取排名?

说起长尾关键词&#xff0c;SEOER肯定了解长尾关键词的重要性&#xff0c;但是对于入门不久的小白&#xff0c;长尾关键词好像并不被注重&#xff0c;一个SEO做得成功的网站&#xff0c;80%的流量应该来源于长尾关键词&#xff0c;长尾广泛分布于网站的标签、文章、专题等页面&…

学习笔记---个人觉得很好用的网站

从2015年上大学开始就一直学习前端啦&#xff0c;从一开始的小白&#xff0c;到现在的入门&#xff0c;真的说前端要学习的东西真的还有很多。 在这里分享一下我常用的小网站或者我在学习的时候看到别人推荐的网站。 1.http://www.bootcss.com/ 基本入门都会学习这个吧&…

大型网站设计的一些想法

一个项目最简单的部署应该如下图所示&#xff0c; 单台web server提供服务的架构 此种架构最为简单&#xff0c;用户上传的文件保存在web服务器上&#xff0c;一些数据保存在数据库里&#xff0c;同时提供增删改查的功能 但是此种架构有一个致命的缺点&#xff0c;就是当访问…

关于网站表现层和后台的一点思考--以及转载的三大WEB服务器(Apache ,Lighttpd,Nginx)对比分析

最近对大型网站有了一些深入的思考和了解&#xff1a; 一个典型的架构是这样的&#xff1a; 模块一&#xff1a;php在apache(包括fcgi)网站给外部的访问者&#xff0c;可以说是一个UI接口界面&#xff1b; 模块二&#xff1a;c写个后台实时服务程序&#xff0c;通过调用fcgi…

对象{}、防抖与节流、常用日期对象、new 操作符做了哪些事(面试题)、计时器与定时器、递归、阻止对象的默认行为、mouseover 和 mouseenter的区别

目录 一、对象是什么&#xff1f; 二、对象的构成 1.属性 2.方法 三、对象的创建及使用 创建对象的三种方式 1.对象字面量&#xff1a; 2.利用new Object创建对象 new 操作符做了哪些事&#xff08;面试题&#xff09; 3.利用构造函数创建对象 for in 遍历对象 Ob…

企业站的最新导航标—SEO优化

于亿万网站之中&#xff0c;怎样让用户能够第一时间发现你的踪迹&#xff0c;点击、浏览、达成交易。这就是现在企业站比较重视的另一种营销模式——网站SEO优化。 以国内最大搜索引擎商为例&#xff0c;它们的竞价推广价格不菲&#xff0c;针对于中小企业而言&#xff0c;成本…

做SEO优化必须要做内容营销

百度算法规则更改之后&#xff0c;重点着重于用户体验&#xff0c;由此笔者小丹将原来的外链为主转移到了内容方面。直白简述&#xff0c;当下的SEO优化比较接近于内容营销。 当然&#xff0c;这里的内容营销并非是天外之笔&#xff0c;而是结合当下现在的稀缺性资源。今天笔者…

网站优化的未来趋向于UEO

SEO优化是现在网站推广中比较热门的优化方式&#xff0c;但是我们不知道SEO究竟能够走多远。笔者小丹之前看到过这样一篇文章&#xff0c;意思无外乎是SEO优化遇到了瓶颈&#xff0c;谷歌已经不再“信任”SEO优化。 作为世界第一搜索引擎的谷歌拒绝了SEO&#xff0c;而国…

解读SEO优化要注意的必须因素

SEO行业已经成为现在网站推广中最为热门的技术行业之一&#xff0c;现在大多数网站都配备自己专门的SEOer&#xff0c;其无论优化技术如何&#xff0c;都要围绕优化的必需因素来进行。 之前笔者小丹有分享过&#xff0c;影响SEO优化结果的因素多大二百多项&#xff0c;要…

求同存异的网站优化

SEO似乎已经成为现在网站推广的代名词之一&#xff0c;面对不同类型的网站我们的优化侧重点是否相同呢&#xff1f;这个可以说是仁者见仁智者见智了。现在网络如果按网站内容来划分的化可以分为企业站、博客、导航和商城&#xff0c;那么针对不同的网站我们要如何来对待呢&…

不能不知道的网站内部优化奥秘

搜索引擎算法规则的更新使得很多SEOer将工作重心移到了站内优化上。这不仅使得大家更为注重基础优化&#xff0c;对于网站信息内容和内链的质量要求上也更为关注。 做网站内部优化笔者小丹之前主要是集中在内链布局上&#xff0c;然后对于站内优化链接仅仅是其中的一部分&#…

软硬兼施的网站优化方式

网站优化到底我们要达到的目的是什么&#xff1f;很多SEOer会说是网站转换率和网站营销额。谨然如此&#xff0c;而事实上很多网站维护者更看重的是表象—网站排名。 其实作为一个“肤浅”的SEOer并不是什么可耻的事情&#xff0c;相反的在亿万万小型企业网站中&#xff0c;你只…

SEO实战:网站排名不靠外链靠基础

内容、外链是日常优化工作的必须&#xff0c;由于百度的绿萝算法把外链的质量进行的评估限定&#xff0c;使得一直以外链为主要SEO手段的网站受到了抨击。怎样的网站优化方式才能够让网站稳定&#xff0c;网站排名也能够提升呢&#xff1f;其实网站自身的质量更为重要。今天笔者…

凡客前副总张小军开服装B2C网站已获亿元风投

1月12日消息&#xff0c;薄荷时尚商城总裁赵承今日在其微博中爆料&#xff0c;前凡客诚品网“某”副总最近上线一个服装B2C网站成格风尚&#xff0c;该网站已获得2亿元的风投。 “又新上线一个服装行业电商 CEO是前凡客某副总&#xff0c;投资方也很厉害&#xff0c;上来就投2个…

凡客诚品官方网站:精彩生活从凡客开始

点此进入凡客诚品官方网站vancl.com 自从改革开放一直到今天&#xff0c;人们的生活水平翻了好几翻&#xff0c;在生活水平提高的同时&#xff0c;科学技术也在跟着提高&#xff0c;现在是讲究高效的时代&#xff0c;效率、时间决定一切。人们都很忙碌&#xff0c;没有多少人有…

大型互联网站解决高并发的常见策略

本文转自&#xff1a;http://www.javabloger.com/article/high-concurrent-common-coping-strategies.html 一个运营的系统在正式上线后将会遇到各种层级的高并发请求&#xff0c;因此我们必须对此做出相应的策略和技术解决方案&#xff0c;首先我们需要认清系统的高并发由3个层…

大型互联网站解决海量数据的常见策略

本文转自&#xff1a;http://www.javabloger.com/article/big-data-architecture.html 大型互联网站的数据存储与传统存储环境相比不仅是一个服务器、一个数据库那么简单&#xff0c;而是由网络设备、存储设备、应用服务器、公用访问接口、应用程序 等多个部分组成的复杂系统。…