精华内容
下载资源
问答
  • html meta标签属性用法解析

    千次阅读 2012-10-10 12:49:02
    一、 meta标签的用法 meta是用来在HTML文档中模拟HTTP协议的响应头报文。meta 标签用于网页的head中,meta 标签的用处很多。meta 的属性有两种:name和http-equiv。name属性主要用于描述网页,对应于content...

    一、 meta标签的用法

    meta是用来在HTML文档中模拟HTTP协议的响应头报文。meta 标签用于网页的head中,meta 标签的用处很多。meta 的属性有两种:namehttp-equivname属性主要用于描述网页,对应于content(网页内容),以便于搜索引擎机器人查找、分类(目前几乎所有的搜索引擎都使用网上机器人自动查找meta值来给网页分类)。用好meta标签,会给你带来意想不到的效果,例如加入关键字会自动被大型搜索网站自动搜集;可以设定页面格式及刷新等等。这其中最重要的是description(站点在搜索引擎上的描述)和keywords(分类关键词),所以应该给每页加一个meta比较常用的有以下几个:

    1<meta name="generator" contect="">用以说明生成工具(如Microsoft FrontPage 4.0)等; 

    2<meta name="keywords" contect="">向搜索引擎说明你的网页的关键词; 

    3<meta name="description" contect="">告诉搜索引擎你的站点的主要内容; 

    4、<meta name="author" contect="你的姓名">告诉搜索引擎你的站点的制作的作者; 

    5<meta name="robots" contect= "all|none|index|noindex|follow|nofollow"> 

    其中的属性说明如下: 

    设定为all:文件将被检索,且页面上的链接可以被查询; 

    设定为none:文件将不被检索,且页面上的链接不可以被查询; 

    设定为index:文件将被检索; 

    设定为follow:页面上的链接可以被查询; 

    设定为noindex:文件将不被检索,但页面上的链接可以被查询; 

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

    http-equiv属性:

    1<meta http-equiv="Content-Type" contect="text/html";charset=gb_2312-80"> 

    和 <meta http-equiv="Content-Language" contect="zh-CN">用以说明主页制作所使用的文字以及语言;又如英文是ISO-8859-1字符集,还有BIG5utf-8shift-JisEucKoi8-2等字符集; 

    2<meta http-equiv="Refresh" contect="n;url=http://yourlink"> 定时让网页在指定的时间n内,跳转到页面http://yourlink; 

    3<meta http-equiv="Expires" contect="Mon,12 May 2001 00:20:00 GMT">可以用于设定网页的到期时间,一旦过期则必须到服务器上重新调用。需要注意的是必须使用GMT时间格式; 

    4<meta http-equiv="Pragma" contect="no-cache">是用于设定禁止浏览器从本地机的缓存中调阅页面内容,设定后一旦离开网页就无法从Cache中再调出; 

    5<meta http-equiv="set-cookie" contect="Mon,12 May 2001 00:20:00 GMT">cookie设定,如果网页过期,存盘的cookie将被删除。需要注意的也是必须使用GMT时间格式; 

    6<meta http-equiv="Pics-label" contect="">网页等级评定,在IEinternet选项中有一项内容设置,可以防止浏览一些受限制的网站,而网站的限制级别就是通过 meta属性来设置的; 

    7<meta http-equiv="windows-Target" contect="_top">强制页面在当前窗口中以独立页面显示,可以防止自己的网页被别人当作一个frame页调用; 

    8、<meta http-equiv="Page-Enter" contect="revealTrans(duration=10,transtion= 50)"><meta http-equiv="Page-Exit" contect="revealTrans(duration=20transtion=6)">设定进入和离开页面时的特殊效果,这个功能即 FrontPage中的“格式/网页过渡”,不过所加的页面不能够是一个frame页面。

    二、 meta标签的功能

     上面我们介绍了meta标签的一些基本组成,接着我们再来一起看看meta标签的常见功能:

        1、帮助主页被各大搜索引擎登录

     meta标签的一个很重要的功能就是设置关键字,来帮助你的主页被各大搜索引擎登录,提高网站的访问量。在这个功能中,最重要的就是对Keywordsdescription的设置。因为按照搜索引擎的工作原理,搜索引擎首先派出机器人自动检索页面中的keywordsdecription,并将其加入到自己的数据库,然后再根据关键词的密度将网站排序。因此,我们必须设置好关键字,来提高页面的搜索点击率。下面我们来举一个例子供大家参考:

    meta name="keywords" content="政治,经济科技,文化卫生情感,心灵,娱乐,生活,社会,企业,交通"

    meta name="description" content="政治,经济科技,文化卫生情感,心灵,娱乐,生活,社会,企业,交通"

    设置好这些关键字后,搜索引擎将会自动把这些关键字添加到数据库中,并根据这些关键字的密度来进行合适的排序。

      2、定义页面的使用语言

      这是meta标签最常见的功能,在制作网页时,我们在纯HTML代码下都会看到它,它起的作用是定义你网页的语言,当浏览者访问你的网页时,浏览器会自动识别并设置网页中的语言,如果你网页设置的是GB,而浏览者没有安装GB,这时网页只会呈现浏览者所设置的浏览器默认语言。同样的,如果该网页是英语,那么charset=en。下面就是一个具有代表性的例子:

      <meta http-equiv=contentType″ content=text/html; charset=gb2312″〉

    该代码就表示将网页的语言设置成国标码。

      3、自动刷新并指向新的页面

      如果你想使您的网页在无人控制的情况下,能自动在指定的时间内去访问指定的网页,就可以使用meta标签的自动刷新网页的功能。下面我们来看一段代码:

      〈meta http-equiv=refresh″ content=″2; URL=http://www.yeah.net″〉

      这段代码可以使当前某一个网页在2秒后自动转到http://www.yeah.net页面中去,这就是meta的刷新作用,content,2代表设置的时间(单位为秒),URL就是在指定的时间后自动连接的网页地址。

      4、实现网页转换时的动画效果

      使用meta标签,我们还可以在进入网页或者离开网页的一刹那实现动画效果,我们只要在页面的html代码中的<head></head>标签之间添加如下代码就可以了:

    meta http-equiv="Page-Enter" content="revealTrans(duration=., transition=20)"

    meta http-equiv="Page-Exit" content="revealTrans(duration=., transition=20)"

    一旦上述代码被加到一个网页中后,我们再进出页面时就会看到一些特殊效果,这个功能其实与FrontPage2000中的Format/Page Transition一样,但我们要注意的是所加网页不能是一个Frame;

      5、网页定级评价

      IE4.0以上版本的浏览器可以防止浏览一些受限制的网站,而之所以浏览器会自动识别某些网站是否受限制,就是因为在网站meta标签中已经设置好了该网站的级别,而该级别的评定是由美国RSAC,即娱乐委员会的评级机构评定的,如果你需要评价自己的网站,可以连接到网站http://www.rsac.org/,按要求提交表格,那么RSAC会提供一段meta代码给你,复制到自己网页里就可以了。下面就是一段代码的样例:

     〈meta http-equiv=PICSLabel

     content=(PICS1.1 http://www.rsac.org/ratingsv01.html

     l gen true comment RSACi North America Server

     for http://www.rsac.org

     on 2001.08.16T08:150500

     r (n 0 s 0 v 0 l 0))′〉

      6、控制页面缓冲

      meta标签可以设置网页到期的时间,也就是说,当你在Internet Explorer 浏览器中设置浏览网页时首先查看本地缓冲里的页面,那么当浏览某一网页,而本地缓冲又有时,那么浏览器会自动浏览缓冲区里的页面,直到meta中设置的时间到期,这时候,浏览器才会去取得新页面。例如下面这段代码就表示网页的到期时间是2001112181818秒。

      〈meta http-equiv=expires″ content=Friday, 12-Jan-2001 18:18:18 GMT″〉

      7、控制网页显示的窗口

      我们还可以使用meta标签来控制网页显示的窗口,只要在网页中加入下面的代码就可以了:<metahttp-equiv="window-target" content="_top">,这段代码可以防止网页被别人作为一个Frame调用。 

            下面简介关于 robots.txt 的知识

    1.什么是robots.txt文件?

    搜索引擎通过一种程序robot(又称spider),自动访问互联网上的网页并获取网页信息。

    您可以在您的网站中创建一个纯文本文件robots.txt,在这个文件中声明该网站中不想被robot访问的部分,这样,该网站的部分或全部内容就可以不被搜索引擎收录了,或者指定搜索引擎只收录指定的内容。

    2.robots.txt文件放在哪里?

    robots.txt文件应该放在网站根目录下。举例来说,当robots访问一个网站(比如http://www.abc.com)时,首先会检查该网站中是否存在http://www.abc.com/robots.txt 这个文件,如果机器人找到这个文件,它就会根据这个文件的内容,来确定它访问权限的范围。

    见示例:

    1.robots.txt文件的格式

    "robots.txt"文件包含一条或更多的记录,这些记录通过空行分开(以CR,CR/NL, or NL作为结束符),每一条记录的格式如下所示:

    "<field>:<optionalspace><value><optionalspace>"

    在该文件中可以使用#进行注解,具体使用方法和UNIX中的惯例一样。该文件中的记录通常以一行或多行User-agent开始,后面加上若干Disallow,详细情况如下:

    User-agent:

    该项的值用于描述搜索引擎robot的名字,在"robots.txt"文件中,如果有多条User-agent记录说明有多个robot会受到该协议的限制,对该文件来说,至少要有一条User-agent记录。如果该项的值设为*,则该协议对任何机器人均有效,在"robots.txt"文件中,"User-agent:*"这样的记录只能有一条。

    Disallow:

      该项的值用于描述不希望被访问到的一个URL,这个URL可以是一条完整的路径,也可以是部分的,任何以Disallow开头的URL均不会被robot访问到。例如"Disallow:/help"/help.html /help/index.html都不允许搜索引擎访问,而"Disallow:/help/"则允许robot访问/help.html,而不能访问/help/index.html。任何一条Disallow记录为空,说明该网站的所有部分都允许被访问,在"/robots.txt"文件中,至少要有一条Disallow记录。如果"/robots.txt"是一个空文件,则对于所有的搜索引擎robot,该网站都是开放的。

    展开全文
  • 本文实例讲述了javascript通过获取html标签属性class实现多选项卡的方法。分享给大家供大家参考。具体实现方法如下: <!DOCTYPE html> <html> <head> <meta charset=utf-8 /> <title>...
  • 首先在masterpage的Head中加入一个ContentPlaceHolder控件 ,如下面代码: asp:contentplaceholder id="cphmeta" runat="server"> meta name="Description" content="小事,糗事,箩筐.Net,采集器,大事,幽默,幸福...

    首先在masterpage的Head中加入一个ContentPlaceHolder控件 ,如下面代码:

    1. <asp:contentplaceholder id="cphmeta" runat="server">
    2.     <meta name="Description" content="小事,糗事,箩筐.Net,采集器,大事,幽默,幸福,开心,成人,尴尬,烦事,琐事,快乐,搞笑,笑话,欢笑,好汉,奥运,儿女,箩筐,大城小事,生活,小事一箩筐,大城小事,生活" />
    3.     <meta name="Keywords" content="小事,糗事,大事,幽默,幸福,开心,成人,尴尬,烦事,琐事,快乐,搞笑,笑话,欢笑,好汉,奥运,儿女,箩筐,大城小事,生活" />
    4.     </asp:contentplaceholder>

    上面有一些默认的meta,你可以在其它的页面轻松获取这些属性。

     

    下面是后台对meta信息的修改的后台代码:

    1. //SEO
    2.         ContentPlaceHolder cphmeta = this.Page.Master.FindControl("cphmeta"as ContentPlaceHolder;
    3.         if (cphmeta != null)
    4.         {
    5.             string _content = “小事一箩筐 - 你有什么不开心的事?说出来让大家开心一下,http://www.xiaoshiyiluokuang.com”;//这里换成你自己的字符串
    6.             HtmlMeta metakeywords = new HtmlMeta();
    7.             metakeywords.Name = "Keywords";
    8.             metakeywords.Content = StringUtil.CutTitle(_content, 80, false);
    9.             HtmlMeta metadescription = new HtmlMeta();
    10.             metadescription.Name = "Description";
    11.             metadescription.Content = StringUtil.CutTitle(_content, 200, false);
    12.             cphmeta.Controls.Clear();
    13.             cphmeta.Controls.Add(metakeywords);
    14.             cphmeta.Controls.Add(metadescription);
    15.         }
    这时候你编译运行,就会看到里面的meta属性换成新的啦。很简单吧?
    展开全文
  • <meta name="apple-itunes-app...类似于这种meta信息,js/jquery应该如何获取? 如果我定义了 <meta name="seg-user" content="helloworld" /> 我应该如何通过js/jquery获取? 1。 ocument.getElemen...

    <meta name="apple-itunes-app" content="app-id=432274380" />

    类似于这种meta信息,js/jquery应该如何获取?

    如果我定义了

    <meta name="seg-user" content="helloworld" />

    我应该如何通过js/jquery获取?

    1。

    ocument.getElementsByTagName('meta')['seg-user']

    2。

    直接按照平常取DOM的方法来取不就好了么?不明白问题的题点在哪里诶……

    document.querySelector('meta[name="seg-user"]').getAttribute('content')

     

    3。

    var paras = document.getElementsByTagName("meta");
    var name = paras[0].getAttribute("name");
    var content = paras[0].getAttribute("content"); 

    假如只有一个meta标签的笨办法

    4。

    好像没人回答jquery的版本,会稍微简洁一点:

    $('meta[name="seg-user"]');

    5。
    $("meta").eq(1).attr("http-equiv"), 想要什么取什么
     

    转载于:https://www.cnblogs.com/wyy5552/p/8438314.html

    展开全文
  • 在清单文件中,可以得到activity和service还有receiver种的meta标签属性值,分别如下: Activity: 在activity标签下的: meta-data android:name="msg" android:value="hello activity"/> 代码获得value的...

    在清单文件中,可以得到activityservice还有receiver种的meta标签的属性值,分别如下:

    Activity

    activity标签下的:  <meta-data android:name="msg" android:value="hello activity"/>

    代码获得value的值:

    ActivityInfo ainfo = this.getPackageManager().getActivityInfo(getComponentName(),PackageManager.GET_META_DATA);
    String msg = ainfo.metaData.getString("msg");
    System.out.println(msg);

    Service中获得数据:

    service标签下新建:<meta-data android:name="msg" android:value="hello service"/>

    代码获得:

    ComponentName componentName = new ComponentName(this,HelloService.class);
    ServiceInfo sinfo;
    try {
    sinfo = this.getPackageManager().getServiceInfo(componentName,PackageManager.GET_META_DATA);
    String msg = sinfo.metaData.getString("msg");
    System.out.println(msg);
    } catch (NameNotFoundException e) {
    // TODO Auto-generated catch block
    e.printStackTrace();
    }<span style="font-family: Arial, Helvetica, sans-serif; background-color: rgb(255, 255, 255);"> </span>

    继承自broadcastreceiverreceiver

    receiver标签下新建:

     <meta-data android:name="msg" android:value="hello reciver"/>

    代码获得:

    ComponentName cn=new ComponentName(context,Reciver.class);
    ActivityInfo info=context.getPackageManager()
    .getReceiverInfo(cn, PackageManager.GET_META_DATA);
    String msg=info.metaData.getString("msg");
    System.out.println("myMsg:"+msg);


     

     

     

     

     

     

    展开全文
  • Meta标签

    2009-04-30 10:26:00
    研究了一下Meta标签,发掘一下,不曾想,Meta标签里也藏着大学问。网站Meta标签的优化对于SEO还是有用的,不过看了很多网站都不太在意这个,很多Meta标签大家甚至都没有见过,今天我就把学到Meta标签和大家分享一下...
  • HTML里面meta name标签属性

    千次阅读 2014-05-26 16:32:00
    name标签属性" alt="HTML里面meta name标签属性" src="http://img.baidu.com/hi/jx/j_0026.gif" style="border:none; max-width:100%">name 属性  name标签属性" alt="HTML里面meta name标签属性" ...
  • 获取value属性值,其它属性换attr的参数就OK 2.通过点来获取: <!doctype html> <html lang=en> <head> <meta charset=UTF-8> <title>Document</title> </head> <...
  • meta标签详解

    2018-04-24 16:53:09
    一、meta基本介绍 &lt;meta&gt;标签是html网页源代码中的一个重要的标签meta用来描述一个html网页文档的属性,例如作者、日期和时间、...二、meta属性 ① 必须属性 content属性。该属性是为了定义...
  • Html Meta 标签

    千次阅读 2019-05-05 21:14:32
    Html Meta 标签 标签定义及使用说明 元数据(Metadata)是数据的数据信息。 <meta> 标签提供了 HTML 文档的元数据。元数据不会显示在客户端,但是会被浏览器解析。 META元素通常用于指定网页的描述,...
  • 获取a标签的src属性

    2021-01-09 19:49:44
    ##获取a标签的src属性 <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <title>...
  • 随时随地阅读更多技术实战干货,获取项目源码、学习资料,请关注源代码社区公众号(ydmsq666)、博主微信(guyun297890152)、QQ技术交流群(183198395)。 from:...
  • 而网页中meta标签的viewport属性是什么含义、起着什么作用,下面简单讲述下,并实例说明。 页面viewport:它在页面中设置,是应对手机模式访问网站、网页对屏幕而做的一些设置。通常手机浏览器打开页面后,会把...
  • 为了达到兼容: &lt;meta name="viewport" content="width=device-width,initial-scale=1,minimum-scale-1,user-...name=“viewport”:说明当前meta标签是用来设置viewport的属性的,这个属性只...
  • 一、页面自定义meta标签 可以为每个页面单独设置不同的meta标签 以便于SEO 全局的meta标签在nuxt.config.js文件里配置 而单独的meta标签在组件的内部<script>标签内进行配置即可 值得注意的是:hid属性是页面...
  • “”(即通常所说的META...通常都要谈论META标签的作用,我们甚至可以说,META标签的内容设计对于搜索引擎营销来说是至关重要的一个因素,尤其是其中的 “description”(网页描述)和“Keywords”(关键词)两个属性
  • meta属性详解

    千次阅读 2016-06-05 18:07:33
    其实如果你能够用好meta标签,会给你带来意想不到的效果,meta标签的作用有:搜索引擎优化(SEO),定义页面使用语言,自动刷新并指向新的页面,实现网页转换时的动态效果,控制页面缓冲,网页定级评价,控制网页...
  • jQuery attr() 方法用于获取属性值。 $( "button" ).click( function () { alert($( "#w3s" ).attr( "href" )); }); 设置内容 - text()、html() 以及 val() $( "#btn1" ).click( function () { $...
  • meta标签通常用来为搜索引擎robots定义页面主题,或者是定义用户浏览器上的cookie;它可以用于鉴别作者,设定页面格式,标注内容提要和关键字;还可以设置页面使其可以根据你定义的时间间隔刷新自己,以及设置RASC...
  • 但是meta标签中的content内容的抓取,没有提及到! 上网搜索了下,发现很少提及,所以写篇随笔,备忘一下! 还是在HtmlAgillityPack搭配ScrapySharp的环境下,具体如何配置点击上一篇链接。 例子:<meta ...
  • 什么是Meta标签 Meta标签给搜索引擎提供了许多关于网页的信息。这些信息都是隐含信息,意味着对于网页自身的访问者是不可见的。 你可以在网页的 元素中发现标签。在过去,有人曾经问我它是否可以放在网页的,最好...
  • meta标签的viewpoint说明

    千次阅读 2018-01-04 11:53:06
    常用的针对移动端网页的meta viewpoint大致是: <meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=1.0, minimum-scale=1.0, user-scalable=no" /> 这段代码的意思是,...
  • WebApp网站有关meta标签

    千次阅读 2015-11-12 15:22:20
    一、大众机型常用meta标签name的设置 1、name之viewport 说明:屏幕的缩放content的几个属性: width viewport的宽度[device-width | pixel_value]width如果直接设置pixel_value数值,大部分的安卓手机不支持...
  • meta 标签主要是用来描述一个 html 网页文档的属性的。 例如 作者、日期、时间、页面刷新。 还可以用于 seo 的搜索优化。 基本属性 分为必选和可选项 1.必选属性: content 属性。该属性是为了定义与...
  • 需要获取 meta 里面的值, 就是 content 里面的值: <meta name="basepath" id="basepath" content="$!webPath" /> jq两种方式 console.log('test>>>>'+">&g...
  • meta&gt;标签如何正确使用  如果我们在浏览器中按下F12或者Ctrl+shift+J,便可以打开开发者工具,在element中即可看到&lt;head&gt;元素中有不少&lt;meta&gt;元素。对于网页而言,&lt;meta...
  • html中的head的meta元素中的keywords与description标签如下: <meta name="keywords" content="xxxx" >...xpath获取属性使用@属性名就行了,如 //meta[@name='keywords']/@content //m...
  • jQuery其实本质就是JavaScript ,是对js的封装,极大地简化程序的编写,使代码更少,功能更加完善,兼容了主流浏览器,不用再单独做版本适配,大大增加程序开发效率 script当中可以写原生js代码,也可以写...获取div标签
  • Spring的meta标签

    2016-11-16 09:50:00
    Spring的解析源码 public void parseMetaElements(Element ele, BeanMetadataAttributeAccessor attributeAccessor) { //获取当前节点的所有子元素 NodeList nl = ele.getChildNodes(); ...
  • 解决方案: 一般拿标签是bs.find("div",class_="haha") 而meta标签不能通过bs.find('meta',name='haha') 而是bs.find(attrs={"name":"haha"})['content']

空空如也

空空如也

1 2 3 4 5 ... 20
收藏数 87,389
精华内容 34,955
关键字:

获取meta标签的属性