META标签是HTML语言HEAD区的一个辅助性标签，它位于HTML文档头部的
标记和
标记之间，它提供用户不可见的信息。meta标签通常用来为搜索引擎robots定义页面主题，或者是定义用户浏览器上的cookie；它可以用于鉴别作者，设定页面格式，标注内容提要和关键字；还可以设置页面使其可以根据你定义的时间间隔刷新自己,以及设置RASC内容等级，等等。</p>
<p style="margin:10px auto; font-family:Verdana,'Lucida Grande',Arial,Helvetica,sans-serif; line-height:18px"> </p>
<p style="margin:10px auto; font-family:Verdana,'Lucida Grande',Arial,Helvetica,sans-serif; line-height:18px"> 详细介绍</p>
<p style="margin:10px auto; font-family:Verdana,'Lucida Grande',Arial,Helvetica,sans-serif; line-height:18px"> <br> 下面介绍一些有关 标记的例子及解释。</p>
<p style="margin:10px auto; font-family:Verdana,'Lucida Grande',Arial,Helvetica,sans-serif; line-height:18px"> <br> META标签分两大部分：<strong>HTTP标题信息(http-equiv)</strong>和<strong>页面描述信息(name)</strong>。</p>
<p style="margin:10px auto; font-family:Verdana,'Lucida Grande',Arial,Helvetica,sans-serif; line-height:18px"> </p>
<p style="margin:10px auto; font-family:Verdana,'Lucida Grande',Arial,Helvetica,sans-serif; line-height:18px"> <span style="font-size:24px"> ★<span style="font-family:Verdana,'Lucida Grande',Arial,Helvetica,sans-serif; line-height:18px">http-equiv</span></span></p>
<p style="margin:10px auto; font-family:Verdana,'Lucida Grande',Arial,Helvetica,sans-serif; line-height:18px"> <br> HTTP-EQUIV类似于HTTP的头部协议，它回应给浏览器一些有用的信息，以帮助正确和精确地显示网页内容。常用的HTTP-EQUIV类型有：</p>
<p style="margin:10px auto; font-family:Verdana,'Lucida Grande',Arial,Helvetica,sans-serif; line-height:18px"> </p>
<p style="margin:10px auto; font-family:Verdana,'Lucida Grande',Arial,Helvetica,sans-serif; line-height:18px"> <strong>1、Content-Type和Content-Language (显示字符集的设定)</strong></p>
<p style="margin:10px auto; font-family:Verdana,'Lucida Grande',Arial,Helvetica,sans-serif; line-height:18px"> <br> 说明：设定页面使用的字符集，用以说明主页制作所使用的文字已经语言，浏览器会根据此来调用相应的字符集显示page内容。</p>
<p style="margin:10px auto; font-family:Verdana,'Lucida Grande',Arial,Helvetica,sans-serif; line-height:18px"> <br> 用法：<Meta http-equiv="Content-Type" Content="text/html; Charset=gb2312"><br> <Meta http-equiv="Content-Language" Content="zh-CN"></p>
<p style="margin:10px auto; font-family:Verdana,'Lucida Grande',Arial,Helvetica,sans-serif; line-height:18px"> <br> 注意： 该META标签定义了HTML页面所使用的字符集为GB2132，就是国标汉字码。如果将其中的“charset=GB2312”替换成“BIG5”，则该页面所用的字符集就是繁体中文Big5码。当你浏览一些国外的站点时，IE浏览器会提示你要正确显示该页面需要下载xx语支持。这个功能就是通过读取HTML页面META标签的Content-Type属性而得知需要使用哪种字符集显示该页面的。如果系统里没有装相应的字符集，则IE就提示下载。其他的语言也对应不同的charset，比如日文的字符集是“iso-2022-jp ”，韩文的是“ks_c_5601”。<br> <br> Content-Type的Content还可以是：text/xml等文档类型；<br> Charset选项：ISO-8859-1(英文)、BIG5、UTF-8、SHIFT-Jis、Euc、Koi8-2、us-ascii, x-mac-roman, iso-8859-2, x-mac-ce, iso-2022-jp, x-sjis, x-euc-jp,euc-kr, iso-2022-kr, gb2312, gb_2312-80, x-euc-tw, x-cns11643-1,x-cns11643-2等字符集；Content-Language的Content还可以是：EN、FR等语言代码。</p>
<p style="margin:10px auto; font-family:Verdana,'Lucida Grande',Arial,Helvetica,sans-serif; line-height:18px"> <br> <strong>2、Refresh (刷新)</strong></p>
<p style="margin:10px auto; font-family:Verdana,'Lucida Grande',Arial,Helvetica,sans-serif; line-height:18px"> <br> 说明：让网页多长时间（秒）刷新自己，或在多长时间后让网页自动链接到其它网页。<br> 用法：<Meta http-equiv="Refresh" Content="30"><br> <Meta http-equiv="Refresh" Content="5; Url=http://www.xia8.net"><br> 注意：其中的5是指停留5秒钟后自动刷新到URL网址。</p>
<p style="margin:10px auto; font-family:Verdana,'Lucida Grande',Arial,Helvetica,sans-serif; line-height:18px"> <br> <strong>3、Expires (期限)</strong></p>
<p style="margin:10px auto; font-family:Verdana,'Lucida Grande',Arial,Helvetica,sans-serif; line-height:18px"> <br> 说明：指定网页在缓存中的过期时间，一旦网页过期，必须到服务器上重新调阅。<br> 用法：<Meta http-equiv="Expires" Content="0"><br> <Meta http-equiv="Expires" Content="Wed, 26 Feb 1997 08:21:57 GMT"><br> 注意：必须使用GMT的时间格式，或直接设为0(数字表示多少时间后过期)。</p>
<p style="margin:10px auto; font-family:Verdana,'Lucida Grande',Arial,Helvetica,sans-serif; line-height:18px"> <br> <strong>4、Pragma (cach模式)</strong></p>
<p style="margin:10px auto; font-family:Verdana,'Lucida Grande',Arial,Helvetica,sans-serif; line-height:18px"> <br> 说明：禁止浏览器从本地机的缓存中调阅页面内容。<br> 用法：<Meta http-equiv="Pragma" Content="No-cach"><br> 注意：网页不保存在缓存中，每次访问都刷新页面。这样设定，访问者将无法脱机浏览。</p>
<p style="margin:10px auto; font-family:Verdana,'Lucida Grande',Arial,Helvetica,sans-serif; line-height:18px"> <br> <strong>5、Set-Cookie (cookie设定)</strong></p>
<p style="margin:10px auto; font-family:Verdana,'Lucida Grande',Arial,Helvetica,sans-serif; line-height:18px"> <br> 说明：浏览器访问某个页面时会将它存在缓存中，下次再次访问时就可从缓存中读取，以提高速度。当你希望访问者每次都刷新你广告的图标，或每次都刷新你的计数器，就要禁用缓存了。通常HTML文件没有必要禁用缓存，对于ASP等页面，就可以使用禁用缓存，因为每次看到的页面都是在服务器动态生成的，缓存就失去意义。如果网页过期，那么存盘的cookie将被删除。<br> 用法：<Meta http-equiv="Set-Cookie" Content="cookievalue=xxx; expires=Wednesday,<br> 21-Oct-98 16:14:21 GMT; path=/"><br> 注意：必须使用GMT的时间格式。</p>
<p style="margin:10px auto; font-family:Verdana,'Lucida Grande',Arial,Helvetica,sans-serif; line-height:18px"> <br> <strong>6、Window-target (显示窗口的设定)</strong></p>
<p style="margin:10px auto; font-family:Verdana,'Lucida Grande',Arial,Helvetica,sans-serif; line-height:18px"> <br> 说明：强制页面在当前窗口以独立页面显示。<br> 用法：<Meta http-equiv="Widow-target" Content="_top"><br> 注意：这个属性是用来防止别人在框架里调用你的页面。Content选项：_blank、_top、_self、_parent。</p>
<p style="margin:10px auto; font-family:Verdana,'Lucida Grande',Arial,Helvetica,sans-serif; line-height:18px"> <br> <strong> 7、Pics-label (网页RSAC等级评定)</strong><br> 说明：在IE的Internet选项中有一项内容设置，可以防止浏览一些受限制的网站，而网站的限制级<br> 别就是通过该参数来设置的。<br> 用法：<META http-equiv="Pics-label" Contect=<br> "(PICS－1.1'http://www.rsac.org/ratingsv01.html'<br> I gen comment 'RSACi North America Sever' by 'inet@microsoft.com' <br> for 'http://www.microsoft.com' on '1997.06.30T14:21－0500' r(n0 s0 v0 l0))"></p>
<p style="margin:10px auto; font-family:Verdana,'Lucida Grande',Arial,Helvetica,sans-serif; line-height:18px"> <br> 注意：不要将级别设置的太高。RSAC的评估系统提供了一种用来评价Web站点内容的标准。用户可以设置Microsoft Internet Explorer（IE3.0以上）来排除包含有色情和暴力内容的站点。上面这个例子中的HTML取自Microsoft的主页。代码中的（n 0 s 0 v 0 l 0）表示该站点不包含不健康内容。级别的评定是由RSAC，即美国娱乐委员会的评级机构评定的，如果你想进一步了解RSAC评估系统的等级内容，或者你需要评价自己的网站，可以访问RSAC的站点：http://www.rsac.org/。</p>
<p style="margin:10px auto; font-family:Verdana,'Lucida Grande',Arial,Helvetica,sans-serif; line-height:18px"> <br> <strong> 8、Page-Enter、Page-Exit (进入与退出)</strong></p>
<p style="margin:10px auto; font-family:Verdana,'Lucida Grande',Arial,Helvetica,sans-serif; line-height:18px"> <br> 说明：这个是页面被载入和调出时的一些特效。<br> 用法：<Meta http-equiv="Page-Enter" Content="blendTrans(Duration=0.5)"><br> <Meta http-equiv="Page-Exit" Content="blendTrans(Duration=0.5)"><br> 注意：blendTrans是动态滤镜的一种，产生渐隐效果。另一种动态滤镜RevealTrans也可以用于页面进入与退出效果:</p>
<p style="margin:10px auto; font-family:Verdana,'Lucida Grande',Arial,Helvetica,sans-serif; line-height:18px"> <br> <Meta http-equiv="Page-Enter" Content="revealTrans(duration=x, transition=y)"><br> <Meta http-equiv="Page-Exit" Content="revealTrans(duration=x, transition=y)"></p>
<p style="margin:10px auto; font-family:Verdana,'Lucida Grande',Arial,Helvetica,sans-serif; line-height:18px"> <br> Duration 表示滤镜特效的持续时间(单位：秒)<br> Transition 滤镜类型。表示使用哪种特效，取值为0-23。</p>
<p style="margin:10px auto; font-family:Verdana,'Lucida Grande',Arial,Helvetica,sans-serif; line-height:18px"> <br> 0 矩形缩小<br> 1 矩形扩大<br> 2 圆形缩小<br> 3 圆形扩大<br> 4 下到上刷新<br> 5 上到下刷新<br> 6 左到右刷新<br> 7 右到左刷新<br> 8 竖百叶窗<br> 9 横百叶窗<br> 10 错位横百叶窗<br> 11 错位竖百叶窗<br> 12 点扩散<br> 13 左右到中间刷新<br> 14 中间到左右刷新<br> 15 中间到上下<br> 16 上下到中间<br> 17 右下到左上<br> 18 右上到左下<br> 19 左上到右下<br> 20 左下到右上<br> 21 横条<br> 22 竖条<br> 23 以上22种随机选择一种</p>
<p style="margin:10px auto; font-family:Verdana,'Lucida Grande',Arial,Helvetica,sans-serif; line-height:18px"> <br> <strong> 9、MSThemeCompatible (XP主题)</strong><br> 说明：是否在IE中关闭 xp 的主题<br> 用法：<Meta http-equiv="MSThemeCompatible" Content="Yes"><br> 注意：关闭 xp 的蓝色立体按钮系统显示样式，从而和win2k 很象。</p>
<p style="margin:10px auto; font-family:Verdana,'Lucida Grande',Arial,Helvetica,sans-serif; line-height:18px"> <br> <strong>10、IE6 (页面生成器)</strong><br> 说明：页面生成器generator，是ie6<br> 用法：<Meta http-equiv="IE6" Content="Generator"><br> 注意：用什么东西做的，类似商品出厂厂商。</p>
<p style="margin:10px auto; font-family:Verdana,'Lucida Grande',Arial,Helvetica,sans-serif; line-height:18px"> <br> <strong> 11、Content-Script-Type (脚本相关)</strong><br> 说明：这是近来W3C的规范，指明页面中脚本的类型。<br> 用法：<Meta http-equiv="Content-Script-Type" Content="text/javascript"><br> 注意：</p>
<p style="margin:10px auto; font-family:Verdana,'Lucida Grande',Arial,Helvetica,sans-serif; line-height:18px"> <br> </p>
<p style="margin:10px auto; font-family:Verdana,'Lucida Grande',Arial,Helvetica,sans-serif; line-height:18px"> <br> <span style="font-size:24px"> <strong>★name变量</strong></span></p>
<p style="margin:10px auto; font-family:Verdana,'Lucida Grande',Arial,Helvetica,sans-serif; line-height:18px"> <br> name是描述网页的，对应于Content（网页内容），以便于搜索引擎机器人查找、分类（目前几乎所有的搜索引擎都使用网上机器人自动查找meta值来给网页分类）。<br> name的value值（name=""）指定所提供信息的类型。有些值是已经定义好的。例如description(说明)、keyword(关键字)、refresh(刷新)等。还可以指定其他任意值，如：creationdate(创建日期) 、<br> document ID(文档编号)和level(等级)等。<br> name的content指定实际内容。如：如果指定level(等级)为value(值)，则Content可能是beginner(初级)、intermediate(中级)、advanced(高级)。</p>
<p style="margin:10px auto; font-family:Verdana,'Lucida Grande',Arial,Helvetica,sans-serif; line-height:18px"> </p>
<p style="margin:10px auto; font-family:Verdana,'Lucida Grande',Arial,Helvetica,sans-serif; line-height:18px"> <strong>1、Keywords (关键字)</strong><br> 说明：为搜索引擎提供的关键字列表<br> 用法：<Meta name="Keywords" Content="关键词1,关键词2，关键词3,关键词4,……"><br> 注意：各关键词间用英文逗号“,”隔开。META的通常用处是指定搜索引擎用来提高搜索质量的关键词。当数个META元素提供文档语言从属信息时，搜索引擎会使用lang特性来过滤并通过用户的语言优先参照来显示搜索结果。例如：<br> <Meta name="Kyewords" Lang="EN" Content="vacation,greece,sunshine"><br> <Meta name="Kyewords" Lang="FR" Content="vacances,grè:ce,soleil"></p>
<p style="margin:10px auto; font-family:Verdana,'Lucida Grande',Arial,Helvetica,sans-serif; line-height:18px"> <br> <strong>2、Description (简介)</strong><br> 说明：Description用来告诉搜索引擎你的网站主要内容。<br> 用法：<Meta name="Description" Content="你网页的简述"><br> 注意：</p>
<p style="margin:10px auto; font-family:Verdana,'Lucida Grande',Arial,Helvetica,sans-serif; line-height:18px"> <br> <strong>3、Robots (机器人向导)</strong><br> 说明：Robots用来告诉搜索机器人哪些页面需要索引，哪些页面不需要索引。Content的参数有all、none、index、noindex、follow、nofollow。默认是all。<br> 用法：<Meta name="Robots" Content="All|None|Index|Noindex|Follow|Nofollow"><br> 注意：许多搜索引擎都通过放出robot/spider搜索来登录网站，这些robot/spider就要用到meta元素的一些特性来决定怎样登录。</p>
<p style="margin:10px auto; font-family:Verdana,'Lucida Grande',Arial,Helvetica,sans-serif; line-height:18px"> <br> all：文件将被检索，且页面上的链接可以被查询；<br> none：文件将不被检索，且页面上的链接不可以被查询；(和 "noindex, no follow" 起相同作用)<br> index：文件将被检索；（让robot/spider登录）<br> follow：页面上的链接可以被查询；<br> noindex：文件将不被检索，但页面上的链接可以被查询；(不让robot/spider登录)<br> nofollow：文件将不被检索，页面上的链接可以被查询。(不让robot/spider顺着此页的连接往下探找)</p>
<p style="margin:10px auto; font-family:Verdana,'Lucida Grande',Arial,Helvetica,sans-serif; line-height:18px"> <br> <strong>4、Author (作者)</strong><br> 说明：标注网页的作者或制作组<br> 用法：<Meta name="Author" Content="张三，abc@sina.com"><br> 注意：Content可以是：你或你的制作组的名字,或Email</p>
<p style="margin:10px auto; font-family:Verdana,'Lucida Grande',Arial,Helvetica,sans-serif; line-height:18px"> <br> <strong>5、Copyright (版权)</strong><br> 说明：标注版权<br> 用法：<Meta name="Copyright" Content="本页版权归Zerospace所有。All Rights Reserved"><br> 注意：</p>
<p style="margin:10px auto; font-family:Verdana,'Lucida Grande',Arial,Helvetica,sans-serif; line-height:18px"> <br> <strong> 6、Generator (编辑器)</strong><br> 说明：编辑器的说明<br> 用法：<Meta name="Generator" Content="PCDATA|FrontPage|"><br> 注意：Content="你所用编辑器"</p>
<p style="margin:10px auto; font-family:Verdana,'Lucida Grande',Arial,Helvetica,sans-serif; line-height:18px"> <br> <strong>7、revisit-after (重访)</strong><br> 说明：<br> 用法：<META name="revisit-after" CONTENT="7 days" ><br> 注意：</p>
<p style="margin:10px auto; font-family:Verdana,'Lucida Grande',Arial,Helvetica,sans-serif; line-height:18px"> <br> </p>
<p style="margin:10px auto; font-family:Verdana,'Lucida Grande',Arial,Helvetica,sans-serif; line-height:18px"> <br> <strong><span style="font-size:24px">★Head中的其它一些用法</span></strong></p>
<p style="margin:10px auto; font-family:Verdana,'Lucida Grande',Arial,Helvetica,sans-serif; line-height:18px"> </p>
<p style="margin:10px auto; font-family:Verdana,'Lucida Grande',Arial,Helvetica,sans-serif; line-height:18px"> <strong> 1、scheme (方案)</strong><br> 说明：scheme can be used when name is used to specify how the value of content should<br> be interpreted.<br> 用法：<meta scheme="ISBN" name="identifier" content="0-14-043205-1" /><br> 注意：</p>
<p style="margin:10px auto; font-family:Verdana,'Lucida Grande',Arial,Helvetica,sans-serif; line-height:18px"> <br> <strong> 2、Link (链接)</strong><br> 说明：链接到文件<br> 用法：<Link href="soim.ico" rel="Shortcut Icon"><br> 注意：很多网站如果你把她保存在收件夹中后，会发现它连带着一个小图标，如果再次点击进入之后还会发现地址栏中也有个小图标。现在只要在你的页头加上这段话，就能轻松实现这一功能。<LINK> 用来将目前文件与其它 URL 作连结，但不会有连结按钮，用於 <HEAD> 标记间， 格式如下： <br> <link href="URL" rel="relationship"> <br> <link href="URL" rev="relationship"></p>
<p style="margin:10px auto; font-family:Verdana,'Lucida Grande',Arial,Helvetica,sans-serif; line-height:18px"> <br> <strong> 3、Base (基链接)</strong><br> 说明：插入网页基链接属性<br> 用法：<Base href="http://www.xia8.net/" target="_blank"><br> 注意：你网页上的所有相对路径在链接时都将在前面加上“http://www.cn8cn.com/”。其中target="_blank"是链接文件在新的窗口中打开，你可以做其他设置。将“_blank”改为“_parent”是链接文件将在当前窗口的父级窗口中打开；改为“_self”链接文件在当前窗口（帧）中打开；改为“_top”链接文件全屏显示。</p>
<p style="margin:10px auto; font-family:Verdana,'Lucida Grande',Arial,Helvetica,sans-serif; line-height:18px"> </p>
<p style="margin:10px auto; font-family:Verdana,'Lucida Grande',Arial,Helvetica,sans-serif; line-height:18px"> 以上是META标签的一些基本用法，其中最重要的就是：Keywords和Description的设定。为什么呢？道理很简单，这两个语句可以让搜索引擎能准确的发现你，吸引更多的人访问你的站点!根据现在流行搜索引擎(Google，Lycos，AltaVista等)的工作原理，搜索引擎先派机器人自动在WWW上搜索，当发现新的网站时，便于检索页面中的Keywords和Description，并将其加入到自己的数据库，然后再根据关键词的密度将网站排序。</p>
<p style="margin:10px auto; font-family:Verdana,'Lucida Grande',Arial,Helvetica,sans-serif; line-height:18px"> <br> 由此看来，我们必须记住添加Keywords和Description的META标签，并尽可能写好关键字和简介。否则，后果就会是：<br> <br> ● 如果你的页面中根本没有Keywords和Description的META标签，那么机器人是无法将你的站点加入数<br> 据库，网友也就不可能搜索到你的站点。</p>
<p style="margin:10px auto; font-family:Verdana,'Lucida Grande',Arial,Helvetica,sans-serif; line-height:18px"> <br> ● 如果你的关键字选的不好，关键字的密度不高，被排列在几十甚至几百万个站点的后面被点击的可<br> 能性也是非常小的。</p>
<p style="margin:10px auto; font-family:Verdana,'Lucida Grande',Arial,Helvetica,sans-serif; line-height:18px"> <br> 写好Keywords(关键字)要注意以下几点：</p>
<p style="margin:10px auto; font-family:Verdana,'Lucida Grande',Arial,Helvetica,sans-serif; line-height:18px"> </p>
<p style="margin:10px auto; font-family:Verdana,'Lucida Grande',Arial,Helvetica,sans-serif; line-height:18px"> ● 不要用常见词汇。例如www、homepage、net、web等。</p>
<p style="margin:10px auto; font-family:Verdana,'Lucida Grande',Arial,Helvetica,sans-serif; line-height:18px"> <br> ● 不要用形容词，副词。例如最好的，最大的等。</p>
<p style="margin:10px auto; font-family:Verdana,'Lucida Grande',Arial,Helvetica,sans-serif; line-height:18px"> <br> ● 不要用笼统的词汇，要尽量精确。例如“爱立信手机”，改用“T28SC”会更好。</p>
<p style="margin:10px auto; font-family:Verdana,'Lucida Grande',Arial,Helvetica,sans-serif; line-height:18px"> </p>
<p style="margin:10px auto; font-family:Verdana,'Lucida Grande',Arial,Helvetica,sans-serif; line-height:18px"> “三人之行，必有我师”，寻找合适关键词的技巧是：到Google、Lycos、Alta等著名搜索引擎，搜索与<br> 你的网站内容相仿的网站，查看排名前十位的网站的META关键字，将它们用在你的网站上，效果可想而知了。</p>
<p style="margin:10px auto; font-family:Verdana,'Lucida Grande',Arial,Helvetica,sans-serif; line-height:18px"> <br> ★小窍门</p>
<p style="margin:10px auto; font-family:Verdana,'Lucida Grande',Arial,Helvetica,sans-serif; line-height:18px"> <br> 为了提高搜索点击率，这里还有一些“捷径”可以帮得到你：</p>
<p style="margin:10px auto; font-family:Verdana,'Lucida Grande',Arial,Helvetica,sans-serif; line-height:18px"> <br> ● 为了增加关键词的密度，将关键字隐藏在页面里(将文字颜色定义成与背景颜色一样)。</p>
<p style="margin:10px auto; font-family:Verdana,'Lucida Grande',Arial,Helvetica,sans-serif; line-height:18px"> <br> ● 在图像的ALT注释语句中加入关键字。如：<IMG SRC="xxx.gif" Alt="Keywords"></p>
<p style="margin:10px auto; font-family:Verdana,'Lucida Grande',Arial,Helvetica,sans-serif; line-height:18px"> <br> ● 利用HTML的注释语句，在页面代码里加入大量关键字。用法： <!-- 这里插入关键字 --></p>
<p style="margin:10px auto; font-family:Verdana,'Lucida Grande',Arial,Helvetica,sans-serif; line-height:18px"> <br> </p>
<p style="margin:10px auto"><br> </p>
<p style="margin:10px auto"><strong><span style="font-size:24px">表格：</span></strong></p>
<p style="margin:10px auto"></p>
<h3 style="word-wrap:break-word; outline:none; margin:20px 0px; padding:0px; border:0px; font-family:Lato,sans-serif; line-height:1.1; font-size:26px; vertical-align:baseline; color:rgb(51,51,51); letter-spacing:0.699999988079071px"> http-equiv<br style="word-wrap:break-word; outline:none"> </h3>
<div style="word-wrap:break-word; outline:none; margin:0px; padding:0px; border:0px; font-family:Arial,sans-serif; line-height:19.600000381469727px; font-size:14px; vertical-align:baseline; color:rgb(85,85,85); letter-spacing:0.699999988079071px">
<table border="0" style="word-wrap:break-word; outline:none; margin:0px; padding:0px; border:0px; font-family:inherit; font-style:inherit; font-variant:inherit; font-weight:inherit; line-height:inherit; font-size:14px; vertical-align:baseline; border-collapse:collapse; border-spacing:0px; width:910px">
<colgroup style="word-wrap:break-word; outline:none">
<col style="word-wrap:break-word; outline:none; width:140px">
<col style="word-wrap:break-word; outline:none; width:223px">
<col style="word-wrap:break-word; outline:none; width:123px">
<col style="word-wrap:break-word; outline:none; width:117px">
</colgroup>
<tbody style="word-wrap:break-word; outline:none; margin:0px; padding:0px; border:0px; font-family:inherit; font-style:inherit; font-variant:inherit; font-weight:inherit; line-height:inherit; vertical-align:baseline">
<tr style="word-wrap:break-word; outline:none; margin:0px; padding:0px; border:0px; font-family:inherit; font-style:inherit; font-variant:inherit; font-weight:inherit; line-height:inherit; vertical-align:baseline">
<td style="word-wrap:break-word; outline:none; margin:0px; padding:8px 7px; border:0.5pt solid; font-family:inherit; font-style:inherit; font-variant:inherit; line-height:inherit; font-size:14px; vertical-align:middle"> <p style="word-wrap:break-word; outline:none; margin-top:1em; margin-bottom:1em; padding-top:0px; padding-bottom:0px; border:0px; font-family:inherit; font-style:inherit; font-variant:inherit; font-weight:inherit; line-height:inherit; vertical-align:baseline"> <span style="word-wrap:break-word; outline:none; margin:0px; padding:0px; border:0px; font-family:inherit; font-style:inherit; font-variant:inherit; line-height:inherit; vertical-align:baseline">http-equiv</span></p> </td>
<td style="word-wrap:break-word; outline:none; margin:0px; padding:8px 7px; border-top-width:0.5pt; border-right-width:0.5pt; border-bottom-width:0.5pt; border-style:solid solid solid none; font-family:inherit; font-style:inherit; font-variant:inherit; line-height:inherit; font-size:14px; vertical-align:middle"> <p style="word-wrap:break-word; outline:none; margin-top:1em; margin-bottom:1em; padding-top:0px; padding-bottom:0px; border:0px; font-family:inherit; font-style:inherit; font-variant:inherit; font-weight:inherit; line-height:inherit; vertical-align:baseline"> <span style="word-wrap:break-word; outline:none; margin:0px; padding:0px; border:0px; font-family:inherit; font-style:inherit; font-variant:inherit; line-height:inherit; vertical-align:baseline">content</span></p> </td>
<td style="word-wrap:break-word; outline:none; margin:0px; padding:8px 7px; border-top-width:0.5pt; border-right-width:0.5pt; border-bottom-width:0.5pt; border-style:solid solid solid none; font-family:inherit; font-style:inherit; font-variant:inherit; line-height:inherit; font-size:14px; vertical-align:middle"> <p style="word-wrap:break-word; outline:none; margin-top:1em; margin-bottom:1em; padding-top:0px; padding-bottom:0px; border:0px; font-family:inherit; font-style:inherit; font-variant:inherit; font-weight:inherit; line-height:inherit; vertical-align:baseline"> <span style="word-wrap:break-word; outline:none; margin:0px; padding:0px; border:0px; font-family:inherit; font-style:inherit; font-variant:inherit; line-height:inherit; vertical-align:baseline">说明</span></p> </td>
<td style="word-wrap:break-word; outline:none; margin:0px; padding:8px 7px; border-top-width:0.5pt; border-right-width:0.5pt; border-bottom-width:0.5pt; border-style:solid solid solid none; font-family:inherit; font-style:inherit; font-variant:inherit; line-height:inherit; font-size:14px; vertical-align:middle"> <p style="word-wrap:break-word; outline:none; margin-top:1em; margin-bottom:1em; padding-top:0px; padding-bottom:0px; border:0px; font-family:inherit; font-style:inherit; font-variant:inherit; font-weight:inherit; line-height:inherit; vertical-align:baseline"> <span style="word-wrap:break-word; outline:none; margin:0px; padding:0px; border:0px; font-family:inherit; font-style:inherit; font-variant:inherit; line-height:inherit; vertical-align:baseline">HTML5</span></p> </td>
</tr>
<tr style="word-wrap:break-word; outline:none; margin:0px; padding:0px; border:0px; font-family:inherit; font-style:inherit; font-variant:inherit; font-weight:inherit; line-height:inherit; vertical-align:baseline">
<td style="word-wrap:break-word; outline:none; margin:0px; padding:8px 7px; border-right-width:0.5pt; border-bottom-width:0.5pt; border-left-width:0.5pt; border-style:none solid solid; font-family:inherit; font-style:inherit; font-variant:inherit; line-height:inherit; font-size:14px; vertical-align:middle"> <p style="word-wrap:break-word; outline:none; margin-top:1em; margin-bottom:1em; padding-top:0px; padding-bottom:0px; border:0px; font-family:inherit; font-style:inherit; font-variant:inherit; font-weight:inherit; line-height:inherit; vertical-align:baseline"> Content-type</p> </td>
<td style="word-wrap:break-word; outline:none; margin:0px; padding:8px 7px; border-right-width:0.5pt; border-bottom-width:0.5pt; border-style:none solid solid none; font-family:inherit; font-style:inherit; font-variant:inherit; line-height:inherit; font-size:14px; vertical-align:middle"> <p style="word-wrap:break-word; outline:none; margin-top:1em; margin-bottom:1em; padding-top:0px; padding-bottom:0px; border:0px; font-family:inherit; font-style:inherit; font-variant:inherit; font-weight:inherit; line-height:inherit; vertical-align:baseline"> Content=”text/html ;charset=ISO-8859-1″</p> </td>
<td style="word-wrap:break-word; outline:none; margin:0px; padding:8px 7px; border-right-width:0.5pt; border-bottom-width:0.5pt; border-style:none solid solid none; font-family:inherit; font-style:inherit; font-variant:inherit; line-height:inherit; font-size:14px; vertical-align:middle"> <p style="word-wrap:break-word; outline:none; margin-top:1em; margin-bottom:1em; padding-top:0px; padding-bottom:0px; border:0px; font-family:inherit; font-style:inherit; font-variant:inherit; font-weight:inherit; line-height:inherit; vertical-align:baseline"> 设置文档MIME类型和字符集</p> </td>
<td style="word-wrap:break-word; outline:none; margin:0px; padding:8px 7px; border-right-width:0.5pt; border-bottom-width:0.5pt; border-style:none solid solid none; font-family:inherit; font-style:inherit; font-variant:inherit; line-height:inherit; font-size:14px; vertical-align:middle"> <p style="word-wrap:break-word; outline:none; margin-top:1em; margin-bottom:1em; padding-top:0px; padding-bottom:0px; border:0px; font-family:inherit; font-style:inherit; font-variant:inherit; font-weight:inherit; line-height:inherit; vertical-align:baseline"> HTML5中只需设置<meta charset=”ISO-8859-1″></p> </td>
</tr>
<tr style="word-wrap:break-word; outline:none; margin:0px; padding:0px; border:0px; font-family:inherit; font-style:inherit; font-variant:inherit; font-weight:inherit; line-height:inherit; vertical-align:baseline; height:10px">
<td style="word-wrap:break-word; outline:none; margin:0px; padding:8px 7px; border-right-width:0.5pt; border-bottom-width:0.5pt; border-left-width:0.5pt; border-style:none solid solid; font-family:inherit; font-style:inherit; font-variant:inherit; line-height:inherit; font-size:14px; vertical-align:middle"> <p style="word-wrap:break-word; outline:none; margin-top:1em; margin-bottom:1em; padding-top:0px; padding-bottom:0px; border:0px; font-family:inherit; font-style:inherit; font-variant:inherit; font-weight:inherit; line-height:inherit; vertical-align:baseline"> Content-language</p> </td>
<td style="word-wrap:break-word; outline:none; margin:0px; padding:8px 7px; border-right-width:0.5pt; border-bottom-width:0.5pt; border-style:none solid solid none; font-family:inherit; font-style:inherit; font-variant:inherit; line-height:inherit; font-size:14px; vertical-align:middle"> <p style="word-wrap:break-word; outline:none; margin-top:1em; margin-bottom:1em; padding-top:0px; padding-bottom:0px; border:0px; font-family:inherit; font-style:inherit; font-variant:inherit; font-weight:inherit; line-height:inherit; vertical-align:baseline"> Content=”zh-CN”</p> </td>
<td style="word-wrap:break-word; outline:none; margin:0px; padding:8px 7px; border-right-width:0.5pt; border-bottom-width:0.5pt; border-style:none solid solid none; font-family:inherit; font-style:inherit; font-variant:inherit; line-height:inherit; font-size:14px; vertical-align:middle"> <p style="word-wrap:break-word; outline:none; margin-top:1em; margin-bottom:1em; padding-top:0px; padding-bottom:0px; border:0px; font-family:inherit; font-style:inherit; font-variant:inherit; font-weight:inherit; line-height:inherit; vertical-align:baseline"> 设置语言</p> </td>
<td style="word-wrap:break-word; outline:none; margin:0px; padding:8px 7px; border-right-width:0.5pt; border-bottom-width:0.5pt; border-style:none solid solid none; font-family:inherit; font-style:inherit; font-variant:inherit; line-height:inherit; font-size:14px; vertical-align:middle"> </td>
</tr>
<tr style="word-wrap:break-word; outline:none; margin:0px; padding:0px; border:0px; font-family:inherit; font-style:inherit; font-variant:inherit; font-weight:inherit; line-height:inherit; vertical-align:baseline">
<td style="word-wrap:break-word; outline:none; margin:0px; padding:8px 7px; border-right-width:0.5pt; border-bottom-width:0.5pt; border-left-width:0.5pt; border-style:none solid solid; font-family:inherit; font-style:inherit; font-variant:inherit; line-height:inherit; font-size:14px; vertical-align:middle"> <p style="word-wrap:break-word; outline:none; margin-top:1em; margin-bottom:1em; padding-top:0px; padding-bottom:0px; border:0px; font-family:inherit; font-style:inherit; font-variant:inherit; font-weight:inherit; line-height:inherit; vertical-align:baseline"> Refresh</p> </td>
<td style="word-wrap:break-word; outline:none; margin:0px; padding:8px 7px; border-right-width:0.5pt; border-bottom-width:0.5pt; border-style:none solid solid none; font-family:inherit; font-style:inherit; font-variant:inherit; line-height:inherit; font-size:14px; vertical-align:middle"> <p style="word-wrap:break-word; outline:none; margin-top:1em; margin-bottom:1em; padding-top:0px; padding-bottom:0px; border:0px; font-family:inherit; font-style:inherit; font-variant:inherit; font-weight:inherit; line-height:inherit; vertical-align:baseline"> Content=”n;Url=http://www.yeebing.com</p> </td>
<td style="word-wrap:break-word; outline:none; margin:0px; padding:8px 7px; border-right-width:0.5pt; border-bottom-width:0.5pt; border-style:none solid solid none; font-family:inherit; font-style:inherit; font-variant:inherit; line-height:inherit; font-size:14px; vertical-align:middle"> <p style="word-wrap:break-word; outline:none; margin-top:1em; margin-bottom:1em; padding-top:0px; padding-bottom:0px; border:0px; font-family:inherit; font-style:inherit; font-variant:inherit; font-weight:inherit; line-height:inherit; vertical-align:baseline"> 页面跳转,n设置跳转时间,url设置跳转页面</p> </td>
<td style="word-wrap:break-word; outline:none; margin:0px; padding:8px 7px; border-right-width:0.5pt; border-bottom-width:0.5pt; border-style:none solid solid none; font-family:inherit; font-style:inherit; font-variant:inherit; line-height:inherit; font-size:14px; vertical-align:middle"> </td>
</tr>
<tr style="word-wrap:break-word; outline:none; margin:0px; padding:0px; border:0px; font-family:inherit; font-style:inherit; font-variant:inherit; font-weight:inherit; line-height:inherit; vertical-align:baseline">
<td style="word-wrap:break-word; outline:none; margin:0px; padding:8px 7px; border-right-width:0.5pt; border-bottom-width:0.5pt; border-left-width:0.5pt; border-style:none solid solid; font-family:inherit; font-style:inherit; font-variant:inherit; line-height:inherit; font-size:14px; vertical-align:middle"> <p style="word-wrap:break-word; outline:none; margin-top:1em; margin-bottom:1em; padding-top:0px; padding-bottom:0px; border:0px; font-family:inherit; font-style:inherit; font-variant:inherit; font-weight:inherit; line-height:inherit; vertical-align:baseline"> Expires</p> </td>
<td style="word-wrap:break-word; outline:none; margin:0px; padding:8px 7px; border-right-width:0.5pt; border-bottom-width:0.5pt; border-style:none solid solid none; font-family:inherit; font-style:inherit; font-variant:inherit; line-height:inherit; font-size:14px; vertical-align:middle"> <p style="word-wrap:break-word; outline:none; margin-top:1em; margin-bottom:1em; padding-top:0px; padding-bottom:0px; border:0px; font-family:inherit; font-style:inherit; font-variant:inherit; font-weight:inherit; line-height:inherit; vertical-align:baseline"> Content=”web,26 Feb 2014 08:21:58 GMT”</p> </td>
<td style="word-wrap:break-word; outline:none; margin:0px; padding:8px 7px; border-right-width:0.5pt; border-bottom-width:0.5pt; border-style:none solid solid none; font-family:inherit; font-style:inherit; font-variant:inherit; line-height:inherit; font-size:14px; vertical-align:middle"> <p style="word-wrap:break-word; outline:none; margin-top:1em; margin-bottom:1em; padding-top:0px; padding-bottom:0px; border:0px; font-family:inherit; font-style:inherit; font-variant:inherit; font-weight:inherit; line-height:inherit; vertical-align:baseline"> 设置页面缓存的过期时间.使用GMT格式</p> </td>
<td style="word-wrap:break-word; outline:none; margin:0px; padding:8px 7px; border-right-width:0.5pt; border-bottom-width:0.5pt; border-style:none solid solid none; font-family:inherit; font-style:inherit; font-variant:inherit; line-height:inherit; font-size:14px; vertical-align:middle"> </td>
</tr>
<tr style="word-wrap:break-word; outline:none; margin:0px; padding:0px; border:0px; font-family:inherit; font-style:inherit; font-variant:inherit; font-weight:inherit; line-height:inherit; vertical-align:baseline">
<td style="word-wrap:break-word; outline:none; margin:0px; padding:8px 7px; border-right-width:0.5pt; border-bottom-width:0.5pt; border-left-width:0.5pt; border-style:none solid solid; font-family:inherit; font-style:inherit; font-variant:inherit; line-height:inherit; font-size:14px; vertical-align:middle"> <p style="word-wrap:break-word; outline:none; margin-top:1em; margin-bottom:1em; padding-top:0px; padding-bottom:0px; border:0px; font-family:inherit; font-style:inherit; font-variant:inherit; font-weight:inherit; line-height:inherit; vertical-align:baseline"> Pragma</p> </td>
<td style="word-wrap:break-word; outline:none; margin:0px; padding:8px 7px; border-right-width:0.5pt; border-bottom-width:0.5pt; border-style:none solid solid none; font-family:inherit; font-style:inherit; font-variant:inherit; line-height:inherit; font-size:14px; vertical-align:middle"> <p style="word-wrap:break-word; outline:none; margin-top:1em; margin-bottom:1em; padding-top:0px; padding-bottom:0px; border:0px; font-family:inherit; font-style:inherit; font-variant:inherit; font-weight:inherit; line-height:inherit; vertical-align:baseline"> Content=”no-cache”</p> </td>
<td style="word-wrap:break-word; outline:none; margin:0px; padding:8px 7px; border-right-width:0.5pt; border-bottom-width:0.5pt; border-style:none solid solid none; font-family:inherit; font-style:inherit; font-variant:inherit; line-height:inherit; font-size:14px; vertical-align:middle"> <p style="word-wrap:break-word; outline:none; margin-top:1em; margin-bottom:1em; padding-top:0px; padding-bottom:0px; border:0px; font-family:inherit; font-style:inherit; font-variant:inherit; font-weight:inherit; line-height:inherit; vertical-align:baseline"> 设定禁止浏览器缓存该网页</p> </td>
<td style="word-wrap:break-word; outline:none; margin:0px; padding:8px 7px; border-right-width:0.5pt; border-bottom-width:0.5pt; border-style:none solid solid none; font-family:inherit; font-style:inherit; font-variant:inherit; line-height:inherit; font-size:14px; vertical-align:middle"> </td>
</tr>
<tr style="word-wrap:break-word; outline:none; margin:0px; padding:0px; border:0px; font-family:inherit; font-style:inherit; font-variant:inherit; font-weight:inherit; line-height:inherit; vertical-align:baseline">
<td style="word-wrap:break-word; outline:none; margin:0px; padding:8px 7px; border-right-width:0.5pt; border-bottom-width:0.5pt; border-left-width:0.5pt; border-style:none solid solid; font-family:inherit; font-style:inherit; font-variant:inherit; line-height:inherit; font-size:14px; vertical-align:middle"> <p style="word-wrap:break-word; outline:none; margin-top:1em; margin-bottom:1em; padding-top:0px; padding-bottom:0px; border:0px; font-family:inherit; font-style:inherit; font-variant:inherit; font-weight:inherit; line-height:inherit; vertical-align:baseline"> Set-cookie</p> </td>
<td style="word-wrap:break-word; outline:none; margin:0px; padding:8px 7px; border-right-width:0.5pt; border-bottom-width:0.5pt; border-style:none solid solid none; font-family:inherit; font-style:inherit; font-variant:inherit; line-height:inherit; font-size:14px; vertical-align:middle"> <p style="word-wrap:break-word; outline:none; margin-top:1em; margin-bottom:1em; padding-top:0px; padding-bottom:0px; border:0px; font-family:inherit; font-style:inherit; font-variant:inherit; font-weight:inherit; line-height:inherit; vertical-align:baseline"> Content=”cookiename=value;expires=(GMT);path=/”</p> </td>
<td style="word-wrap:break-word; outline:none; margin:0px; padding:8px 7px; border-right-width:0.5pt; border-bottom-width:0.5pt; border-style:none solid solid none; font-family:inherit; font-style:inherit; font-variant:inherit; line-height:inherit; font-size:14px; vertical-align:middle"> <p style="word-wrap:break-word; outline:none; margin-top:1em; margin-bottom:1em; padding-top:0px; padding-bottom:0px; border:0px; font-family:inherit; font-style:inherit; font-variant:inherit; font-weight:inherit; line-height:inherit; vertical-align:baseline"> 设置cookie</p> </td>
<td style="word-wrap:break-word; outline:none; margin:0px; padding:8px 7px; border-right-width:0.5pt; border-bottom-width:0.5pt; border-style:none solid solid none; font-family:inherit; font-style:inherit; font-variant:inherit; line-height:inherit; font-size:14px; vertical-align:middle"> </td>
</tr>
<tr style="word-wrap:break-word; outline:none; margin:0px; padding:0px; border:0px; font-family:inherit; font-style:inherit; font-variant:inherit; font-weight:inherit; line-height:inherit; vertical-align:baseline">
<td style="word-wrap:break-word; outline:none; margin:0px; padding:8px 7px; border-right-width:0.5pt; border-bottom-width:0.5pt; border-left-width:0.5pt; border-style:none solid solid; font-family:inherit; font-style:inherit; font-variant:inherit; line-height:inherit; font-size:14px; vertical-align:middle"> <p style="word-wrap:break-word; outline:none; margin-top:1em; margin-bottom:1em; padding-top:0px; padding-bottom:0px; border:0px; font-family:inherit; font-style:inherit; font-variant:inherit; font-weight:inherit; line-height:inherit; vertical-align:baseline"> Window-Target</p> </td>
<td style="word-wrap:break-word; outline:none; margin:0px; padding:8px 7px; border-right-width:0.5pt; border-bottom-width:0.5pt; border-style:none solid solid none; font-family:inherit; font-style:inherit; font-variant:inherit; line-height:inherit; font-size:14px; vertical-align:middle"> <p style="word-wrap:break-word; outline:none; margin-top:1em; margin-bottom:1em; padding-top:0px; padding-bottom:0px; border:0px; font-family:inherit; font-style:inherit; font-variant:inherit; font-weight:inherit; line-height:inherit; vertical-align:baseline"> Content=”_top|_blank|_self|_parent”</p> </td>
<td style="word-wrap:break-word; outline:none; margin:0px; padding:8px 7px; border-right-width:0.5pt; border-bottom-width:0.5pt; border-style:none solid solid none; font-family:inherit; font-style:inherit; font-variant:inherit; line-height:inherit; font-size:14px; vertical-align:middle"> <p style="word-wrap:break-word; outline:none; margin-top:1em; margin-bottom:1em; padding-top:0px; padding-bottom:0px; border:0px; font-family:inherit; font-style:inherit; font-variant:inherit; font-weight:inherit; line-height:inherit; vertical-align:baseline"> 设置窗口目标,比如_top可以防止网页被嵌入frame中</p> </td>
<td style="word-wrap:break-word; outline:none; margin:0px; padding:8px 7px; border-right-width:0.5pt; border-bottom-width:0.5pt; border-style:none solid solid none; font-family:inherit; font-style:inherit; font-variant:inherit; line-height:inherit; font-size:14px; vertical-align:middle"> </td>
</tr>
</tbody>
</table>
</div>
<h3 style="word-wrap:break-word; outline:none; margin:20px 0px; padding:0px; border:0px; font-family:Lato,sans-serif; line-height:1.1; font-size:26px; vertical-align:baseline; color:rgb(51,51,51); letter-spacing:0.699999988079071px"> Name<br style="word-wrap:break-word; outline:none"> </h3>
<div style="word-wrap:break-word; outline:none; margin:0px; padding:0px; border:0px; font-family:Arial,sans-serif; line-height:19.600000381469727px; font-size:14px; vertical-align:baseline; color:rgb(85,85,85); letter-spacing:0.699999988079071px">
<table border="0" style="word-wrap:break-word; outline:none; margin:0px; padding:0px; border:0px; font-family:inherit; font-style:inherit; font-variant:inherit; font-weight:inherit; line-height:inherit; font-size:14px; vertical-align:baseline; border-collapse:collapse; border-spacing:0px; width:910px">
<colgroup style="word-wrap:break-word; outline:none">
<col style="word-wrap:break-word; outline:none; width:192px">
<col style="word-wrap:break-word; outline:none; width:192px">
<col style="word-wrap:break-word; outline:none; width:192px">
</colgroup>
<tbody style="word-wrap:break-word; outline:none; margin:0px; padding:0px; border:0px; font-family:inherit; font-style:inherit; font-variant:inherit; font-weight:inherit; line-height:inherit; vertical-align:baseline">
<tr style="word-wrap:break-word; outline:none; margin:0px; padding:0px; border:0px; font-family:inherit; font-style:inherit; font-variant:inherit; font-weight:inherit; line-height:inherit; vertical-align:baseline">
<td style="word-wrap:break-word; outline:none; margin:0px; padding:8px 7px; border:0.5pt solid; font-family:inherit; font-style:inherit; font-variant:inherit; line-height:inherit; font-size:14px; vertical-align:middle"> <p style="word-wrap:break-word; outline:none; margin-top:1em; margin-bottom:1em; padding-top:0px; padding-bottom:0px; border:0px; font-family:inherit; font-style:inherit; font-variant:inherit; font-weight:inherit; line-height:inherit; vertical-align:baseline"> <span style="word-wrap:break-word; outline:none; margin:0px; padding:0px; border:0px; font-family:inherit; font-style:inherit; font-variant:inherit; line-height:inherit; vertical-align:baseline">Name</span></p> </td>
<td style="word-wrap:break-word; outline:none; margin:0px; padding:8px 7px; border-top-width:0.5pt; border-right-width:0.5pt; border-bottom-width:0.5pt; border-style:solid solid solid none; font-family:inherit; font-style:inherit; font-variant:inherit; line-height:inherit; font-size:14px; vertical-align:middle"> <p style="word-wrap:break-word; outline:none; margin-top:1em; margin-bottom:1em; padding-top:0px; padding-bottom:0px; border:0px; font-family:inherit; font-style:inherit; font-variant:inherit; font-weight:inherit; line-height:inherit; vertical-align:baseline"> <span style="word-wrap:break-word; outline:none; margin:0px; padding:0px; border:0px; font-family:inherit; font-style:inherit; font-variant:inherit; line-height:inherit; vertical-align:baseline">Content</span></p> </td>
<td style="word-wrap:break-word; outline:none; margin:0px; padding:8px 7px; border-top-width:0.5pt; border-right-width:0.5pt; border-bottom-width:0.5pt; border-style:solid solid solid none; font-family:inherit; font-style:inherit; font-variant:inherit; line-height:inherit; font-size:14px; vertical-align:middle"> <p style="word-wrap:break-word; outline:none; margin-top:1em; margin-bottom:1em; padding-top:0px; padding-bottom:0px; border:0px; font-family:inherit; font-style:inherit; font-variant:inherit; font-weight:inherit; line-height:inherit; vertical-align:baseline"> <span style="word-wrap:break-word; outline:none; margin:0px; padding:0px; border:0px; font-family:inherit; font-style:inherit; font-variant:inherit; line-height:inherit; vertical-align:baseline">说明</span></p> </td>
</tr>
<tr style="word-wrap:break-word; outline:none; margin:0px; padding:0px; border:0px; font-family:inherit; font-style:inherit; font-variant:inherit; font-weight:inherit; line-height:inherit; vertical-align:baseline">
<td style="word-wrap:break-word; outline:none; margin:0px; padding:8px 7px; border-right-width:0.5pt; border-bottom-width:0.5pt; border-left-width:0.5pt; border-style:none solid solid; font-family:inherit; font-style:inherit; font-variant:inherit; line-height:inherit; font-size:14px; vertical-align:middle"> <p style="word-wrap:break-word; outline:none; margin-top:1em; margin-bottom:1em; padding-top:0px; padding-bottom:0px; border:0px; font-family:inherit; font-style:inherit; font-variant:inherit; font-weight:inherit; line-height:inherit; vertical-align:baseline"> Keywords</p> </td>
<td style="word-wrap:break-word; outline:none; margin:0px; padding:8px 7px; border-right-width:0.5pt; border-bottom-width:0.5pt; border-style:none solid solid none; font-family:inherit; font-style:inherit; font-variant:inherit; line-height:inherit; font-size:14px; vertical-align:middle"> <p style="word-wrap:break-word; outline:none; margin-top:1em; margin-bottom:1em; padding-top:0px; padding-bottom:0px; border:0px; font-family:inherit; font-style:inherit; font-variant:inherit; font-weight:inherit; line-height:inherit; vertical-align:baseline"> Content=”关键词,关键词”</p> </td>
<td style="word-wrap:break-word; outline:none; margin:0px; padding:8px 7px; border-right-width:0.5pt; border-bottom-width:0.5pt; border-style:none solid solid none; font-family:inherit; font-style:inherit; font-variant:inherit; line-height:inherit; font-size:14px; vertical-align:middle"> <p style="word-wrap:break-word; outline:none; margin-top:1em; margin-bottom:1em; padding-top:0px; padding-bottom:0px; border:0px; font-family:inherit; font-style:inherit; font-variant:inherit; font-weight:inherit; line-height:inherit; vertical-align:baseline"> 设置关键词列表</p> </td>
</tr>
<tr style="word-wrap:break-word; outline:none; margin:0px; padding:0px; border:0px; font-family:inherit; font-style:inherit; font-variant:inherit; font-weight:inherit; line-height:inherit; vertical-align:baseline">
<td style="word-wrap:break-word; outline:none; margin:0px; padding:8px 7px; border-right-width:0.5pt; border-bottom-width:0.5pt; border-left-width:0.5pt; border-style:none solid solid; font-family:inherit; font-style:inherit; font-variant:inherit; line-height:inherit; font-size:14px; vertical-align:middle"> <p style="word-wrap:break-word; outline:none; margin-top:1em; margin-bottom:1em; padding-top:0px; padding-bottom:0px; border:0px; font-family:inherit; font-style:inherit; font-variant:inherit; font-weight:inherit; line-height:inherit; vertical-align:baseline"> Description</p> </td>
<td style="word-wrap:break-word; outline:none; margin:0px; padding:8px 7px; border-right-width:0.5pt; border-bottom-width:0.5pt; border-style:none solid solid none; font-family:inherit; font-style:inherit; font-variant:inherit; line-height:inherit; font-size:14px; vertical-align:middle"> <p style="word-wrap:break-word; outline:none; margin-top:1em; margin-bottom:1em; padding-top:0px; padding-bottom:0px; border:0px; font-family:inherit; font-style:inherit; font-variant:inherit; font-weight:inherit; line-height:inherit; vertical-align:baseline"> Content=”描述”</p> </td>
<td style="word-wrap:break-word; outline:none; margin:0px; padding:8px 7px; border-right-width:0.5pt; border-bottom-width:0.5pt; border-style:none solid solid none; font-family:inherit; font-style:inherit; font-variant:inherit; line-height:inherit; font-size:14px; vertical-align:middle"> <p style="word-wrap:break-word; outline:none; margin-top:1em; margin-bottom:1em; padding-top:0px; padding-bottom:0px; border:0px; font-family:inherit; font-style:inherit; font-variant:inherit; font-weight:inherit; line-height:inherit; vertical-align:baseline"> 网页描述</p> </td>
</tr>
<tr style="word-wrap:break-word; outline:none; margin:0px; padding:0px; border:0px; font-family:inherit; font-style:inherit; font-variant:inherit; font-weight:inherit; line-height:inherit; vertical-align:baseline">
<td style="word-wrap:break-word; outline:none; margin:0px; padding:8px 7px; border-right-width:0.5pt; border-bottom-width:0.5pt; border-left-width:0.5pt; border-style:none solid solid; font-family:inherit; font-style:inherit; font-variant:inherit; line-height:inherit; font-size:14px; vertical-align:middle"> <p style="word-wrap:break-word; outline:none; margin-top:1em; margin-bottom:1em; padding-top:0px; padding-bottom:0px; border:0px; font-family:inherit; font-style:inherit; font-variant:inherit; font-weight:inherit; line-height:inherit; vertical-align:baseline"> Robots</p> </td>
<td style="word-wrap:break-word; outline:none; margin:0px; padding:8px 7px; border-right-width:0.5pt; border-bottom-width:0.5pt; border-style:none solid solid none; font-family:inherit; font-style:inherit; font-variant:inherit; line-height:inherit; font-size:14px; vertical-align:middle"> <p style="word-wrap:break-word; outline:none; margin-top:1em; margin-bottom:1em; padding-top:0px; padding-bottom:0px; border:0px; font-family:inherit; font-style:inherit; font-variant:inherit; font-weight:inherit; line-height:inherit; vertical-align:baseline"> Content=”All|None|Index|Noindex|Follow|Nofollow”</p> </td>
<td style="word-wrap:break-word; outline:none; margin:0px; padding:8px 7px; border-right-width:0.5pt; border-bottom-width:0.5pt; border-style:none solid solid none; font-family:inherit; font-style:inherit; font-variant:inherit; line-height:inherit; font-size:14px; vertical-align:middle"> <p style="word-wrap:break-word; outline:none; margin-top:1em; margin-bottom:1em; padding-top:0px; padding-bottom:0px; border:0px; font-family:inherit; font-style:inherit; font-variant:inherit; font-weight:inherit; line-height:inherit; vertical-align:baseline"> 搜索引导</p> </td>
</tr>
<tr style="word-wrap:break-word; outline:none; margin:0px; padding:0px; border:0px; font-family:inherit; font-style:inherit; font-variant:inherit; font-weight:inherit; line-height:inherit; vertical-align:baseline">
<td style="word-wrap:break-word; outline:none; margin:0px; padding:8px 7px; border-right-width:0.5pt; border-bottom-width:0.5pt; border-left-width:0.5pt; border-style:none solid solid; font-family:inherit; font-style:inherit; font-variant:inherit; line-height:inherit; font-size:14px; vertical-align:middle"> <p style="word-wrap:break-word; outline:none; margin-top:1em; margin-bottom:1em; padding-top:0px; padding-bottom:0px; border:0px; font-family:inherit; font-style:inherit; font-variant:inherit; font-weight:inherit; line-height:inherit; vertical-align:baseline"> Author</p> </td>
<td style="word-wrap:break-word; outline:none; margin:0px; padding:8px 7px; border-right-width:0.5pt; border-bottom-width:0.5pt; border-style:none solid solid none; font-family:inherit; font-style:inherit; font-variant:inherit; line-height:inherit; font-size:14px; vertical-align:middle"> <p style="word-wrap:break-word; outline:none; margin-top:1em; margin-bottom:1em; padding-top:0px; padding-bottom:0px; border:0px; font-family:inherit; font-style:inherit; font-variant:inherit; font-weight:inherit; line-height:inherit; vertical-align:baseline"> Content=”carney,email@email.com”</p> </td>
<td style="word-wrap:break-word; outline:none; margin:0px; padding:8px 7px; border-right-width:0.5pt; border-bottom-width:0.5pt; border-style:none solid solid none; font-family:inherit; font-style:inherit; font-variant:inherit; line-height:inherit; font-size:14px; vertical-align:middle"> <p style="word-wrap:break-word; outline:none; margin-top:1em; margin-bottom:1em; padding-top:0px; padding-bottom:0px; border:0px; font-family:inherit; font-style:inherit; font-variant:inherit; font-weight:inherit; line-height:inherit; vertical-align:baseline"> 设置所有者信息</p> </td>
</tr>
<tr style="word-wrap:break-word; outline:none; margin:0px; padding:0px; border:0px; font-family:inherit; font-style:inherit; font-variant:inherit; font-weight:inherit; line-height:inherit; vertical-align:baseline">
<td style="word-wrap:break-word; outline:none; margin:0px; padding:8px 7px; border-right-width:0.5pt; border-bottom-width:0.5pt; border-left-width:0.5pt; border-style:none solid solid; font-family:inherit; font-style:inherit; font-variant:inherit; line-height:inherit; font-size:14px; vertical-align:middle"> <p style="word-wrap:break-word; outline:none; margin-top:1em; margin-bottom:1em; padding-top:0px; padding-bottom:0px; border:0px; font-family:inherit; font-style:inherit; font-variant:inherit; font-weight:inherit; line-height:inherit; vertical-align:baseline"> Copyright</p> </td>
<td style="word-wrap:break-word; outline:none; margin:0px; padding:8px 7px; border-right-width:0.5pt; border-bottom-width:0.5pt; border-style:none solid solid none; font-family:inherit; font-style:inherit; font-variant:inherit; line-height:inherit; font-size:14px; vertical-align:middle"> <p style="word-wrap:break-word; outline:none; margin-top:1em; margin-bottom:1em; padding-top:0px; padding-bottom:0px; border:0px; font-family:inherit; font-style:inherit; font-variant:inherit; font-weight:inherit; line-height:inherit; vertical-align:baseline"> Content=”版权信息”</p> </td>
<td style="word-wrap:break-word; outline:none; margin:0px; padding:8px 7px; border-right-width:0.5pt; border-bottom-width:0.5pt; border-style:none solid solid none; font-family:inherit; font-style:inherit; font-variant:inherit; line-height:inherit; font-size:14px; vertical-align:middle"> <p style="word-wrap:break-word; outline:none; margin-top:1em; margin-bottom:1em; padding-top:0px; padding-bottom:0px; border:0px; font-family:inherit; font-style:inherit; font-variant:inherit; font-weight:inherit; line-height:inherit; vertical-align:baseline"> 设置版权信息</p> </td>
</tr>
<tr style="word-wrap:break-word; outline:none; margin:0px; padding:0px; border:0px; font-family:inherit; font-style:inherit; font-variant:inherit; font-weight:inherit; line-height:inherit; vertical-align:baseline">
<td style="word-wrap:break-word; outline:none; margin:0px; padding:8px 7px; border-right-width:0.5pt; border-bottom-width:0.5pt; border-left-width:0.5pt; border-style:none solid solid; font-family:inherit; font-style:inherit; font-variant:inherit; line-height:inherit; font-size:14px; vertical-align:middle"> <p style="word-wrap:break-word; outline:none; margin-top:1em; margin-bottom:1em; padding-top:0px; padding-bottom:0px; border:0px; font-family:inherit; font-style:inherit; font-variant:inherit; font-weight:inherit; line-height:inherit; vertical-align:baseline"> Generator</p> </td>
<td style="word-wrap:break-word; outline:none; margin:0px; padding:8px 7px; border-right-width:0.5pt; border-bottom-width:0.5pt; border-style:none solid solid none; font-family:inherit; font-style:inherit; font-variant:inherit; line-height:inherit; font-size:14px; vertical-align:middle"> <p style="word-wrap:break-word; outline:none; margin-top:1em; margin-bottom:1em; padding-top:0px; padding-bottom:0px; border:0px; font-family:inherit; font-style:inherit; font-variant:inherit; font-weight:inherit; line-height:inherit; vertical-align:baseline"> Content=”sublime|Dreamweaver”</p> </td>
<td style="word-wrap:break-word; outline:none; margin:0px; padding:8px 7px; border-right-width:0.5pt; border-bottom-width:0.5pt; border-style:none solid solid none; font-family:inherit; font-style:inherit; font-variant:inherit; line-height:inherit; font-size:14px; vertical-align:middle"> <p style="word-wrap:break-word; outline:none; margin-top:1em; margin-bottom:1em; padding-top:0px; padding-bottom:0px; border:0px; font-family:inherit; font-style:inherit; font-variant:inherit; font-weight:inherit; line-height:inherit; vertical-align:baseline"> 编辑器说明</p> </td>
</tr>
<tr style="word-wrap:break-word; outline:none; margin:0px; padding:0px; border:0px; font-family:inherit; font-style:inherit; font-variant:inherit; font-weight:inherit; line-height:inherit; vertical-align:baseline">
<td style="word-wrap:break-word; outline:none; margin:0px; padding:8px 7px; border-right-width:0.5pt; border-bottom-width:0.5pt; border-left-width:0.5pt; border-style:none solid solid; font-family:inherit; font-style:inherit; font-variant:inherit; line-height:inherit; font-size:14px; vertical-align:middle"> <p style="word-wrap:break-word; outline:none; margin-top:1em; margin-bottom:1em; padding-top:0px; padding-bottom:0px; border:0px; font-family:inherit; font-style:inherit; font-variant:inherit; font-weight:inherit; line-height:inherit; vertical-align:baseline"> Viewport</p> </td>
<td style="word-wrap:break-word; outline:none; margin:0px; padding:8px 7px; border-right-width:0.5pt; border-bottom-width:0.5pt; border-style:none solid solid none; font-family:inherit; font-style:inherit; font-variant:inherit; line-height:inherit; font-size:14px; vertical-align:middle"> <p style="word-wrap:break-word; outline:none; margin-top:1em; margin-bottom:1em; padding-top:0px; padding-bottom:0px; border:0px; font-family:inherit; font-style:inherit; font-variant:inherit; font-weight:inherit; line-height:inherit; vertical-align:baseline"> Content=”width=device-width,initial-scale=1,maximum-scale=1″</p> </td>
<td style="word-wrap:break-word; outline:none; margin:0px; padding:8px 7px; border-right-width:0.5pt; border-bottom-width:0.5pt; border-style:none solid solid none; font-family:inherit; font-style:inherit; font-variant:inherit; line-height:inherit; font-size:14px; vertical-align:middle"> <p style="word-wrap:break-word; outline:none; margin-top:1em; margin-bottom:1em; padding-top:0px; padding-bottom:0px; border:0px; font-family:inherit; font-style:inherit; font-variant:inherit; font-weight:inherit; line-height:inherit; vertical-align:baseline"> 用于在手机浏览器上控制布局,用于响应式设计</p> </td>
</tr>
</tbody>
</table>
</div>
<h4 style="word-wrap:break-word; outline:none; margin:20px 0px; padding:0px; border:0px; font-family:Lato,sans-serif; line-height:1.1; font-size:24px; vertical-align:baseline; color:rgb(51,51,51); letter-spacing:0.699999988079071px"> Robots<span style="font-weight:normal">说明:<br style="word-wrap:break-word; outline:none"> </span></h4>
<ul style="word-wrap:break-word; outline:none; margin:0px; padding:0px 0px 0px 20px; border:0px; font-family:Arial,sans-serif; line-height:19.600000381469727px; font-size:14px; vertical-align:baseline; list-style-position:initial; color:rgb(85,85,85); letter-spacing:0.699999988079071px">
<li style="word-wrap:break-word; outline:none; margin:0px; padding:0px; border:0px; font-family:inherit; font-style:inherit; font-variant:inherit; font-weight:inherit; line-height:inherit; vertical-align:baseline"> none:搜索引擎将忽略此网页,等价于noindex,nofollow;</li>
<li style="word-wrap:break-word; outline:none; margin:0px; padding:0px; border:0px; font-family:inherit; font-style:inherit; font-variant:inherit; font-weight:inherit; line-height:inherit; vertical-align:baseline"> noindex:搜索引擎不索引此网页</li>
<li style="word-wrap:break-word; outline:none; margin:0px; padding:0px; border:0px; font-family:inherit; font-style:inherit; font-variant:inherit; font-weight:inherit; line-height:inherit; vertical-align:baseline"> nofollow:搜索引擎不会通过此网页的链接向下搜索</li>
<li style="word-wrap:break-word; outline:none; margin:0px; padding:0px; border:0px; font-family:inherit; font-style:inherit; font-variant:inherit; font-weight:inherit; line-height:inherit; vertical-align:baseline"> all:相当于index,follow</li>
<li style="word-wrap:break-word; outline:none; margin:0px; padding:0px; border:0px; font-family:inherit; font-style:inherit; font-variant:inherit; font-weight:inherit; line-height:inherit; vertical-align:baseline"> index:搜索引擎索引此网页</li>
<li style="word-wrap:break-word; outline:none; margin:0px; padding:0px; border:0px; font-family:inherit; font-style:inherit; font-variant:inherit; font-weight:inherit; line-height:inherit; vertical-align:baseline"> follow: 搜索引擎通过此网页的链接向下搜索</li>
</ul>
<p></p>
<p style="word-wrap:break-word; outline:none; margin-top:1em; margin-bottom:1em; padding-top:0px; padding-bottom:0px; border:0px; font-family:Arial,sans-serif; line-height:19.600000381469727px; font-size:14px; vertical-align:baseline; color:rgb(85,85,85); letter-spacing:0.699999988079071px"> 可以针对特定的搜索引擎设置索引规则:<br style="word-wrap:break-word; outline:none"> <meta name=”googlebot” content=”noindex,nofollow”>//针对谷歌搜索<br style="word-wrap:break-word; outline:none"> <meta name=”baiduspider” content=”none” > //百度搜索</p>
<h4 style="word-wrap:break-word; outline:none; margin:20px 0px; padding:0px; border:0px; font-family:Lato,sans-serif; line-height:1.1; font-size:24px; vertical-align:baseline; color:rgb(51,51,51); letter-spacing:0.699999988079071px"> Viewport：<br style="word-wrap:break-word; outline:none"> </h4>
<p style="word-wrap:break-word; outline:none; margin-top:1em; margin-bottom:1em; padding-top:0px; padding-bottom:0px; border:0px; font-family:Arial,sans-serif; line-height:19.600000381469727px; font-size:14px; vertical-align:baseline; color:rgb(85,85,85); letter-spacing:0.699999988079071px"> 手机浏览器把页面放在一个虚拟的窗口(viewport)中,这样就不会把每个网页都挤在一个很小的窗口中,从而破坏哪些没有经过优化的页面布局.用户可以通过滑动和缩放来查看页面的内容.</p>
<ul style="word-wrap:break-word; outline:none; margin:0px; padding:0px 0px 0px 20px; border:0px; font-family:Arial,sans-serif; line-height:19.600000381469727px; font-size:14px; vertical-align:baseline; list-style-position:initial; color:rgb(85,85,85); letter-spacing:0.699999988079071px">
<li style="word-wrap:break-word; outline:none; margin:0px; padding:0px; border:0px; font-family:inherit; font-style:inherit; font-variant:inherit; font-weight:inherit; line-height:inherit; vertical-align:baseline"> Width:指定窗口宽度,device-width为当前设备的宽度</li>
<li style="word-wrap:break-word; outline:none; margin:0px; padding:0px; border:0px; font-family:inherit; font-style:inherit; font-variant:inherit; font-weight:inherit; line-height:inherit; vertical-align:baseline"> Height:指定高度</li>
<li style="word-wrap:break-word; outline:none; margin:0px; padding:0px; border:0px; font-family:inherit; font-style:inherit; font-variant:inherit; font-weight:inherit; line-height:inherit; vertical-align:baseline"> Initial-scale:初始的缩放比例,1为原始比例</li>
<li style="word-wrap:break-word; outline:none; margin:0px; padding:0px; border:0px; font-family:inherit; font-style:inherit; font-variant:inherit; font-weight:inherit; line-height:inherit; vertical-align:baseline"> Minimum-scale:允许用户缩放最小比例</li>
<li style="word-wrap:break-word; outline:none; margin:0px; padding:0px; border:0px; font-family:inherit; font-style:inherit; font-variant:inherit; font-weight:inherit; line-height:inherit; vertical-align:baseline"> Maximum-scale:允许用户缩放到的最大比例</li>
<li style="word-wrap:break-word; outline:none; margin:0px; padding:0px; border:0px; font-family:inherit; font-style:inherit; font-variant:inherit; font-weight:inherit; line-height:inherit; vertical-align:baseline"> User-scalable:用户是否可以手动缩放</li>
<li style="word-wrap:break-word; outline:none; margin:0px; padding:0px; border:0px; font-family:inherit; font-style:inherit; font-variant:inherit; font-weight:inherit; line-height:inherit; vertical-align:baseline"> target-densitydpi:
<ul style="word-wrap:break-word; outline:none; margin:0px; padding:0px 0px 0px 20px; border:0px; font-family:inherit; font-style:inherit; font-variant:inherit; font-weight:inherit; line-height:inherit; vertical-align:baseline; list-style:disc">
<li style="word-wrap:break-word; outline:none; margin:0px; padding:0px; border:0px; font-family:inherit; font-style:inherit; font-variant:inherit; font-weight:inherit; line-height:inherit; vertical-align:baseline"> device-dpi –使用设备原本的 dpi 作为目标 dp。 不会发生默认缩放。</li>
<li style="word-wrap:break-word; outline:none; margin:0px; padding:0px; border:0px; font-family:inherit; font-style:inherit; font-variant:inherit; font-weight:inherit; line-height:inherit; vertical-align:baseline"> high-dpi – 使用hdpi 作为目标 dpi。 中等像素密度和低像素密度设备相应缩小。</li>
<li style="word-wrap:break-word; outline:none; margin:0px; padding:0px; border:0px; font-family:inherit; font-style:inherit; font-variant:inherit; font-weight:inherit; line-height:inherit; vertical-align:baseline"> medium-dpi – 使用mdpi作为目标 dpi。 高像素密度设备相应放大， 低像素密度设备相应缩小。 这是默认的target density.</li>
<li style="word-wrap:break-word; outline:none; margin:0px; padding:0px; border:0px; font-family:inherit; font-style:inherit; font-variant:inherit; font-weight:inherit; line-height:inherit; vertical-align:baseline"> low-dpi -使用mdpi作为目标 dpi。中等像素密度和高像素密度设备相应放大。</li>
</ul> </li>
</ul>
<h3 style="word-wrap:break-word; outline:none; margin:20px 0px; padding:0px; border:0px; font-family:Lato,sans-serif; font-weight:normal; line-height:1.1; font-size:26px; vertical-align:baseline; color:rgb(51,51,51); letter-spacing:0.699999988079071px"> Open Graph Protocol</h3>
<p style="word-wrap:break-word; outline:none; margin-top:1em; margin-bottom:1em; padding-top:0px; padding-bottom:0px; border:0px; font-family:Arial,sans-serif; line-height:19.600000381469727px; font-size:14px; vertical-align:baseline; color:rgb(85,85,85); letter-spacing:0.699999988079071px"> 在一些网站上你可能会看到类似这样的标签:<br style="word-wrap:break-word; outline:none"> <meta property=”og:title” content=”carney’s facebook”></p>
<p style="word-wrap:break-word; outline:none; margin-top:1em; margin-bottom:1em; padding-top:0px; padding-bottom:0px; border:0px; font-family:Arial,sans-serif; line-height:19.600000381469727px; font-size:14px; vertical-align:baseline; color:rgb(85,85,85); letter-spacing:0.699999988079071px"> 2010年F8会议facebook公布的一套开放内容协议,即opengraph.它是一种新型的HTTP头部标记协议,这种协议可以让网页称为一个<span style="word-wrap:break-word; outline:none; margin:0px; padding:0px; border:0px; font-family:inherit; font-style:inherit; font-variant:inherit; line-height:inherit; vertical-align:baseline">富媒体对象</span>,设置了og标签,就可以方便社会化网站提取有效信息,比如facebook,人人网.国内也有类似的协议比如weibo meta tag.它是基于国情对opengraph不适用的对象类型进行扩展的.在wordpress中有一些seo插件会自动提取文章内容生成标签,这里我们稍微了解一下就可以了:</p>
<ul style="word-wrap:break-word; outline:none; margin:0px; padding:0px 0px 0px 20px; border:0px; font-family:Arial,sans-serif; line-height:19.600000381469727px; font-size:14px; vertical-align:baseline; list-style-position:initial; color:rgb(85,85,85); letter-spacing:0.699999988079071px">
<li style="word-wrap:break-word; outline:none; margin:0px; padding:0px; border:0px; font-family:inherit; font-style:inherit; font-variant:inherit; font-weight:inherit; line-height:inherit; vertical-align:baseline"> Og:type —设置对象类型,比如article,audio,image,video,webpage等</li>
<li style="word-wrap:break-word; outline:none; margin:0px; padding:0px; border:0px; font-family:inherit; font-style:inherit; font-variant:inherit; font-weight:inherit; line-height:inherit; vertical-align:baseline"> Og:title —设置页面标题</li>
<li style="word-wrap:break-word; outline:none; margin:0px; padding:0px; border:0px; font-family:inherit; font-style:inherit; font-variant:inherit; font-weight:inherit; line-height:inherit; vertical-align:baseline"> Og:url —设置页面的规范url</li>
<li style="word-wrap:break-word; outline:none; margin:0px; padding:0px; border:0px; font-family:inherit; font-style:inherit; font-variant:inherit; font-weight:inherit; line-height:inherit; vertical-align:baseline"> Og:description —设置页面描述</li>
<li style="word-wrap:break-word; outline:none; margin:0px; padding:0px; border:0px; font-family:inherit; font-style:inherit; font-variant:inherit; font-weight:inherit; line-height:inherit; vertical-align:baseline"> Og:image —表示页面信息的一张缩略图地址</li>
<li style="word-wrap:break-word; outline:none; margin:0px; padding:0px; border:0px; font-family:inherit; font-style:inherit; font-variant:inherit; font-weight:inherit; line-height:inherit; vertical-align:baseline"> Og:site_name — 设置页面所在的网站名称</li>
</ul>
<br>
<p style="margin:10px auto"><br> </p>
<p style="margin:10px auto"><span style="font-size:24px"><strong>webapp的meta标签</strong></span></p>
<p style="margin:10px auto"></p>
<p style="word-wrap:break-word"><strong><meta name="apple-touch-fullscreen" content="yes"></strong> "</p>
<p style="word-wrap:break-word">添加到主屏幕“后，全屏显示</p>
<p style="word-wrap:break-word"><br> <strong><meta name="apple-mobile-web-app-capable" content="yes" /> </strong></p>
<p style="word-wrap:break-word">网站开启对web app程序的支持。这meta的作用就是删除默认的苹果工具栏和菜单栏。</p>
<p style="word-wrap:break-word"><br> <strong><meta name=”apple-mobile-web-app-status-bar-style” content=black” /></strong></p>
<p style="word-wrap:break-word"> 默认值为default（白色），可以定为black（黑色）和black-translucent（灰色半透明）。</p>
<p style="word-wrap:break-word"><br> <strong><meta name="format-detection" content="telephone=no" /> </strong></p>
<p style="word-wrap:break-word">忽略识别为电话号码</p>
<p style="word-wrap:break-word"><br> <strong><meta name="format-detection" content="email=no" /></strong></p>
<p style="word-wrap:break-word"> 将不识别邮箱<br> <br> <br> </p>
<p style="word-wrap:break-word"><strong><link rel="apple-touch-icon" href="/static/images/identity/HTML5_Badge_64.png" /><br> <link rel="apple-touch-icon-precomposed" href="/static/images/identity/HTML5_Badge_64.png" /></strong></p>
<p style="word-wrap:break-word">iOS用rel="apple-touch-icon",android 用rel="apple-touch-icon-precomposed"。这样就能在用户把网页存为书签时，在手机HOME界面创建应用程序样式的图标。<strong><br> </strong><br> </p>
<p style="word-wrap:break-word"><strong><link rel="apple-touch-startup-image" href="milanoo_startup.png" /></strong></p>
<p style="word-wrap:break-word">说明：这个link就是设置启动时候的界面（图片五），放置的路劲和上面类似。</p>
<p style="margin:10px auto"><br> <br> </p>
<p style="margin:10px auto"><br> </p>
<p style="margin:10px auto">cf:</p>
<p style="margin:10px auto">http://www.cnblogs.com/esshs/articles/157588.html</p>
<p style="margin:10px auto">http://www.yeebing.com/webdesign/1032.html<br> </p>
</div>
</div>
</div>
</div>
</div>
<!--PC和WAP自适应版-->
<div id="SOHUCS" sid="1712024370735558656"></div>
<script type="text/javascript" src="/views/front/js/chanyan.js"></script>
<!-- 文章页-底部 动态广告位 -->
<div class="youdao-fixed-ad" id="detail_ad_bottom"></div>
</div>
<div class="col-md-3">
<div class="row" id="ad">
<!-- 文章页-右侧1 动态广告位 -->
<div id="right-1" class="col-lg-12 col-md-12 col-sm-4 col-xs-4 ad">
<div class="youdao-fixed-ad" id="detail_ad_1"> </div>
</div>
<!-- 文章页-右侧2 动态广告位 -->
<div id="right-2" class="col-lg-12 col-md-12 col-sm-4 col-xs-4 ad">
<div class="youdao-fixed-ad" id="detail_ad_2"></div>
</div>
<!-- 文章页-右侧3 动态广告位 -->
<div id="right-3" class="col-lg-12 col-md-12 col-sm-4 col-xs-4 ad">
<div class="youdao-fixed-ad" id="detail_ad_3"></div>
</div>
</div>
</div>
</div>
</div>
</div>
<div class="container">
<h4 class="pt20 mb15 mt0 border-top">你可能感兴趣的:(HTML5,meta,http-equiv,Keywords,Content-type,Robots)</h4>
<div id="paradigm-article-related">
<div class="recommend-post mb30">
<ul class="widget-links">
<li><a href="/article/1946990426162524160.htm"
title="孙金鹏、姜长涛、孔炜又又又登顶刊！Nature余热未尽，Science揭秘神经酰胺和FPR2受体竟是脂肪代谢 “操控大师”" target="_blank">孙金鹏、姜长涛、孔炜又又又登顶刊！Nature余热未尽，Science揭秘神经酰胺和FPR2受体竟是脂肪代谢 “操控大师”</a>
<span class="text-muted">Biotree_2025</span>
<a class="tag" taget="_blank" href="/search/r%E8%AF%AD%E8%A8%80/1.htm">r语言</a>
<div>英文标题：MetabolicsignalingofceramidesthroughtheFPR2receptorinhibitsadipocytethermogenesis中文标题：神经酰胺通过FPR2介导的代谢信号传导抑制脂肪细胞产热发表期刊：Science影响因子：44.7研究背景神经酰胺是鞘磷脂代谢关键产物，与多种代谢疾病密切相关，但其作为系统信号分子的体内作用机制尚不明晰。脂肪细胞产热对维</div>
</li>
<li><a href="/article/1946931799246565376.htm"
title="flink-sql读写hive-1.13" target="_blank">flink-sql读写hive-1.13</a>
<span class="text-muted">第一片心意</span>
<a class="tag" taget="_blank" href="/search/flink/1.htm">flink</a><a class="tag" taget="_blank" href="/search/flink/1.htm">flink</a><a class="tag" taget="_blank" href="/search/sql/1.htm">sql</a><a class="tag" taget="_blank" href="/search/hive/1.htm">hive</a>
<div>1.版本说明本文档内容基于flink-1.13.x，其他版本的整理，请查看本人博客的flink专栏其他文章。1.1.概述ApacheHive已经成为了数据仓库生态系统中的核心。它不仅仅是一个用于大数据分析和ETL场景的SQL引擎，同样也是一个数据管理平台，可用于发现，定义，和演化数据。Flink与Hive的集成包含两个层面。一是利用了Hive的MetaStore作为持久化的Catalog，用户可通</div>
</li>
<li><a href="/article/1946876077762736128.htm"
title="c++ 反射与QMetaObject::invokeMethod介绍" target="_blank">c++ 反射与QMetaObject::invokeMethod介绍</a>
<span class="text-muted"></span>
<div>文章目录c++QMetaObject::invokeMethodC++语言标准本身并不直接支持反射机制，这与Java、C#等语言不同，它们在语言层面提供了丰富的反射API。然而，C++是一种非常灵活的语言，可以通过一些设计和编程技巧来实现类似反射的功能。在C++中实现反射通常涉及以下几种技术：动态创建对象：反射可以在运行时创建任意一个已经定义的类的对象实例，即使你在编写代码时并不知道将要创建哪个类</div>
</li>
<li><a href="/article/1946870280647405568.htm"
title="使用QMetaObject::invokeMethod将槽函数移动到其他线程执行" target="_blank">使用QMetaObject::invokeMethod将槽函数移动到其他线程执行</a>
<span class="text-muted">飞天_</span>
<a class="tag" taget="_blank" href="/search/qt/1.htm">qt</a>
<div>classObjTest:publicQObject{Q_OBJECTpublic:voidFunTest(){qDebug()thread()->currentThread();QMetaObject::invokeMethod(this,"slotTest",Qt::AutoConnection);}publicslots:voidslotTest(){qDebug()thread()->cu</div>
</li>
<li><a href="/article/1946849324860239872.htm"
title="数据科学简讯 2023-04-07" target="_blank">数据科学简讯 2023-04-07</a>
<span class="text-muted">数科每日</span>
<div>image.png头条SegmentAnything图像分割的重大进步图像分割是提取图像中代表特定对象（例如人或桌子）的所有像素的过程。由于几个原因，这是一项艰巨的任务，通常它要么需要大量预定义对象的数据集，要么需要一些的初级监督数据。Meta的这个全新的、完全开源的模型感觉就像是功能上的飞跃。他们收集了大量数据集，简化了注释功能，并创建了一个可以在浏览器中实时运行的模型。并提供演示、代码和论文。</div>
</li>
<li><a href="/article/1946841539456069632.htm"
title="maven本地仓库清缓存py脚本" target="_blank">maven本地仓库清缓存py脚本</a>
<span class="text-muted">就叫飞六吧</span>
<a class="tag" taget="_blank" href="/search/maven/1.htm">maven</a><a class="tag" taget="_blank" href="/search/%E7%BC%93%E5%AD%98/1.htm">缓存</a><a class="tag" taget="_blank" href="/search/spring/1.htm">spring</a>
<div>清_remote.repositories、以及.lastUpdated缓存文件，避免换仓库or私服的时候一直往旧地方去download从而引起的failtodownlown问题importosimportsysdefdelete_maven_metadata_files(directory):"""递归删除指定目录下的_remote.repositories和.lastUpdated文件:par</div>
</li>
<li><a href="/article/1946840152047415296.htm"
title="html5及css有什么区别,html5和css3的区别是什么？" target="_blank">html5及css有什么区别,html5和css3的区别是什么？</a>
<span class="text-muted">weixin_39788256</span>
<a class="tag" taget="_blank" href="/search/html5%E5%8F%8Acss%E6%9C%89%E4%BB%80%E4%B9%88%E5%8C%BA%E5%88%AB/1.htm">html5及css有什么区别</a>
<div>html5和css3是什么？区别是什么？下面本篇文章给大家介绍一下。有一定的参考价值，有需要的朋友可以参考一下，希望对大家有所帮助。什么是HTML5？HTML，超文本标记语言(HyperTextMarkupLanguage)，标准通用标记语言下的一个应用。是用于描述网页文档的一种标记语言。html5是HTML第五次重大修改后的版本，是当前最新版本，主要特点是支持原生的视频播放、离线存储、更多的语义</div>
</li>
<li><a href="/article/1946834728023814144.htm"
title="一文讲透HTML语义化标签" target="_blank">一文讲透HTML语义化标签</a>
<span class="text-muted"></span>
<div>文章目录语义化标签概述HTML标签及其含义常见HTML5语义化标签语义化标签对搜索引擎（SEO）的影响提升搜索引擎排名增强可访问性改善用户体验语义化标签案例各标签作用说明语义化标签概述HTML语义化是指使用恰当的标签来准确表达内容的结构和含义，使网页不仅对人类开发者可读，也能被搜索引擎、辅助技术等更好地理解和处理。例如，用表示页眉，表示独立内容区块，提升页面可访问性和SEO效果。HTML标签及其含</div>
</li>
<li><a href="/article/1946828172813201408.htm"
title="如何区别HTML和HTML5？" target="_blank">如何区别HTML和HTML5？</a>
<span class="text-muted">代码的余温</span>
<a class="tag" taget="_blank" href="/search/html/1.htm">html</a><a class="tag" taget="_blank" href="/search/html5/1.htm">html5</a><a class="tag" taget="_blank" href="/search/%E5%89%8D%E7%AB%AF/1.htm">前端</a>
<div>要区分HTML（通常指HTML4及更早版本）和HTML5，主要可以从以下关键方面进行比较：一、文档声明区别二、语义化标签对比用途HTML4标签HTML5新标签头部区域导航栏内容区块独立文章侧边栏页脚主要内容区✅HTML5通过语义化标签取代了泛滥的，提升可读性和SEO三、多媒体支持差异四、图形技术演进constctx=document.getElementById('myCanvas').getCo</div>
</li>
<li><a href="/article/1946802831201726464.htm"
title="[spring6: AspectJAdvisorFactory & AspectJProxyFactory]-源码解析" target="_blank">[spring6: AspectJAdvisorFactory & AspectJProxyFactory]-源码解析</a>
<span class="text-muted">idolyXyz</span>
<a class="tag" taget="_blank" href="/search/spring6-%E6%BA%90%E7%A0%81%E9%98%85%E8%AF%BB/1.htm">spring6-源码阅读</a><a class="tag" taget="_blank" href="/search/spring/1.htm">spring</a>
<div>推荐阅读：[spring6:AspectMetadata&AspectInstanceFactory]-源码解析[spring6:TargetSource&AopProxyFactory&AdvisorChainFactory&ProxyFactory]-源码分析AspectJAdvisorFactoryAspectJAdvisorFactory接口用于从使用AspectJ注解语法的类中创建Spr</div>
</li>
<li><a href="/article/1946782063906582528.htm"
title="python爬虫--爬去300个租房信息页" target="_blank">python爬虫--爬去300个租房信息页</a>
<span class="text-muted">朝畫夕拾</span>
<div>爬去300个租房信息页代码如下#--coding:utf-8--importtime,requestsfrombs4importBeautifulSouppage=0limit_count=300crawl_list=[]headers={'Content-type':'text/html;charset=UTF-8','User-Agent':'Mozilla/5.0(Macintosh;Int</div>
</li>
<li><a href="/article/1946701098827968512.htm"
title="wap页面和html5,WAP网站、3G网站、html5触屏版有什么区别？" target="_blank">wap页面和html5,WAP网站、3G网站、html5触屏版有什么区别？</a>
<span class="text-muted"></span>
<div>目前手机上的网站主要就分为WAP格式和3G格式，从脚本语言来讲，我们通常喜欢说用WML开发的网站就是WAP网站，用XHTML开发的网上3G网站。WML是当初专门为2.5G时代开发的一个脚本，他的功能挺简单的，页面形式呢主要是文字居多，因为那个时候的网速带宽还有机型的限制，所以WAP网站不能用CSS，字体颜色也只有普通文字的黑色和链接文字的蓝色，至于页面背景什么的是不能设置的。3G网站，也就是我们所</div>
</li>
<li><a href="/article/1946700469141303296.htm"
title="html5这什么意思,html5是什么意思？html5和html的区别介绍" target="_blank">html5这什么意思,html5是什么意思？html5和html的区别介绍</a>
<span class="text-muted">wiles super</span>
<a class="tag" taget="_blank" href="/search/html5%E8%BF%99%E4%BB%80%E4%B9%88%E6%84%8F%E6%80%9D/1.htm">html5这什么意思</a>
<div>一、HTML5是什么？HTML5是HyperTextMarkupLanguage5的缩写，HTML5是超文本标记语言的最新版本，也就是描述网页的代码，html5实际上是三种代码形式，首先是HTML提供结构，其次是层叠样式表(CSS)负责网站的样式和布局，最后是JavaScript是给网站添加动态功能。二、html5和html的区别1、定义上区别HTML5是应用超文本标记语言(HTML)的第五次修改</div>
</li>
<li><a href="/article/1946698830154100736.htm"
title="HTML和HTML5的区别" target="_blank">HTML和HTML5的区别</a>
<span class="text-muted">半生凉忆</span>
<a class="tag" taget="_blank" href="/search/html/1.htm">html</a><a class="tag" taget="_blank" href="/search/html5/1.htm">html5</a>
<div>HTML和HTML5的区别什么是HTML？HTML全称为超文本标记语言(HyperTextMarkupLanguage)，它包括一系列标签，通过这些标签可以将网络上的文档格式统一，使分散的Internet资源连接为一个逻辑整体。什么是HTML5?HTML5是HTML的第五个版本，HTML5已经远远超越了标记语言的范畴，它的设计目的是在移动设备上支持多媒体，和HTML比起来，深度和广度上都做了进一步</div>
</li>
<li><a href="/article/1946693662289227776.htm"
title="如何在HTML5页面中嵌入视频" target="_blank">如何在HTML5页面中嵌入视频</a>
<span class="text-muted"></span>
<div>在HTML5中嵌入视频主要使用标签，这是一种简单且标准的方式。以下是详细步骤和示例：基础实现视频嵌入示例您的浏览器不支持HTML5视频标签。核心属性说明controls添加播放控件（播放/暂停、进度条、音量等）width和height设置播放器尺寸（单位：像素）标签提供多个视频格式源以提高兼容性（浏览器会选择第一个支持的格式）：MP4(H.264)-兼容性最好WebM-开源格式，Chrome/Fi</div>
</li>
<li><a href="/article/1946669454771417088.htm"
title="Web开发 02" target="_blank">Web开发 02</a>
<span class="text-muted">im_AMBER</span>
<a class="tag" taget="_blank" href="/search/%E5%89%8D%E7%AB%AF/1.htm">前端</a><a class="tag" taget="_blank" href="/search/%E5%AD%A6%E4%B9%A0/1.htm">学习</a>
<div>今天梳理出的HTML+CSS核心知识点，涵盖基础结构、布局、样式优化等实用技巧：总结1一、HTML核心知识1.基础结构文档声明：定义文档为HTML5标准。基本标签：：根元素，包裹整个页面。：元数据（标题、样式、脚本等），不显示在页面。：设置网页标题（浏览器标签显示）。：页面内容容器，所有可见内容写在这里。2.常用标签文本与标题：~：标题标签，自动加粗且有默认层级样式。：段落标签，默认有上下边距。图</div>
</li>
<li><a href="/article/1946636030937460736.htm"
title="centos8.4使用本地yum源安装提示：Error: No available modular metadata for modular package" target="_blank">centos8.4使用本地yum源安装提示：Error: No available modular metadata for modular package</a>
<span class="text-muted">付兄</span>
<a class="tag" taget="_blank" href="/search/linux/1.htm">linux</a><a class="tag" taget="_blank" href="/search/centos/1.htm">centos</a>
<div>安装modulemd-toolsmodulemd-tools安装和使用详细过程参考官方文档https://github.com/rpm-software-management/modulemd-tools。更换centos8.4yum源wget-O/etc/yum.repos.d/CentOS-Base.repohttps://mirrors.aliyun.com/repo/Centos-8.re</div>
</li>
<li><a href="/article/1946616487225651200.htm"
title="HTML+CSS+JS" target="_blank">HTML+CSS+JS</a>
<span class="text-muted">binzhenliziyuan</span>
<a class="tag" taget="_blank" href="/search/javascript/1.htm">javascript</a><a class="tag" taget="_blank" href="/search/html/1.htm">html</a><a class="tag" taget="_blank" href="/search/css/1.htm">css</a>
<div>HTML+CSS+JSHTML基础1.HTML文件中的DOCTYPE是什么作用？2.HTML、XML、XHTML之间有什么区别？3.前缀为data-开头的元素属性是什么？4.谈谈你对HTML语义化的理解？5.HTML5对比HTML4有哪些不同之处？6.meta标签有哪些常用用法？7.img标签的srcset的作用是什么？8.响应式图片处理优化:Picture标签9.在script标签上使用defe</div>
</li>
<li><a href="/article/1946601474272325632.htm"
title="HTML与HTML5知识点复习整理" target="_blank">HTML与HTML5知识点复习整理</a>
<span class="text-muted">bottle Shen</span>
<a class="tag" taget="_blank" href="/search/html/1.htm">html</a><a class="tag" taget="_blank" href="/search/%E5%89%8D%E7%AB%AF/1.htm">前端</a>
<div>**本篇文章食用的简单说明**本篇文章为复习HTML与HTML5进行了知识点梳理，其中标题六部分涉及CSS知识（有标注），加粗部分为重点！！！加粗加红为重重点！！！如有遗漏欢迎在评论区补充~推荐大家按记忆梳理部分的内容自行回忆知识点，如有遗忘部分在左下方目录处点击相应部分可以进行跳转。又是努力学习前端的一天，希望大家共同进步~~~（QAQ我只是一个表情）❤***记忆梳理***一、HTML是什么二、</div>
</li>
<li><a href="/article/1946600840433299456.htm"
title="HTML快速复习" target="_blank">HTML快速复习</a>
<span class="text-muted"></span>
<div>目录!DOCTYPE声明头部head标题title标记元信息meta标记主体body标题分割线段落加粗倾斜下划线文字加删除线预编译标签换行实体字符多媒体标签超链接设置锚点列表标签表格标签框架框架集合form表单模拟百度搜索表单元素文本框密码框单选按钮多选按钮文件隐藏域普通按钮特殊按钮下拉列表多行文本框label标签提交按钮HTML5新增的一些type类型HTML5新增的一些属性thisismyfi</div>
</li>
<li><a href="/article/1946484097610215424.htm"
title="python 类 实例_Python类的实例详解" target="_blank">python 类 实例_Python类的实例详解</a>
<span class="text-muted">weixin_39997173</span>
<a class="tag" taget="_blank" href="/search/python/1.htm">python</a><a class="tag" taget="_blank" href="/search/%E7%B1%BB/1.htm">类</a><a class="tag" taget="_blank" href="/search/%E5%AE%9E%E4%BE%8B/1.htm">实例</a>
<div>类(class)是一个用户自定义类型，开发者可以将其实例化以获得实例（instance），实例表示这种类型的对象。在Python中，类就是对象，开发者可以像对其他对象那样处理函数，可以在调用函数时传递一个类作为参数，也可以返回一个类作为函数调用的结果。任何对象，即使是一个类对象，都有一个类型。在Python中，类型和类也都是第一类对象。类对象的类型也被称为该类的元类（metaclass）。对象的行</div>
</li>
<li><a href="/article/1946424459929907200.htm"
title="Firefox浏览器Flash及音乐播放插件使用指南" target="_blank">Firefox浏览器Flash及音乐播放插件使用指南</a>
<span class="text-muted">酷毙的我啊</span>
<div>本文还有配套的精品资源，点击获取简介：随着Firefox逐步淘汰原生FlashPlayer支持，依赖于Flash的内容和某些网页音乐的播放需求催生了特定插件的开发。尽管HTML5已取代Flash成为网页多媒体的核心，教育和娱乐领域的某些旧内容仍然需要使用Flash。用户可以通过安装类似Ruffle这样的Flash模拟器来播放Flash内容，同时，专为Firefox设计的音乐插件如Enhancerf</div>
</li>
<li><a href="/article/1946390405520093184.htm"
title="python网络爬虫(第一章/共三章：网络爬虫库、robots.txt规则（防止犯法）、查看获取网页源代码)" target="_blank">python网络爬虫(第一章/共三章：网络爬虫库、robots.txt规则（防止犯法）、查看获取网页源代码)</a>
<span class="text-muted"></span>
<div>python网络爬虫(第一章/共三章：网络爬虫库、robots.txt规则（防止犯法）、查看获取网页源代码)学习python网络爬虫的完整路径：（第一章即此篇文章）（第二章）python网络爬虫(第二章/共三章：安装浏览器驱动，驱动浏览器加载网页、批量下载资源)-CSDN博客https://blog.csdn.net/2302_78022640/article/details/149431071?</div>
</li>
<li><a href="/article/1946388641366470656.htm"
title="禁止拖动视频进度条来保障视频安全？" target="_blank">禁止拖动视频进度条来保障视频安全？</a>
<span class="text-muted">菜包eo</span>
<a class="tag" taget="_blank" href="/search/%E6%95%99%E8%82%B2%E8%A7%86%E9%A2%91/1.htm">教育视频</a><a class="tag" taget="_blank" href="/search/polyv/1.htm">polyv</a><a class="tag" taget="_blank" href="/search/%E8%A7%86%E9%A2%91%E5%AE%89%E5%85%A8/1.htm">视频安全</a><a class="tag" taget="_blank" href="/search/%E9%9F%B3%E8%A7%86%E9%A2%91/1.htm">音视频</a><a class="tag" taget="_blank" href="/search/%E5%AE%89%E5%85%A8/1.htm">安全</a>
<div>文章目录前言一、何为禁止拖动视频进度条？二、禁止拖动视频进度条的实现原理三、如何实现禁止拖动视频进度条总结前言在知识付费与企业培训场景中，视频内容安全是核心诉求。学员随意拖动进度条可能导致关键知识点遗漏，甚至助长盗录行为。本文深入解析HTML5播放器禁止拖拽进度条的技术方案，通过精准控制播放行为保障学习效果与内容安全。以企业培训、在线教育为例，探讨如何借助技术手段平衡用户体验与内容防护，为开发者提</div>
</li>
<li><a href="/article/1946384986659680256.htm"
title="第二篇 html5和css3开发基础与应用" target="_blank">第二篇 html5和css3开发基础与应用</a>
<span class="text-muted">ᝰ落念英</span>
<a class="tag" taget="_blank" href="/search/html5/1.htm">html5</a><a class="tag" taget="_blank" href="/search/css3/1.htm">css3</a><a class="tag" taget="_blank" href="/search/%E5%89%8D%E7%AB%AF/1.htm">前端</a><a class="tag" taget="_blank" href="/search/%E5%BC%80%E5%8F%91%E8%AF%AD%E8%A8%80/1.htm">开发语言</a><a class="tag" taget="_blank" href="/search/web/1.htm">web</a><a class="tag" taget="_blank" href="/search/html/1.htm">html</a><a class="tag" taget="_blank" href="/search/css/1.htm">css</a>
<div>第一章html5开发基础与应用第一节简介2014年10月28日，W3C组织公开发布HTML5标准规范。官方文档地址为：https://www.w3.org/TR/2014/REC-html5-20141028/HTML5.1文档地址：https://www.w3.org/TR/2015/WD-html51-20151008/HTML5.2文档地址：https://www.w3.org/TR/201</div>
</li>
<li><a href="/article/1943987101301272576.htm"
title="精通Canvas：15款时钟特效代码实现指南" target="_blank">精通Canvas：15款时钟特效代码实现指南</a>
<span class="text-muted">烟幕缭绕</span>
<div>本文还有配套的精品资源，点击获取简介：HTML5的Canvas是一个用于绘制矢量图形的API，通过JavaScript实现动态效果。本项目集合了15种不同的时钟特效代码，帮助开发者通过学习绘制圆形、线条、时间更新、旋转、颜色样式设置及动画效果等概念，深化对Canvas的理解和应用。项目中的CSS文件负责时钟的样式设定，而JS文件则包含实现各种特效的逻辑，通过不同的函数或类处理时间更新和动画绘制，提</div>
</li>
<li><a href="/article/1943963776244051968.htm"
title="入门html这篇文章就够了" target="_blank">入门html这篇文章就够了</a>
<span class="text-muted">ξ流ぁ星ぷ132</span>
<a class="tag" taget="_blank" href="/search/html/1.htm">html</a><a class="tag" taget="_blank" href="/search/%E5%89%8D%E7%AB%AF/1.htm">前端</a>
<div>HTML笔记文章目录HTML笔记html介绍什么是htmlhtml的作用HTML标签介绍常用标签标签and标签and标签u标签del删除线br标签用于换行pre标签，预处理标签span标签div标签sub标签andsup标签hr标签h1,h2...h6标签：HTML5中的语义标签：特殊字符img标签a标签第一种用法：超链接第二种用法：锚点video标签表格标签：form标签input标签selec</div>
</li>
<li><a href="/article/1943822821834682368.htm"
title="本地部署大模型的几种方式" target="_blank">本地部署大模型的几种方式</a>
<span class="text-muted">AI产品经理</span>
<a class="tag" taget="_blank" href="/search/%E8%AF%AD%E8%A8%80%E6%A8%A1%E5%9E%8B/1.htm">语言模型</a><a class="tag" taget="_blank" href="/search/%E4%BA%BA%E5%B7%A5%E6%99%BA%E8%83%BD/1.htm">人工智能</a><a class="tag" taget="_blank" href="/search/%E8%87%AA%E7%84%B6%E8%AF%AD%E8%A8%80%E5%A4%84%E7%90%86/1.htm">自然语言处理</a><a class="tag" taget="_blank" href="/search/chatgpt/1.htm">chatgpt</a><a class="tag" taget="_blank" href="/search/%E5%AD%A6%E4%B9%A0/1.htm">学习</a>
<div>现在大模型可谓是满天飞,只要你稍微关注时下的AI资讯,几乎每天都有新的AI大模型出现.这之中当然有诸如GhatGPT,Gemini这样的私有化大模型,更吸引人关注的可能是开源的可私有化部署的一些大模型.比如Meta前两天开放的Lamma3,Google的Gemma开源模型,国内也有Qwen以及YI等.前排提示，文末有大模型AGI-CSDN独家资料包哦！无论私有的大模型,还是开源的可私有化部署的大模</div>
</li>
<li><a href="/article/1943805421185724416.htm"
title="在mac m1基于llama.cpp运行deepseek" target="_blank">在mac m1基于llama.cpp运行deepseek</a>
<span class="text-muted"></span>
<div>lama.cpp是一个高效的机器学习推理库，目标是在各种硬件上实现LLM推断，保持最小设置和最先进性能。llama.cpp支持1.5位、2位、3位、4位、5位、6位和8位整数量化，通过ARMNEON、Accelerate和Metal支持Apple芯片，使得在MACM1处理器上运行Deepseek大模型成为可能。1下载llama.cppgitclonehttps://github.com/ggerg</div>
</li>
<li><a href="/article/1943761678143385600.htm"
title="观众信息设置与统计（视频高级分析与统计功能）" target="_blank">观众信息设置与统计（视频高级分析与统计功能）</a>
<span class="text-muted">视频砖家</span>
<a class="tag" taget="_blank" href="/search/%E8%A7%86%E9%A2%91%E5%AE%89%E5%85%A8/1.htm">视频安全</a><a class="tag" taget="_blank" href="/search/%E8%A7%86%E9%A2%91%E5%8A%A0%E5%AF%86/1.htm">视频加密</a><a class="tag" taget="_blank" href="/search/%E6%95%B0%E6%8D%AE%E5%88%86%E6%9E%90/1.htm">数据分析</a><a class="tag" taget="_blank" href="/search/%E8%A7%86%E9%A2%91%E8%A7%82%E7%9C%8B%E5%88%86%E6%9E%90/1.htm">视频观看分析</a><a class="tag" taget="_blank" href="/search/%E8%A7%86%E9%A2%91%E6%95%B0%E6%8D%AE%E5%88%86%E6%9E%90/1.htm">视频数据分析</a>
<div>Web播放器（POLYV-html5-player）支持设置观众信息参数，设置后在播放器上报的观看日志中会附带观众信息，这样用户就可以通过管理后台的统计页面或服务端API来查看特定观众的视频观看情况了。一、观众信息设置播放器设置观众信息参数的代码示例如下：varplayer=polyvPlayer({wrap:'#player',width:800,height:533,vid:'88083abb</div>
</li>
<li><a href="/article/29.htm"
title="SQL的各种连接查询" target="_blank">SQL的各种连接查询</a>
<span class="text-muted">xieke90</span>
<a class="tag" taget="_blank" href="/search/UNION+ALL/1.htm">UNION ALL</a><a class="tag" taget="_blank" href="/search/UNION/1.htm">UNION</a><a class="tag" taget="_blank" href="/search/%E5%A4%96%E8%BF%9E%E6%8E%A5/1.htm">外连接</a><a class="tag" taget="_blank" href="/search/%E5%86%85%E8%BF%9E%E6%8E%A5/1.htm">内连接</a><a class="tag" taget="_blank" href="/search/JOIN/1.htm">JOIN</a>
<div>一、内连接
概念：内连接就是使用比较运算符根据每个表共有的列的值匹配两个表中的行。
内连接（join 或者inner join ）
SQL语法：
select * fron</div>
</li>
<li><a href="/article/156.htm"
title="java编程思想--复用类" target="_blank">java编程思想--复用类</a>
<span class="text-muted">百合不是茶</span>
<a class="tag" taget="_blank" href="/search/java/1.htm">java</a><a class="tag" taget="_blank" href="/search/%E7%BB%A7%E6%89%BF/1.htm">继承</a><a class="tag" taget="_blank" href="/search/%E4%BB%A3%E7%90%86/1.htm">代理</a><a class="tag" taget="_blank" href="/search/%E7%BB%84%E5%90%88/1.htm">组合</a><a class="tag" taget="_blank" href="/search/final%E7%B1%BB/1.htm">final类</a>
<div> 复用类看着标题都不知道是什么,再加上java编程思想翻译的比价难懂,所以知道现在才看这本软件界的奇书
一:组合语法:就是将对象的引用放到新类中即可
代码:
package com.wj.reuse;
/**
*
* @author Administrator 组</div>
</li>
<li><a href="/article/283.htm"
title="[开源与生态系统]国产CPU的生态系统" target="_blank">[开源与生态系统]国产CPU的生态系统</a>
<span class="text-muted">comsci</span>
<a class="tag" taget="_blank" href="/search/cpu/1.htm">cpu</a>
<div>
计算机要从娃娃抓起...而孩子最喜欢玩游戏....
要让国产CPU在国内市场形成自己的生态系统和产业链,国家和企业就不能够忘记游戏这个非常关键的环节....
投入一些资金和资源,人力和政策,让游</div>
</li>
<li><a href="/article/410.htm"
title="JVM内存区域划分Eden Space、Survivor Space、Tenured Gen，Perm Gen解释" target="_blank">JVM内存区域划分Eden Space、Survivor Space、Tenured Gen，Perm Gen解释</a>
<span class="text-muted">商人shang</span>
<a class="tag" taget="_blank" href="/search/jvm%E5%86%85%E5%AD%98/1.htm">jvm内存</a>
<div>jvm区域总体分两类，heap区和非heap区。heap区又分：Eden Space（伊甸园）、Survivor Space(幸存者区)、Tenured Gen（老年代-养老区）。 非heap区又分：Code Cache(代码缓存区)、Perm Gen（永久代）、Jvm Stack(java虚拟机栈)、Local Method Statck(本地方法栈)。
HotSpot虚拟机GC算法采用分代收</div>
</li>
<li><a href="/article/537.htm"
title="页面上调用 QQ" target="_blank">页面上调用 QQ</a>
<span class="text-muted">oloz</span>
<a class="tag" taget="_blank" href="/search/qq/1.htm">qq</a>
<div><A href="tencent://message/?uin=707321921&Site=有事Q我&Menu=yes">
<img style="border:0px;" src=http://wpa.qq.com/pa?p=1:707321921:1></a></div>
</li>
<li><a href="/article/664.htm"
title="一些问题" target="_blank">一些问题</a>
<span class="text-muted">文强chu</span>
<a class="tag" taget="_blank" href="/search/%E9%97%AE%E9%A2%98/1.htm">问题</a>
<div>1.eclipse 导出 doc 出现“The Javadoc command does not exist.” javadoc command 选择 jdk/bin/javadoc.exe 2.tomcate 配置 web 项目 .....
SQL:3.mysql * 必须得放前面 否则 select&nbs</div>
</li>
<li><a href="/article/791.htm"
title="生活没有安全感" target="_blank">生活没有安全感</a>
<span class="text-muted">小桔子</span>
<a class="tag" taget="_blank" href="/search/%E7%94%9F%E6%B4%BB/1.htm">生活</a><a class="tag" taget="_blank" href="/search/%E5%AD%A4%E7%8B%AC/1.htm">孤独</a><a class="tag" taget="_blank" href="/search/%E5%AE%89%E5%85%A8%E6%84%9F/1.htm">安全感</a>
<div> 圈子好小，身边朋友没几个，交心的更是少之又少。在深圳，除了男朋友，没几个亲密的人。不知不觉男朋友成了唯一的依靠，毫不夸张的说，业余生活的全部。现在感情好，也很幸福的。但是说不准难免人心会变嘛，不发生什么大家都乐融融，发生什么很难处理。我想说如果不幸被分手(无论原因如何)，生活难免变化很大，在深圳，我没交心的朋友。明</div>
</li>
<li><a href="/article/918.htm"
title="php 基础语法" target="_blank">php 基础语法</a>
<span class="text-muted">aichenglong</span>
<a class="tag" taget="_blank" href="/search/php+%E5%9F%BA%E6%9C%AC%E8%AF%AD%E6%B3%95/1.htm">php 基本语法</a>
<div>1 .1 php变量必须以$开头
<?php
$a=” b”;
echo
?>
1 .2 php基本数据库类型 Integer float/double Boolean string
1 .3 复合数据类型 数组array和对象 object
1 .4 特殊数据类型 null 资源类型(resource) $co</div>
</li>
<li><a href="/article/1045.htm"
title="mybatis tools 配置详解" target="_blank">mybatis tools 配置详解</a>
<span class="text-muted">AILIKES</span>
<a class="tag" taget="_blank" href="/search/mybatis/1.htm">mybatis</a>
<div>MyBatis Generator中文文档
MyBatis Generator中文文档地址：
http://generator.sturgeon.mopaas.com/
该中文文档由于尽可能和原文内容一致，所以有些地方如果不熟悉，看中文版的文档的也会有一定的障碍，所以本章根据该中文文档以及实际应用，使用通俗的语言来讲解详细的配置。
本文使用Markdown进行编辑，但是博客显示效</div>
</li>
<li><a href="/article/1172.htm"
title="继承与多态的探讨" target="_blank">继承与多态的探讨</a>
<span class="text-muted">百合不是茶</span>
<a class="tag" taget="_blank" href="/search/JAVA%E9%9D%A2%E5%90%91%E5%AF%B9%E8%B1%A1+%E7%BB%A7%E6%89%BF+%E5%AF%B9%E8%B1%A1/1.htm">JAVA面向对象 继承 对象</a>
<div>继承 extends 多态
继承是面向对象最经常使用的特征之一：继承语法是通过继承发、基类的域和方法 //继承就是从现有的类中生成一个新的类，这个新类拥有现有类的所有extends是使用继承的关键字：
在A类中定义属性和方法；
class A{
//定义属性
int age；
//定义方法
public void go</div>
</li>
<li><a href="/article/1299.htm"
title="JS的undefined与null的实例" target="_blank">JS的undefined与null的实例</a>
<span class="text-muted">bijian1013</span>
<a class="tag" taget="_blank" href="/search/JavaScript/1.htm">JavaScript</a><a class="tag" taget="_blank" href="/search/JavaScript/1.htm">JavaScript</a>
<div><form name="theform" id="theform">
</form>
<script language="javascript">
var a
alert(typeof(b)); //这里提示undefined
if(theform.datas</div>
</li>
<li><a href="/article/1426.htm"
title="TDD实践（一）" target="_blank">TDD实践（一）</a>
<span class="text-muted">bijian1013</span>
<a class="tag" taget="_blank" href="/search/java/1.htm">java</a><a class="tag" taget="_blank" href="/search/%E6%95%8F%E6%8D%B7/1.htm">敏捷</a><a class="tag" taget="_blank" href="/search/TDD/1.htm">TDD</a>
<div>一.TDD概述
TDD：测试驱动开发，它的基本思想就是在开发功能代码之前，先编写测试代码。也就是说在明确要开发某个功能后，首先思考如何对这个功能进行测试，并完成测试代码的编写，然后编写相关的代码满足这些测试用例。然后循环进行添加其他功能，直到完全部功能的开发。
</div>
</li>
<li><a href="/article/1553.htm"
title="[Maven学习笔记十]Maven Profile与资源文件过滤器" target="_blank">[Maven学习笔记十]Maven Profile与资源文件过滤器</a>
<span class="text-muted">bit1129</span>
<a class="tag" taget="_blank" href="/search/maven/1.htm">maven</a>
<div>什么是Maven Profile
Maven Profile的含义是针对编译打包环境和编译打包目的配置定制，可以在不同的环境上选择相应的配置，例如DB信息，可以根据是为开发环境编译打包，还是为生产环境编译打包，动态的选择正确的DB配置信息
Profile的激活机制
1.Profile可以手工激活，比如在Intellij Idea的Maven Project视图中可以选择一个P</div>
</li>
<li><a href="/article/1680.htm"
title="【Hive八】Hive用户自定义生成表函数(UDTF)" target="_blank">【Hive八】Hive用户自定义生成表函数(UDTF)</a>
<span class="text-muted">bit1129</span>
<a class="tag" taget="_blank" href="/search/hive/1.htm">hive</a>
<div>1. 什么是UDTF
UDTF，是User Defined Table-Generating Functions，一眼看上去，貌似是用户自定义生成表函数，这个生成表不应该理解为生成了一个HQL Table， 貌似更应该理解为生成了类似关系表的二维行数据集
2. 如何实现UDTF
继承org.apache.hadoop.hive.ql.udf.generic</div>
</li>
<li><a href="/article/1807.htm"
title="tfs restful api 加auth 2.0认计" target="_blank">tfs restful api 加auth 2.0认计</a>
<span class="text-muted">ronin47</span>
<div> 目前思考如何给tfs的ngx-tfs api增加安全性。有如下两点：
一是基于客户端的ip设置。这个比较容易实现。
二是基于OAuth2.0认证，这个需要lua，实现起来相对于一来说，有些难度。
现在重点介绍第二种方法实现思路。
前言：我们使用Nginx的Lua中间件建立了OAuth2认证和授权层。如果你也有此打算，阅读下面的文档，实现自动化并获得收益。SeatGe</div>
</li>
<li><a href="/article/1934.htm"
title="jdk环境变量配置" target="_blank">jdk环境变量配置</a>
<span class="text-muted">byalias</span>
<a class="tag" taget="_blank" href="/search/java/1.htm">java</a><a class="tag" taget="_blank" href="/search/jdk/1.htm">jdk</a>
<div>进行java开发，首先要安装jdk，安装了jdk后还要进行环境变量配置：
1、下载jdk（http://java.sun.com/javase/downloads/index.jsp），我下载的版本是：jdk-7u79-windows-x64.exe
2、安装jdk-7u79-windows-x64.exe
3、配置环境变量：右击"计算机"-->&quo</div>
</li>
<li><a href="/article/2061.htm"
title="《代码大全》表驱动法-Table Driven Approach-2" target="_blank">《代码大全》表驱动法-Table Driven Approach-2</a>
<span class="text-muted">bylijinnan</span>
<a class="tag" taget="_blank" href="/search/java/1.htm">java</a>
<div>package com.ljn.base;
import java.io.BufferedReader;
import java.io.FileInputStream;
import java.io.InputStreamReader;
import java.util.ArrayList;
import java.util.Collections;
import java.uti</div>
</li>
<li><a href="/article/2188.htm"
title="SQL 数值四舍五入 小数点后保留2位" target="_blank">SQL 数值四舍五入 小数点后保留2位</a>
<span class="text-muted">chicony</span>
<a class="tag" taget="_blank" href="/search/%E5%9B%9B%E8%88%8D%E4%BA%94%E5%85%A5/1.htm">四舍五入</a>
<div>
1.round() 函数是四舍五入用，第一个参数是我们要被操作的数据，第二个参数是设置我们四舍五入之后小数点后显示几位。
2.numeric 函数的2个参数，第一个表示数据长度，第二个参数表示小数点后位数。
例如：
select cast(round(12.5,2) as numeric(5,2)) </div>
</li>
<li><a href="/article/2315.htm"
title="c++运算符重载" target="_blank">c++运算符重载</a>
<span class="text-muted">CrazyMizzz</span>
<a class="tag" taget="_blank" href="/search/C%2B%2B/1.htm">C++</a>
<div>一、加+，减-，乘*，除/ 的运算符重载
Rational operator*(const Rational &x) const{
return Rational(x.a * this->a);
}
在这里只写乘法的，加减除的写法类似
二、<<输出,>>输入的运算符重载
&nb</div>
</li>
<li><a href="/article/2442.htm"
title="hive DDL语法汇总" target="_blank">hive DDL语法汇总</a>
<span class="text-muted">daizj</span>
<a class="tag" taget="_blank" href="/search/hive/1.htm">hive</a><a class="tag" taget="_blank" href="/search/%E4%BF%AE%E6%94%B9%E5%88%97/1.htm">修改列</a><a class="tag" taget="_blank" href="/search/DDL/1.htm">DDL</a><a class="tag" taget="_blank" href="/search/%E4%BF%AE%E6%94%B9%E8%A1%A8/1.htm">修改表</a>
<div>hive DDL语法汇总
１、对表重命名
hive> ALTER TABLE table_name RENAME TO new_table_name;
2、修改表备注
hive> ALTER TABLE table_name SET TBLPROPERTIES ('comment' = new_comm</div>
</li>
<li><a href="/article/2569.htm"
title="jbox使用说明" target="_blank">jbox使用说明</a>
<span class="text-muted">dcj3sjt126com</span>
<a class="tag" taget="_blank" href="/search/Web/1.htm">Web</a>
<div>参考网址：http://www.kudystudio.com/jbox/jbox-demo.html jBox v2.3 beta [
点击下载]
技术交流QQGroup：172543951 100521167
[2011-11-11] jBox v2.3 正式版
- [调整&修复] IE6下有iframe或页面有active、applet控件</div>
</li>
<li><a href="/article/2696.htm"
title="UISegmentedControl 开发笔记" target="_blank">UISegmentedControl 开发笔记</a>
<span class="text-muted">dcj3sjt126com</span>
<div> // typedef NS_ENUM(NSInteger, UISegmentedControlStyle) {
// UISegmentedControlStylePlain, // large plain
&</div>
</li>
<li><a href="/article/2823.htm"
title="Slick生成表映射文件" target="_blank">Slick生成表映射文件</a>
<span class="text-muted">ekian</span>
<a class="tag" taget="_blank" href="/search/scala/1.htm">scala</a>
<div>Scala添加SLICK进行数据库操作，需在sbt文件上添加slick-codegen包
"com.typesafe.slick" %% "slick-codegen" % slickVersion
因为我是连接SQL Server数据库，还需添加slick-extensions，jtds包
"com.typesa</div>
</li>
<li><a href="/article/2950.htm"
title="ES-TEST" target="_blank">ES-TEST</a>
<span class="text-muted">gengzg</span>
<a class="tag" taget="_blank" href="/search/test/1.htm">test</a>
<div>package com.MarkNum;
import java.io.IOException;
import java.util.Date;
import java.util.HashMap;
import java.util.Map;
import javax.servlet.ServletException;
import javax.servlet.annotation</div>
</li>
<li><a href="/article/3077.htm"
title="为何外键不再推荐使用" target="_blank">为何外键不再推荐使用</a>
<span class="text-muted">hugh.wang</span>
<a class="tag" taget="_blank" href="/search/mysql/1.htm">mysql</a><a class="tag" taget="_blank" href="/search/DB/1.htm">DB</a>
<div>表的关联，是一种逻辑关系，并不需要进行物理上的“硬关联”，而且你所期望的关联，其实只是其数据上存在一定的联系而已，而这种联系实际上是在设计之初就定义好的固有逻辑。
在业务代码中实现的时候，只要按照设计之初的这种固有关联逻辑来处理数据即可，并不需要在数据库层面进行“硬关联”，因为在数据库层面通过使用外键的方式进行“硬关联”，会带来很多额外的资源消耗来进行一致性和完整性校验，即使很多时候我们并不</div>
</li>
<li><a href="/article/3204.htm"
title="领域驱动设计" target="_blank">领域驱动设计</a>
<span class="text-muted">julyflame</span>
<a class="tag" taget="_blank" href="/search/VO/1.htm">VO</a><a class="tag" taget="_blank" href="/search/DAO/1.htm">DAO</a><a class="tag" taget="_blank" href="/search/%E8%AE%BE%E8%AE%A1%E6%A8%A1%E5%BC%8F/1.htm">设计模式</a><a class="tag" taget="_blank" href="/search/DTO/1.htm">DTO</a><a class="tag" taget="_blank" href="/search/po/1.htm">po</a>
<div>概念：
VO（View Object）：视图对象，用于展示层，它的作用是把某个指定页面（或组件）的所有数据封装起来。
DTO（Data Transfer Object）：数据传输对象，这个概念来源于J2EE的设计模式，原来的目的是为了EJB的分布式应用提供粗粒度的数据实体，以减少分布式调用的次数，从而提高分布式调用的性能和降低网络负载，但在这里，我泛指用于展示层与服务层之间的数据传输对</div>
</li>
<li><a href="/article/3331.htm"
title="单例设计模式" target="_blank">单例设计模式</a>
<span class="text-muted">hm4123660</span>
<a class="tag" taget="_blank" href="/search/java/1.htm">java</a><a class="tag" taget="_blank" href="/search/Singleton/1.htm">Singleton</a><a class="tag" taget="_blank" href="/search/%E5%8D%95%E4%BE%8B%E8%AE%BE%E8%AE%A1%E6%A8%A1%E5%BC%8F/1.htm">单例设计模式</a><a class="tag" taget="_blank" href="/search/%E6%87%92%E6%B1%89%E5%BC%8F/1.htm">懒汉式</a><a class="tag" taget="_blank" href="/search/%E9%A5%BF%E6%B1%89%E5%BC%8F/1.htm">饿汉式</a>
<div> 单例模式是一种常用的软件设计模式。在它的核心结构中只包含一个被称为单例类的特殊类。通过单例模式可以保证系统中一个类只有一个实例而且该实例易于外界访问，从而方便对实例个数的控制并节约系统源。如果希望在系统中某个类的对象只能存在一个，单例模式是最好的解决方案。
&nb</div>
</li>
<li><a href="/article/3458.htm"
title="logback" target="_blank">logback</a>
<span class="text-muted">zhb8015</span>
<a class="tag" taget="_blank" href="/search/log/1.htm">log</a><a class="tag" taget="_blank" href="/search/logback/1.htm">logback</a>
<div>一、logback的介绍
Logback是由log4j创始人设计的又一个开源日志组件。logback当前分成三个模块：logback-core,logback- classic和logback-access。logback-core是其它两个模块的基础模块。logback-classic是log4j的一个 改良版本。此外logback-class</div>
</li>
<li><a href="/article/3585.htm"
title="整合Kafka到Spark Streaming——代码示例和挑战" target="_blank">整合Kafka到Spark Streaming——代码示例和挑战</a>
<span class="text-muted">Stark_Summer</span>
<a class="tag" taget="_blank" href="/search/spark/1.htm">spark</a><a class="tag" taget="_blank" href="/search/storm/1.htm">storm</a><a class="tag" taget="_blank" href="/search/zookeeper/1.htm">zookeeper</a><a class="tag" taget="_blank" href="/search/PARALLELISM/1.htm">PARALLELISM</a><a class="tag" taget="_blank" href="/search/processing/1.htm">processing</a>
<div>作者Michael G. Noll是瑞士的一位工程师和研究员，效力于Verisign，是Verisign实验室的大规模数据分析基础设施（基础Hadoop）的技术主管。本文，Michael详细的演示了如何将Kafka整合到Spark Streaming中。 期间， Michael还提到了将Kafka整合到 Spark Streaming中的一些现状，非常值得阅读，虽然有一些信息在Spark 1.2版</div>
</li>
<li><a href="/article/3712.htm"
title="spring-master-slave-commondao" target="_blank">spring-master-slave-commondao</a>
<span class="text-muted">王新春</span>
<a class="tag" taget="_blank" href="/search/DAO/1.htm">DAO</a><a class="tag" taget="_blank" href="/search/spring/1.htm">spring</a><a class="tag" taget="_blank" href="/search/dataSource/1.htm">dataSource</a><a class="tag" taget="_blank" href="/search/slave/1.htm">slave</a><a class="tag" taget="_blank" href="/search/master/1.htm">master</a>
<div>互联网的web项目，都有个特点：请求的并发量高，其中请求最耗时的db操作，又是系统优化的重中之重。
为此，往往搭建 db的 一主多从库的 数据库架构。作为web的DAO层，要保证针对主库进行写操作，对多个从库进行读操作。当然在一些请求中，为了避免主从复制的延迟导致的数据不一致性，部分的读操作也要到主库上。（这种需求一般通过业务垂直分开，比如下单业务的代码所部署的机器，读去应该也要从主库读取数</div>
</li>
</ul>
</div>
</div>
</div>
<div>
<div class="container">
<div class="indexes">
<strong>按字母分类：</strong>
<a href="/tags/A/1.htm" target="_blank">A</a><a href="/tags/B/1.htm" target="_blank">B</a><a href="/tags/C/1.htm" target="_blank">C</a><a
href="/tags/D/1.htm" target="_blank">D</a><a href="/tags/E/1.htm" target="_blank">E</a><a href="/tags/F/1.htm" target="_blank">F</a><a
href="/tags/G/1.htm" target="_blank">G</a><a href="/tags/H/1.htm" target="_blank">H</a><a href="/tags/I/1.htm" target="_blank">I</a><a
href="/tags/J/1.htm" target="_blank">J</a><a href="/tags/K/1.htm" target="_blank">K</a><a href="/tags/L/1.htm" target="_blank">L</a><a
href="/tags/M/1.htm" target="_blank">M</a><a href="/tags/N/1.htm" target="_blank">N</a><a href="/tags/O/1.htm" target="_blank">O</a><a
href="/tags/P/1.htm" target="_blank">P</a><a href="/tags/Q/1.htm" target="_blank">Q</a><a href="/tags/R/1.htm" target="_blank">R</a><a
href="/tags/S/1.htm" target="_blank">S</a><a href="/tags/T/1.htm" target="_blank">T</a><a href="/tags/U/1.htm" target="_blank">U</a><a
href="/tags/V/1.htm" target="_blank">V</a><a href="/tags/W/1.htm" target="_blank">W</a><a href="/tags/X/1.htm" target="_blank">X</a><a
href="/tags/Y/1.htm" target="_blank">Y</a><a href="/tags/Z/1.htm" target="_blank">Z</a><a href="/tags/0/1.htm" target="_blank">其他</a>
</div>
</div>
</div>
<footer id="footer" class="mb30 mt30">
<div class="container">
<div class="footBglm">
<a target="_blank" href="/">首页</a> -
<a target="_blank" href="/custom/about.htm">关于我们</a> -
<a target="_blank" href="/search/Java/1.htm">站内搜索</a> -
<a target="_blank" href="/sitemap.txt">Sitemap</a> -
<a target="_blank" href="/custom/delete.htm">侵权投诉</a>
</div>
<div class="copyright">版权所有 IT知识库 CopyRight © 2000-2050 E-COM-NET.COM , All Rights Reserved.
<!-- <a href="https://beian.miit.gov.cn/" rel="nofollow" target="_blank">京ICP备09083238号</a><br>-->
</div>
</div>
</footer>
<!-- 代码高亮 -->
<script type="text/javascript" src="/static/syntaxhighlighter/scripts/shCore.js"></script>
<script type="text/javascript" src="/static/syntaxhighlighter/scripts/shLegacy.js"></script>
<script type="text/javascript" src="/static/syntaxhighlighter/scripts/shAutoloader.js"></script>
<link type="text/css" rel="stylesheet" href="/static/syntaxhighlighter/styles/shCoreDefault.css"/>
<script type="text/javascript" src="/static/syntaxhighlighter/src/my_start_1.js"></script>
</body>
</html> 