查找总结了一些HTML5头部
标签常用信息，有错误的，敬请留言指正，或可以留言补充，欢迎留言交流！
<meta charset="utf-8" />
<meta name="keywords" content="" />
<meta name="description" content="" />
<meta name="author" content="" />
<meta name="viewport" content="width=device-width,initial-scale=1.0,user-scalable=no" />
<meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1" />
<meta name="renderer" content="webkit" />
<meta http-equiv="Cache-Control" content="no-siteapp" />
<meta name="screen-orientation" content="portrait" />
<meta name="x5-orientation" content="portrait" />
<meta name="full-scerrn" content="yes" />
<meta name="x5-fullscreen" content="ture" />
<meta name="x5-page-mode" content="app" />
<meta name="browsermode" content="application">
<meta name="msapplication-tap-highlight" content="no" />
<meta name="format-detection" name="email=no" />
<meta name="apple-mobile-web-app-title" content="标题" />
<meta name="apple-mobile-web-app-capable" content="yes" />
<meta name="apple-mobile-web-app-status-bar-style" content="black-translucent/black/default" />
<meta name="format-detection" content="telephone=no" />
<meta name="apple-itunes-app" content="app-id=myappstoreID,affiliate-data=myaffiliatedata,app-argument=myurl" />
为移动设备添加 viewport
viewport 可以让布局在移动浏览器上显示的更好。 通常会写
<meta name ="viewport" content ="initial-scale=1, maximum-scale=3, minimum-scale=1, user-scalable=no">
content 参数：
- width viewport 宽度(数值/device-width)
- height viewport 高度(数值/device-height)
- initial-scale 初始缩放比例
- maximum-scale 最大缩放比例
- minimum-scale 最小缩放比例
- user-scalable 是否允许用户缩放(yes/no)
- minimal-ui iOS 7.1 beta 2 中新增属性（注意：iOS8 中已经删除），可以在页面加载时最小化上下状态栏。这是一个布尔值，可以直接这样写：
<meta name="viewport" content="width=device-width, initial-scale=1, minimal-ui">
而如果你的网站不是响应式的，请不要使用 initial-scale 或者禁用缩放。
<meta name="viewport" content="width=device-width,user-scalable=yes">
适配 iPhone 6 和 iPhone 6plus 则需要写：
<meta name="viewport" content="width=375"> <meta name="viewport" content="width=414">
大部分 4.7~5 寸的安卓设备的 viewport 宽设为 360px，iPhone 6 上却是 375px，大部分 5.5 寸安卓机器（比如说三星 Note）的 viewport 宽为 400，iPhone 6 plus 上是 414px。
SEO 优化部分
页面标题</code>标签(head 头部必须)</p>
<div class="cnblogs_code _mce_tagged_br">
<pre><span style="color:#0000ff;"><<span style="color:#800000;">title<span style="color:#0000ff;">>your title<span style="color:#0000ff;"></<span style="color:#800000;">title<span style="color:#0000ff;">></span></span></span></span></span></span></pre>
</div>
<p> </p>
<p>页面关键词 keywords</p>
<div class="cnblogs_code">
<pre><span style="color:#0000ff;"><<span style="color:#800000;">meta <span style="color:#ff0000;">name<span style="color:#0000ff;">="keywords"<span style="color:#ff0000;"> content<span style="color:#0000ff;">="your keywords"<span style="color:#0000ff;">></span></span></span></span></span></span></span></pre>
</div>
<p> </p>
<p>页面描述内容 description</p>
<div class="cnblogs_code">
<pre><span style="color:#0000ff;"><<span style="color:#800000;">meta <span style="color:#ff0000;">name<span style="color:#0000ff;">="description"<span style="color:#ff0000;"> content<span style="color:#0000ff;">="your description"<span style="color:#0000ff;">></span></span></span></span></span></span></span></pre>
</div>
<p> </p>
<p>定义网页作者 author</p>
<div class="cnblogs_code">
<pre><span style="color:#0000ff;"><<span style="color:#800000;">meta <span style="color:#ff0000;">name<span style="color:#0000ff;">="author"<span style="color:#ff0000;"> content<span style="color:#0000ff;">="author,email address"<span style="color:#0000ff;">></span></span></span></span></span></span></span></pre>
</div>
<p> </p>
<p>定义网页搜索引擎索引方式，robotterms 是一组使用英文逗号「,」分割的值，通常有如下几种取值：none，noindex，nofollow，all，index和follow。</p>
<div class="cnblogs_code">
<pre><span style="color:#0000ff;"><<span style="color:#800000;">meta <span style="color:#ff0000;">name<span style="color:#0000ff;">="robots"<span style="color:#ff0000;"> content<span style="color:#0000ff;">="index,follow"<span style="color:#0000ff;">></span></span></span></span></span></span></span></pre>
</div>
<p> </p>
<h4>百度禁止转码</h4>
<p>通过百度手机打开网页时，百度可能会对你的网页进行转码，脱下你的衣服，往你的身上贴狗皮膏药的广告，为此可在 head 内添加</p>
<div class="cnblogs_code">
<pre><span style="color:#0000ff;"><<span style="color:#800000;">meta <span style="color:#ff0000;">http-equiv<span style="color:#0000ff;">="Cache-Control"<span style="color:#ff0000;"> content<span style="color:#0000ff;">="no-siteapp" <span style="color:#0000ff;">/></span></span></span></span></span></span></span></pre>
</div>
<h4>不推荐的 meta 属性</h4>
<p>下面是不推荐使用的 meta 属性，因为它们采用率低，或已弃用：</p>
<div class="cnblogs_code">
<pre><span style="color:#008000;"><!--<span style="color:#008000;"> 用于声明文档语言，但支持得不是很好。最好使用 <html lang=""> <span style="color:#008000;">-->
<span style="color:#0000ff;"><<span style="color:#800000;">meta <span style="color:#ff0000;">name<span style="color:#0000ff;">="language"<span style="color:#ff0000;"> content<span style="color:#0000ff;">="en"<span style="color:#0000ff;">> <span style="color:#008000;"><!--<span style="color:#008000;"> Google 无视 & Bing 认为垃圾的指示器 <span style="color:#008000;">--> <span style="color:#0000ff;"><<span style="color:#800000;">meta <span style="color:#ff0000;">name<span style="color:#0000ff;">="keywords"<span style="color:#ff0000;"> content<span style="color:#0000ff;">="你,关键字,在这里,不使用空格,而用逗号进行分隔"<span style="color:#0000ff;">> <span style="color:#008000;"><!--<span style="color:#008000;"> 目前没有在任何搜索引擎中使用过的声明 <span style="color:#008000;">--> <span style="color:#0000ff;"><<span style="color:#800000;">meta <span style="color:#ff0000;">name<span style="color:#0000ff;">="revised"<span style="color:#ff0000;"> content<span style="color:#0000ff;">="Sunday, July 18th, 2010, 5:15 pm"<span style="color:#0000ff;">> <span style="color:#008000;"><!--<span style="color:#008000;"> 为垃圾邮件机器人收获 email 地址提供了一种简单的方式 <span style="color:#008000;">--> <span style="color:#0000ff;"><<span style="color:#800000;">meta <span style="color:#ff0000;">name<span style="color:#0000ff;">="reply-to"<span style="color:#ff0000;"> content<span style="color:#0000ff;">="email@example.com"<span style="color:#0000ff;">> <span style="color:#008000;"><!--<span style="color:#008000;"> 最好使用 <link rel="author"> 或 humans.txt 文件 <span style="color:#008000;">--> <span style="color:#0000ff;"><<span style="color:#800000;">meta <span style="color:#ff0000;">name<span style="color:#0000ff;">="author"<span style="color:#ff0000;"> content<span style="color:#0000ff;">="name, email@example.com"<span style="color:#0000ff;">> <span style="color:#0000ff;"><<span style="color:#800000;">meta <span style="color:#ff0000;">name<span style="color:#0000ff;">="designer"<span style="color:#ff0000;"> content<span style="color:#0000ff;">=""<span style="color:#0000ff;">> <span style="color:#0000ff;"><<span style="color:#800000;">meta <span style="color:#ff0000;">name<span style="color:#0000ff;">="owner"<span style="color:#ff0000;"> content<span style="color:#0000ff;">=""<span style="color:#0000ff;">> <span style="color:#008000;"><!--<span style="color:#008000;"> 告诉搜索机器人一段时间后重新访问该网页。这不支持，因为大多数搜索引擎使用随机时间间隔来重新抓取网页 <span style="color:#008000;">--> <span style="color:#0000ff;"><<span style="color:#800000;">meta <span style="color:#ff0000;">name<span style="color:#0000ff;">="revisit-after"<span style="color:#ff0000;"> content<span style="color:#0000ff;">="7 days"<span style="color:#0000ff;">> <span style="color:#008000;"><!--<span style="color:#008000;"> 在一段时间后将用户重定向到新的 URL <span style="color:#008000;">--> <span style="color:#008000;"><!--<span style="color:#008000;"> W3C 建议不要使用该标签。Google 建议使用服务器端的 301 重定向。<span style="color:#008000;">--> <span style="color:#0000ff;"><<span style="color:#800000;">meta <span style="color:#ff0000;">http-equiv<span style="color:#0000ff;">="refresh"<span style="color:#ff0000;"> content<span style="color:#0000ff;">="300; url=https://example.com/"<span style="color:#0000ff;">> <span style="color:#008000;"><!--<span style="color:#008000;"> 描述网站的主题 <span style="color:#008000;">--> <span style="color:#0000ff;"><<span style="color:#800000;">meta <span style="color:#ff0000;">name<span style="color:#0000ff;">="topic"<span style="color:#ff0000;"> content<span style="color:#0000ff;">=""<span style="color:#0000ff;">> <span style="color:#008000;"><!--<span style="color:#008000;"> 公司概要或网站目的 <span style="color:#008000;">--> <span style="color:#0000ff;"><<span style="color:#800000;">meta <span style="color:#ff0000;">name<span style="color:#0000ff;">="summary"<span style="color:#ff0000;"> content<span style="color:#0000ff;">=""<span style="color:#0000ff;">> <span style="color:#008000;"><!--<span style="color:#008000;"> 一个已废弃的标签，和关键词 meta 标签的作用相同 <span style="color:#008000;">--> <span style="color:#0000ff;"><<span style="color:#800000;">meta <span style="color:#ff0000;">name<span style="color:#0000ff;">="classification"<span style="color:#ff0000;"> content<span style="color:#0000ff;">="business"<span style="color:#0000ff;">> <span style="color:#008000;"><!--<span style="color:#008000;"> 是否是相同的 URL，年代久远且不支持 <span style="color:#008000;">--> <span style="color:#0000ff;"><<span style="color:#800000;">meta <span style="color:#ff0000;">name<span style="color:#0000ff;">="identifier-URL"<span style="color:#ff0000;"> content<span style="color:#0000ff;">="https://example.com/"<span style="color:#0000ff;">> <span style="color:#008000;"><!--<span style="color:#008000;"> 和关键词标签类似的功能 <span style="color:#008000;">--> <span style="color:#0000ff;"><<span style="color:#800000;">meta <span style="color:#ff0000;">name<span style="color:#0000ff;">="category"<span style="color:#ff0000;"> content<span style="color:#0000ff;">=""<span style="color:#0000ff;">> <span style="color:#008000;"><!--<span style="color:#008000;"> 确保你的网站在所有国家和语言中都能显示 <span style="color:#008000;">--> <span style="color:#0000ff;"><<span style="color:#800000;">meta <span style="color:#ff0000;">name<span style="color:#0000ff;">="coverage"<span style="color:#ff0000;"> content<span style="color:#0000ff;">="Worldwide"<span style="color:#0000ff;">> <span style="color:#008000;"><!--<span style="color:#008000;"> 和 coverage 标签相同 <span style="color:#008000;">--> <span style="color:#0000ff;"><<span style="color:#800000;">meta <span style="color:#ff0000;">name<span style="color:#0000ff;">="distribution"<span style="color:#ff0000;"> content<span style="color:#0000ff;">="Global"<span style="color:#0000ff;">> <span style="color:#008000;"><!--<span style="color:#008000;"> 控制在互联网上哪些用户可以访问 <span style="color:#008000;">--> <span style="color:#0000ff;"><<span style="color:#800000;">meta <span style="color:#ff0000;">http-equiv<span style="color:#0000ff;">="Pics-label"<span style="color:#ff0000;"> content<span style="color:#0000ff;">="value"<span style="color:#0000ff;">> <span style="color:#008000;"><!--<span style="color:#008000;"> 缓存控制 <span style="color:#008000;">--> <span style="color:#008000;"><!--<span style="color:#008000;"> 最好在服务器端配置缓存控制 <span style="color:#008000;">--> <span style="color:#0000ff;"><<span style="color:#800000;">meta <span style="color:#ff0000;">http-equiv<span style="color:#0000ff;">="Expires"<span style="color:#ff0000;"> content<span style="color:#0000ff;">="0"<span style="color:#0000ff;">> <span style="color:#0000ff;"><<span style="color:#800000;">meta <span style="color:#ff0000;">http-equiv<span style="color:#0000ff;">="Pragma"<span style="color:#ff0000;"> content<span style="color:#0000ff;">="no-cache"<span style="color:#0000ff;">> <span style="color:#0000ff;"><<span style="color:#800000;">meta <span style="color:#ff0000;">http-equiv<span style="color:#0000ff;">="Cache-Control"<span style="color:#ff0000;"> content<span style="color:#0000ff;">="no-cache"<span style="color:#0000ff;">></span></span></span></span></span></span></span></span></span></span></span></span></span></span></span></span></span></span></span></span></span></span></span></span></span></span></span></span></span></span></span></span></span></span></span></span></span></span></span></span></span></span></span></span></span></span></span></span></span></span></span></span></span></span></span></span></span></span></span></span></span></span></span></span></span></span></span></span></span></span></span></span></span></span></span></span></span></span></span></span></span></span></span></span></span></span></span></span></span></span></span></span></span></span></span></span></span></span></span></span></span></span></span></span></span></span></span></span></span></span></span></span></span></span></span></span></span></span></span></span></span></span></span></span></span></span></span></span></span></span></span></span></span></span></span></span></span></span></span></span></span></span></span></span></span></span></span></span></span></span></span></span></span></span></span></span></span></span></span></span></span></span></span></span></span></span></span></span></span></span></span></span></span></span></span></span></span></span></span></span></span></span></span></span></span></span></span></span></span></span></span></span></span></span></pre>
<div class="cnblogs_code_toolbar">
</div>
</div>
<h3>link 标签</h3>
<p>说到 link 标签，估计大家的第一反应和我一样，就是引入外部CSS样式文件的，不错，这是 link 标签最最常用的功能。不过它还有很多别的用处，比如这是浏览器 favicon 图标，touch图标等等。</p>
<div class="cnblogs_code">
<pre><span style="color:#008000;"><!--<span style="color:#008000;"> 有助于防止出现内容重复的问题 <span style="color:#008000;">-->
<span style="color:#0000ff;"><<span style="color:#800000;">link <span style="color:#ff0000;">rel<span style="color:#0000ff;">="canonical"<span style="color:#ff0000;"> href<span style="color:#0000ff;">="https://example.com/2010/06/9-things-to-do-before-entering-social-media.html"<span style="color:#0000ff;">> <span style="color:#008000;"><!--<span style="color:#008000;"> 之前用于包含 icon 链接，但已被废弃并不再使用 <span style="color:#008000;">--> <span style="color:#0000ff;"><<span style="color:#800000;">link <span style="color:#ff0000;">rel<span style="color:#0000ff;">="shortlink"<span style="color:#ff0000;"> href<span style="color:#0000ff;">="https://example.com/?p=42"<span style="color:#0000ff;">> <span style="color:#008000;"><!--<span style="color:#008000;"> 链接到当前文档的一个 AMP HTML 版本 <span style="color:#008000;">--> <span style="color:#0000ff;"><<span style="color:#800000;">link <span style="color:#ff0000;">rel<span style="color:#0000ff;">="amphtml"<span style="color:#ff0000;"> href<span style="color:#0000ff;">="https://example.com/path/to/amp-version.html"<span style="color:#0000ff;">> <span style="color:#008000;"><!--<span style="color:#008000;"> 表明一个 CSS 样式表 <span style="color:#008000;">--> <span style="color:#0000ff;"><<span style="color:#800000;">link <span style="color:#ff0000;">rel<span style="color:#0000ff;">="stylesheet"<span style="color:#ff0000;"> href<span style="color:#0000ff;">="https://example.com/styles.css"<span style="color:#0000ff;">> <span style="color:#008000;"><!--<span style="color:#008000;"> 链接到一个指定 Web 应用程序“安装”证书的 JSON 文件 <span style="color:#008000;">--> <span style="color:#0000ff;"><<span style="color:#800000;">link <span style="color:#ff0000;">rel<span style="color:#0000ff;">="manifest"<span style="color:#ff0000;"> href<span style="color:#0000ff;">="manifest.json"<span style="color:#0000ff;">> <span style="color:#008000;"><!--<span style="color:#008000;"> 链接到文档的作者 <span style="color:#008000;">--> <span style="color:#0000ff;"><<span style="color:#800000;">link <span style="color:#ff0000;">rel<span style="color:#0000ff;">="author"<span style="color:#ff0000;"> href<span style="color:#0000ff;">="humans.txt"<span style="color:#0000ff;">> <span style="color:#008000;"><!--<span style="color:#008000;"> 指向一个适用于链接内容的版权申明 <span style="color:#008000;">--> <span style="color:#0000ff;"><<span style="color:#800000;">link <span style="color:#ff0000;">rel<span style="color:#0000ff;">="copyright"<span style="color:#ff0000;"> href<span style="color:#0000ff;">="copyright.html"<span style="color:#0000ff;">> <span style="color:#008000;"><!--<span style="color:#008000;"> 给出可能的你的另一种语言的文档位置参考 <span style="color:#008000;">--> <span style="color:#0000ff;"><<span style="color:#800000;">link <span style="color:#ff0000;">rel<span style="color:#0000ff;">="alternate"<span style="color:#ff0000;"> href<span style="color:#0000ff;">="https://es.example.com/"<span style="color:#ff0000;"> hreflang<span style="color:#0000ff;">="es"<span style="color:#0000ff;">> <span style="color:#008000;"><!--<span style="color:#008000;"> 提供了关于作者或其他人的信息 <span style="color:#008000;">--> <span style="color:#0000ff;"><<span style="color:#800000;">link <span style="color:#ff0000;">rel<span style="color:#0000ff;">="me"<span style="color:#ff0000;"> href<span style="color:#0000ff;">="https://google.com/profiles/thenextweb"<span style="color:#ff0000;"> type<span style="color:#0000ff;">="text/html"<span style="color:#0000ff;">> <span style="color:#0000ff;"><<span style="color:#800000;">link <span style="color:#ff0000;">rel<span style="color:#0000ff;">="me"<span style="color:#ff0000;"> href<span style="color:#0000ff;">="mailto:name@example.com"<span style="color:#0000ff;">> <span style="color:#0000ff;"><<span style="color:#800000;">link <span style="color:#ff0000;">rel<span style="color:#0000ff;">="me"<span style="color:#ff0000;"> href<span style="color:#0000ff;">="sms:+15035550125"<span style="color:#0000ff;">> <span style="color:#008000;"><!--<span style="color:#008000;"> 链接到一个文档，包含当前文档的一个归档链接 <span style="color:#008000;">--> <span style="color:#0000ff;"><<span style="color:#800000;">link <span style="color:#ff0000;">rel<span style="color:#0000ff;">="archives"<span style="color:#ff0000;"> href<span style="color:#0000ff;">="https://example.com/2003/05/"<span style="color:#ff0000;"> title<span style="color:#0000ff;">="May 2003"<span style="color:#0000ff;">> <span style="color:#008000;"><!--<span style="color:#008000;"> 链接到层次结构中的顶级资源 <span style="color:#008000;">--> <span style="color:#0000ff;"><<span style="color:#800000;">link <span style="color:#ff0000;">rel<span style="color:#0000ff;">="index"<span style="color:#ff0000;"> href<span style="color:#0000ff;">="https://example.com/"<span style="color:#ff0000;"> title<span style="color:#0000ff;">="DeWitt Clinton"<span style="color:#0000ff;">> <span style="color:#008000;"><!--<span style="color:#008000;"> 给出该文档的起点 <span style="color:#008000;">--> <span style="color:#0000ff;"><<span style="color:#800000;">link <span style="color:#ff0000;">rel<span style="color:#0000ff;">="start"<span style="color:#ff0000;"> href<span style="color:#0000ff;">="https://example.com/photos/pattern_recognition_1_about/"<span style="color:#ff0000;"> title<span style="color:#0000ff;">="Pattern Recognition 1"<span style="color:#0000ff;">> <span style="color:#008000;"><!--<span style="color:#008000;"> 引导当前文档的前述资源序列 <span style="color:#008000;">--> <span style="color:#0000ff;"><<span style="color:#800000;">link <span style="color:#ff0000;">rel<span style="color:#0000ff;">="prev"<span style="color:#ff0000;"> href<span style="color:#0000ff;">="https://example.com/opensearch/opensearch-and-openid-a-sure-way-to-get-my-attention/"<span style="color:#ff0000;"> <br>title<span style="color:#0000ff;">="OpenSearch and OpenID? A sure way to get my attention."<span style="color:#0000ff;">> <span style="color:#008000;"><!--<span style="color:#008000;"> 给出一个自我参考 - 当文档有多个可能的参考时非常有用 <span style="color:#008000;">--> <span style="color:#0000ff;"><<span style="color:#800000;">link <span style="color:#ff0000;">rel<span style="color:#0000ff;">="self"<span style="color:#ff0000;"> type<span style="color:#0000ff;">="application/atom+xml"<span style="color:#ff0000;"> href<span style="color:#0000ff;">="https://example.com/atomFeed.php?page=3"<span style="color:#0000ff;">> <span style="color:#008000;"><!--<span style="color:#008000;"> 分别是在一系列文件中的第一个、下一个、上一个和最后一个 <span style="color:#008000;">--> <span style="color:#0000ff;"><<span style="color:#800000;">link <span style="color:#ff0000;">rel<span style="color:#0000ff;">="first"<span style="color:#ff0000;"> href<span style="color:#0000ff;">="https://example.com/atomFeed.php"<span style="color:#0000ff;">> <span style="color:#0000ff;"><<span style="color:#800000;">link <span style="color:#ff0000;">rel<span style="color:#0000ff;">="next"<span style="color:#ff0000;"> href<span style="color:#0000ff;">="https://example.com/atomFeed.php?page=4"<span style="color:#0000ff;">> <span style="color:#0000ff;"><<span style="color:#800000;">link <span style="color:#ff0000;">rel<span style="color:#0000ff;">="previous"<span style="color:#ff0000;"> href<span style="color:#0000ff;">="https://example.com/atomFeed.php?page=2"<span style="color:#0000ff;">> <span style="color:#0000ff;"><<span style="color:#800000;">link <span style="color:#ff0000;">rel<span style="color:#0000ff;">="last"<span style="color:#ff0000;"> href<span style="color:#0000ff;">="https://example.com/atomFeed.php?page=147"> <!-- 当使用第三方服务来维护 blog 时使用 --> <link rel="EditURI" href="https://example.com/xmlrpc.php?rsd" type="application/rsd+xml" title="RSD"> <!-- 当另一个 WordPress 博客链接到你的 WordPress 博客或文章时形成一个自动化的评论 --> <link rel="pingback" href="https://example.com/xmlrpc.php"> <!-- 当你在自己的页面上链接到一个 url 时通知它 --> <link rel="webmention" href="https://example.com/webmention"> <!-- 加载一个外部的 HTML 文件到当前 HTML 文件中 --> <link rel="import" href="component.html"> <!-- 打开搜索 --> <link rel="search" href="/open-search.xml" type="application/opensearchdescription+xml" title="Search Title"> <!-- Feeds --> <link rel="alternate" href="https://feeds.feedburner.com/example" type="application/rss+xml" title="RSS"> <link rel="alternate" href="https://example.com/feed.atom" type="application/atom+xml" title="Atom 0.3"> <!-- 预取，预载，预浏览 --> <link rel="dns-prefetch" href="//example.com/"> <link rel="preconnect" href="https://www.example.com/"> <link rel="prefetch" href="https://www.example.com/"> <link rel="prerender" href="https://example.com/"> <link rel="preload" href="image.png" as="image"> <!-- 更多信息：https://css-tricks.com/prefetching-preloading-prebrowsing/ --></span></span></span></span></span></span></span></span></span></span></span></span></span></span></span></span></span></span></span></span></span></span></span></span></span></span></span></span></span></span></span></span></span></span></span></span></span></span></span></span></span></span></span></span></span></span></span></span></span></span></span></span></span></span></span></span></span></span></span></span></span></span></span></span></span></span></span></span></span></span></span></span></span></span></span></span></span></span></span></span></span></span></span></span></span></span></span></span></span></span></span></span></span></span></span></span></span></span></span></span></span></span></span></span></span></span></span></span></span></span></span></span></span></span></span></span></span></span></span></span></span></span></span></span></span></span></span></span></span></span></span></span></span></span></span></span></span></span></span></span></span></span></span></span></span></span></span></span></span></span></span></span></span></span></span></span></span></span></span></span></span></span></span></span></span></span></span></span></span></span></span></span></span></span></span></span></span></span></span></span></span></span></span></span></span></span></span></span></span></span></span></span></span></span></span></span></span></span></pre>
<div class="cnblogs_code_toolbar">
</div>
</div>
<h4>rss订阅</h4>
<div class="cnblogs_code">
<pre><span style="color:#0000ff;"><<span style="color:#800000;">link <span style="color:#ff0000;">rel<span style="color:#0000ff;">="alternate"<span style="color:#ff0000;"> type<span style="color:#0000ff;">="application/rss+xml"<span style="color:#ff0000;"> title<span style="color:#0000ff;">="RSS"<span style="color:#ff0000;"> href<span style="color:#0000ff;">="/rss.xml" <span style="color:#0000ff;">/> <span style="color:#008000;"><!--<span style="color:#008000;"> 添加 RSS 订阅 <span style="color:#008000;">--></span></span></span></span></span></span></span></span></span></span></span></span></span></span></pre>
</div>
<h4>不推荐的link标签</h4>
<p>以下是不推荐使用的链接关系：</p>
<div class="cnblogs_code">
<pre><span style="color:#0000ff;"><<span style="color:#800000;">link <span style="color:#ff0000;">rel<span style="color:#0000ff;">="shortcut icon"<span style="color:#ff0000;"> href<span style="color:#0000ff;">="path/to/favicon.ico"<span style="color:#0000ff;">> <span style="color:#008000;"><!--<span style="color:#008000;"> 没有用的, 专有的和错误的, 详见 <br>https://groups.google.com/a/chromium.org/forum/#!msg/blink-dev/Y_2eFRh9BOs/gULYapoRBwAJ <span style="color:#008000;">--> <span style="color:#0000ff;"><<span style="color:#800000;">link <span style="color:#ff0000;">rel<span style="color:#0000ff;">="subresource"<span style="color:#ff0000;"> href<span style="color:#0000ff;">="styles.css"<span style="color:#0000ff;">></span></span></span></span></span></span></span></span></span></span></span></span></span></span></span></span></span></pre>
</div>
<h4>favicon 图标</h4>
<p>IE 11, Chrome, Firefox, Safari, Opera支持<code><link></code>形式设置：</p>
<div class="cnblogs_code">
<pre><span style="color:#0000ff;"><<span style="color:#800000;">link <span style="color:#ff0000;">rel<span style="color:#0000ff;">="icon"<span style="color:#ff0000;"> href<span style="color:#0000ff;">="path/to/favicon-16.png"<span style="color:#ff0000;"> sizes<span style="color:#0000ff;">="16x16"<span style="color:#ff0000;"> type<span style="color:#0000ff;">="image/png"<span style="color:#0000ff;">> <span style="color:#0000ff;"><<span style="color:#800000;">link <span style="color:#ff0000;">rel<span style="color:#0000ff;">="icon"<span style="color:#ff0000;"> href<span style="color:#0000ff;">="path/to/favicon-32.png"<span style="color:#ff0000;"> sizes<span style="color:#0000ff;">="32x32"<span style="color:#ff0000;"> type<span style="color:#0000ff;">="image/png"<span style="color:#0000ff;">> <span style="color:#0000ff;"><<span style="color:#800000;">link <span style="color:#ff0000;">rel<span style="color:#0000ff;">="icon"<span style="color:#ff0000;"> href<span style="color:#0000ff;">="path/to/favicon-48.png"<span style="color:#ff0000;"> sizes<span style="color:#0000ff;">="48x48"<span style="color:#ff0000;"> type<span style="color:#0000ff;">="image/png"<span style="color:#0000ff;">> <span style="color:#0000ff;"><<span style="color:#800000;">link <span style="color:#ff0000;">rel<span style="color:#0000ff;">="icon"<span style="color:#ff0000;"> href<span style="color:#0000ff;">="path/to/favicon-62.png"<span style="color:#ff0000;"> sizes<span style="color:#0000ff;">="62x62"<span style="color:#ff0000;"> type<span style="color:#0000ff;">="image/png"<span style="color:#0000ff;">> <span style="color:#0000ff;"><<span style="color:#800000;">link <span style="color:#ff0000;">rel<span style="color:#0000ff;">="icon"<span style="color:#ff0000;"> href<span style="color:#0000ff;">="path/to/favicon-192.png"<span style="color:#ff0000;"> sizes<span style="color:#0000ff;">="192x192"<span style="color:#ff0000;"> type<span style="color:#0000ff;">="image/png"<span style="color:#0000ff;">></span></span></span></span></span></span></span></span></span></span></span></span></span></span></span></span></span></span></span></span></span></span></span></span></span></span></span></span></span></span></span></span></span></span></span></span></span></span></span></span></span></span></span></span></span></span></span></span></span></span></span></span></span></span></span></pre>
</div>
<p>注意：对于IE 10及以下版本不支持<code><link></code>形式设置，只通过将命名为<code>favicon.ico</code>的文件放置在网站根目录中实现。</p>
<h2>浏览器及平台详细说明</h2>
<h3>QQ 浏览器（X5 内核）</h3>
<p>QQ 浏览器（X5 内核）同样适用于微信，QQ等第三方应用页面开发。</p>
<div class="cnblogs_code">
<pre><span style="color:#008000;"><!--<span style="color:#008000;"> 设置锁定横屏、竖屏显示模式，portrait（横屏），landscape（竖屏）<span style="color:#008000;">-->
<span style="color:#0000ff;"><<span style="color:#800000;">meta <span style="color:#ff0000;">name<span style="color:#0000ff;">="x5-orientation"<span style="color:#ff0000;"> content<span style="color:#0000ff;">="portrait|landscape"<span style="color:#0000ff;">> <span style="color:#008000;"><!--<span style="color:#008000;"> 设置全屏显示页面 <span style="color:#008000;">--> <span style="color:#0000ff;"><<span style="color:#800000;">meta <span style="color:#ff0000;">name<span style="color:#0000ff;">="x5-fullscreen"<span style="color:#ff0000;"> content<span style="color:#0000ff;">="true"<span style="color:#0000ff;">> <span style="color:#008000;"><!--<span style="color:#008000;"> 开启页面以应用模式显示（全屏显示等） <span style="color:#008000;">--> <span style="color:#0000ff;"><<span style="color:#800000;">meta <span style="color:#ff0000;">name<span style="color:#0000ff;">="x5-page-mode"<span style="color:#ff0000;"> content<span style="color:#0000ff;">="app"<span style="color:#0000ff;">></span></span></span></span></span></span></span></span></span></span></span></span></span></span></span></span></span></span></span></span></span></span></span></span></span></span></span></span></span></span></pre>
<div class="cnblogs_code_toolbar">
</div>
</div>
<h3>360浏览器</h3>
<p>设置 360 浏览器渲染模式：<code>webkit</code> 为极速内核，<code>ie-comp</code> 为 IE 兼容内核，<code>ie-stand</code> 为 IE 标准内核。</p>
<div class="cnblogs_code">
<pre><span style="color:#0000ff;"><<span style="color:#800000;">meta <span style="color:#ff0000;">name<span style="color:#0000ff;">="renderer"<span style="color:#ff0000;"> content<span style="color:#0000ff;">="webkit|ie-comp|ie-stand"<span style="color:#0000ff;">></span></span></span></span></span></span></span></pre>
</div>
<p>360 浏览器就会在读取到这个标签后，立即切换对应的极速核。 另外为了保险起见再加入</p>
<div class="cnblogs_code">
<pre><span style="color:#0000ff;"><<span style="color:#800000;">meta <span style="color:#ff0000;">http-equiv<span style="color:#0000ff;">="X-UA-Compatible"<span style="color:#ff0000;"> content<span style="color:#0000ff;">="IE=Edge,chrome=1"<span style="color:#0000ff;">></span></span></span></span></span></span></span></pre>
</div>
<p>这样写可以达到的效果是如果安装了 Google Chrome Frame，则使用 GCF 来渲染页面，如果没有安装 GCF，则使用最高版本的 IE 内核进行渲染。</p>
<h3>UC 浏览器</h3>
<h4>设置屏幕方向</h4>
<p>portrait 为横屏，landscape 为竖屏。</p>
<div class="cnblogs_code">
<pre><span style="color:#0000ff;"><<span style="color:#800000;">meta <span style="color:#ff0000;">name<span style="color:#0000ff;">="screen-orientation"<span style="color:#ff0000;"> content<span style="color:#0000ff;">="portrait|landscape"<span style="color:#0000ff;">></span></span></span></span></span></span></span></pre>
</div>
<h4>设置全屏</h4>
<div class="cnblogs_code">
<pre><span style="color:#0000ff;"><<span style="color:#800000;">meta <span style="color:#ff0000;">name<span style="color:#0000ff;">="full-screen"<span style="color:#ff0000;"> content<span style="color:#0000ff;">="yes"<span style="color:#0000ff;">></span></span></span></span></span></span></span></pre>
</div>
<h4>设置适应屏幕排版（缩放是否显示滚动条）</h4>
<p>UC 浏览器在标准排版效果实现的基础上，提供适应屏幕的排版方式，当设置为 uc-fitscreen=yes，页面进行缩放操作时，仅放大图片和文字等元素，但不放大屏幕宽度，保持不出现水平（横向）滚动条。</p>
<div class="cnblogs_code">
<pre><span style="color:#0000ff;"><<span style="color:#800000;">meta <span style="color:#ff0000;">name<span style="color:#0000ff;">="viewport"<span style="color:#ff0000;"> content<span style="color:#0000ff;">="uc-fitscreen=no|yes"<span style="color:#0000ff;">></span></span></span></span></span></span></span></pre>
</div>
<h4>排版模式</h4>
<p>UC 浏览器提供两种排版模式，分别是适屏模式（fitscreen）及标准模式（standard），其中适屏模式简化了一些页面的处理，使得页面内容更适合进行页面阅读、节省流量及响应更快，而标准模式则能按照标准规范对页面进行排版及渲染。</p>
<div class="cnblogs_code">
<pre><span style="color:#0000ff;"><<span style="color:#800000;">meta <span style="color:#ff0000;">name<span style="color:#0000ff;">="layoutmode"<span style="color:#ff0000;"> content<span style="color:#0000ff;">="fitscreen|standard"<span style="color:#0000ff;">></span></span></span></span></span></span></span></pre>
</div>
<h4>夜间模式</h4>
<p>可以帮助用户在低亮度或黑暗情况下更舒适的进行页面浏览。由于基于网页的应用愈加复杂，由浏览器实现的单一夜间模式不一定能够适应所有情况(例如游戏应用)，因此 UC 浏览器允许网页设计者对其设计的页面禁用浏览器的夜间模式，自行设计更适合用户使用的夜间模式。</p>
<p>注意：页面内的 frame/iframe 中的夜间模式的 meta 不生效。</p>
<div class="cnblogs_code">
<pre><span style="color:#0000ff;"><<span style="color:#800000;">meta <span style="color:#ff0000;">name<span style="color:#0000ff;">="nightmode"<span style="color:#ff0000;"> content<span style="color:#0000ff;">="enable|disable"<span style="color:#0000ff;">></span></span></span></span></span></span></span></pre>
</div>
<h4>整页图片强制显示</h4>
<p>为了节省流量及加快速度，UC 为用户提供了无图模式，在实际使用中存在页面中的图片是不可缺少的，例如验证码，地图等。通过强制图片显示的功能可以保证图片显示不受用户的设置影响。</p>
<p>**注意：整页图片强制显示仅对当前页面生效，对页面内的 frame/iframe 不生效，也不影响前进后退的页面</p>
<div class="cnblogs_code">
<pre><span style="color:#0000ff;"><<span style="color:#800000;">meta <span style="color:#ff0000;">name<span style="color:#0000ff;">="imagemode"<span style="color:#ff0000;"> content<span style="color:#0000ff;">="force"<span style="color:#0000ff;">></span></span></span></span></span></span></span></pre>
</div>
<h4>开启应用模式</h4>
<div class="cnblogs_code">
<pre><span style="color:#0000ff;"><<span style="color:#800000;">meta <span style="color:#ff0000;">name<span style="color:#0000ff;">="browsermode"<span style="color:#ff0000;"> content<span style="color:#0000ff;">="application"<span style="color:#0000ff;">></span></span></span></span></span></span></span></pre>
</div>
<p>应用模式是为方便 Web 应用及游戏开发者设置的综合开关，通过meta标签进行指示打开，当进入应用模式时，浏览器将自动调整以下参数:</p>
<table style="width:537px;">
<thead>
<tr>
<th style="text-align:center;">参数</th>
<th align="center">状态</th>
<th>说明</th>
</tr>
</thead>
<tbody>
<tr>
<td>全屏</td>
<td align="center">生效</td>
<td>可通过 <code>meta</code> 或 JS API 调用退出全屏</td>
</tr>
<tr>
<td>长按菜单</td>
<td align="center">失效</td>
<td>可通过 JS API 调用重新生效</td>
</tr>
<tr>
<td>浏览器默认手势</td>
<td align="center">失效</td>
<td>可通过 JS API 调用重新生效</td>
</tr>
<tr>
<td>排版模式</td>
<td align="center">标准模式</td>
<td>可通过 <code>meta</code> 或 JS API 调用设置其他排版模式</td>
</tr>
<tr>
<td>强制图片显示</td>
<td align="center">生效</td>
<td>/</td>
</tr>
<tr>
<td>夜间模式</td>
<td align="center">失效</td>
<td>可通过 <code>meta</code> 或 JS API 调用启用夜间模式</td>
</tr>
</tbody>
</table>
<h4>缩放字体</h4>
<p>例如：禁用的 UC 浏览器的字体缩放功能</p>
<div class="cnblogs_code">
<pre><span style="color:#0000ff;"><<span style="color:#800000;">meta <span style="color:#ff0000;">name<span style="color:#0000ff;">="wap-font-scale"<span style="color:#ff0000;"> content<span style="color:#0000ff;">="no"<span style="color:#0000ff;">></span></span></span></span></span></span></span></pre>
</div>
<h3>Apple iOS原生浏览器</h3>
<h4>添加智能 App 广告条</h4>
<p>告诉浏览器这个网站对应的app，并在页面上显示下载banner，需要注意的是Smart App Banners标签不能用在frame框架内部，否则不起作用。</p>
<p>其中app-id(必须), affiliate-data (可选), app-argument (可选)</p>
<div class="cnblogs_code">
<pre><span style="color:#0000ff;"><<span style="color:#800000;">meta <span style="color:#ff0000;">name<span style="color:#0000ff;">="apple-itunes-app"<span style="color:#ff0000;"> content<span style="color:#0000ff;">="app-id=APP_ID,affiliate-data=AFFILIATE_ID,app-argument=SOME_TEXT"<span style="color:#0000ff;">></span></span></span></span></span></span></span></pre>
</div>
<p>例如Digg的写法：</p>
<div class="cnblogs_code">
<pre><span style="color:#0000ff;"><<span style="color:#800000;">meta <span style="color:#ff0000;">name<span style="color:#0000ff;">="apple-itunes-app"<span style="color:#ff0000;"> content<span style="color:#0000ff;">="app-id=362872995, affiliate-data=bevbOqLt02I, app-argument=digg://"<span style="color:#0000ff;">></span></span></span></span></span></span></span></pre>
</div>
<h4>忽略数字自动识别为电话号码</h4>
<div class="cnblogs_code">
<pre><span style="color:#0000ff;"><<span style="color:#800000;">meta <span style="color:#ff0000;">name<span style="color:#0000ff;">="format-detection"<span style="color:#ff0000;"> content<span style="color:#0000ff;">="telephone=no"<span style="color:#0000ff;">></span></span></span></span></span></span></span></pre>
</div>
<h4>启用 WebApp 全屏模式</h4>
<div class="cnblogs_code">
<pre><span style="color:#0000ff;"><<span style="color:#800000;">meta <span style="color:#ff0000;">name<span style="color:#0000ff;">="apple-mobile-web-app-capable"<span style="color:#ff0000;"> content<span style="color:#0000ff;">="yes"<span style="color:#0000ff;">></span></span></span></span></span></span></span></pre>
</div>
<h5>添加到主屏后设置状态栏的背景颜色</h5>
<div class="cnblogs_code">
<pre><span style="color:#0000ff;"><<span style="color:#800000;">meta <span style="color:#ff0000;">name<span style="color:#0000ff;">="apple-mobile-web-app-status-bar-style"<span style="color:#ff0000;"> content<span style="color:#0000ff;">="black"<span style="color:#0000ff;">></span></span></span></span></span></span></span></pre>
</div>
<p>只有在 “apple-mobile-web-app-capable” content=”yes” 时生效。</p>
<ul>
<li>如果设置为 default 或 black ，网页内容从状态栏底部开始。</li>
<li>如果设置为 black-translucent ，网页内容充满整个屏幕，顶部会被状态栏遮挡。</li>
</ul>
<h5>添加到主屏后的标题（iOS 6 新增）</h5>
<div class="cnblogs_code">
<pre><span style="color:#0000ff;"><<span style="color:#800000;">meta <span style="color:#ff0000;">name<span style="color:#0000ff;">="apple-mobile-web-app-title"<span style="color:#ff0000;"> content<span style="color:#0000ff;">="App Title"<span style="color:#0000ff;">></span></span></span></span></span></span></span></pre>
</div>
<h4>iOS 图标</h4>
<p>图片自动处理成圆角和高光等效果。</p>
<div class="cnblogs_code">
<pre><span style="color:#0000ff;"><<span style="color:#800000;">link <span style="color:#ff0000;">rel<span style="color:#0000ff;">="apple-touch-icon"<span style="color:#ff0000;"> href<span style="color:#0000ff;">="path/to/apple-touch-icon.png"<span style="color:#0000ff;">></span></span></span></span></span></span></span></pre>
</div>
<p>禁止系统自动添加效果，直接显示设计原图。</p>
<div class="cnblogs_code">
<pre><span style="color:#0000ff;"><<span style="color:#800000;">link <span style="color:#ff0000;">rel<span style="color:#0000ff;">="apple-touch-icon-precomposed"<span style="color:#ff0000;"> href<span style="color:#0000ff;">="path/to/apple-touch-icon-precomposed.png"<span style="color:#0000ff;">></span></span></span></span></span></span></span></pre>
</div>
<p>iOS 8+ 不再支持 precomposed, 只有 apple-touch-icon 是必须的<br>在大多数情况下，在head中一个180×180px的图标就足够了。如果您想要由设备确定的唯一图标，请使用不同大小的图标。</p>
<div class="cnblogs_code">
<pre><span style="color:#0000ff;"><<span style="color:#800000;">link <span style="color:#ff0000;">rel<span style="color:#0000ff;">="apple-touch-icon"<span style="color:#ff0000;"> sizes<span style="color:#0000ff;">="57x57"<span style="color:#ff0000;"> href<span style="color:#0000ff;">="path/to/icon@57.png"<span style="color:#0000ff;">> <span style="color:#0000ff;"><<span style="color:#800000;">link <span style="color:#ff0000;">rel<span style="color:#0000ff;">="apple-touch-icon"<span style="color:#ff0000;"> sizes<span style="color:#0000ff;">="72x72"<span style="color:#ff0000;"> href<span style="color:#0000ff;">="path/to/icon@72.png"<span style="color:#0000ff;">> <span style="color:#0000ff;"><<span style="color:#800000;">link <span style="color:#ff0000;">rel<span style="color:#0000ff;">="apple-touch-icon"<span style="color:#ff0000;"> sizes<span style="color:#0000ff;">="114x114"<span style="color:#ff0000;"> href<span style="color:#0000ff;">="path/to/icon@114.png"<span style="color:#0000ff;">> <span style="color:#0000ff;"><<span style="color:#800000;">link <span style="color:#ff0000;">rel<span style="color:#0000ff;">="apple-touch-icon"<span style="color:#ff0000;"> sizes<span style="color:#0000ff;">="144x144"<span style="color:#ff0000;"> href<span style="color:#0000ff;">="path/to/icon@144.png"<span style="color:#0000ff;">></span></span></span></span></span></span></span></span></span></span></span></span></span></span></span></span></span></span></span></span></span></span></span></span></span></span></span></span></span></span></span></span></span></span></span></span></pre>
</div>
<h4>启动画面 ( 不赞成使用 )</h4>
<p>iPad 的启动画面是不包括状态栏区域的，iPhone 和 iPod touch 的启动画面是包含状态栏区域的</p>
<div class="cnblogs_code">
<pre><span style="color:#0000ff;"><<span style="color:#800000;">link <span style="color:#ff0000;">rel<span style="color:#0000ff;">="apple-touch-startup-image"<span style="color:#ff0000;"> href<span style="color:#0000ff;">="path/to/startup.png"<span style="color:#0000ff;">></span></span></span></span></span></span></span></pre>
</div>
<h4>iOS 应用深度链接</h4>
<div class="cnblogs_code">
<pre><span style="color:#0000ff;"><<span style="color:#800000;">meta <span style="color:#ff0000;">name<span style="color:#0000ff;">="apple-itunes-app"<span style="color:#ff0000;"> content<span style="color:#0000ff;">="app-id=APP-ID, app-argument=http/url-sample.com"<span style="color:#0000ff;">> <span style="color:#0000ff;"><<span style="color:#800000;">link <span style="color:#ff0000;">rel<span style="color:#0000ff;">="alternate"<span style="color:#ff0000;"> href<span style="color:#0000ff;">="ios-app://APP-ID/http/url-sample.com"<span style="color:#0000ff;">></span></span></span></span></span></span></span></span></span></span></span></span></span></span></pre>
</div>
<h3>Google Android原生浏览器</h3>
<h4>标签页选项卡颜色</h4>
<p>Android Lollipop 中的 Chrome 39 增加 theme-color meta 标签，用来控制选项卡颜色。</p>
<div class="cnblogs_code">
<pre><span style="color:#0000ff;"><<span style="color:#800000;">meta <span style="color:#ff0000;">name<span style="color:#0000ff;">="theme-color"<span style="color:#ff0000;"> content<span style="color:#0000ff;">="#db5945"<span style="color:#0000ff;">></span></span></span></span></span></span></span></pre>
</div>
<h4>添加到主屏</h4>
<div class="cnblogs_code">
<pre><span style="color:#008000;"><!--<span style="color:#008000;"> 添加到主屏 <span style="color:#008000;">-->
<span style="color:#0000ff;"><<span style="color:#800000;">meta <span style="color:#ff0000;">name<span style="color:#0000ff;">="mobile-web-app-capable"<span style="color:#ff0000;"> content<span style="color:#0000ff;">="yes"<span style="color:#0000ff;">></span></span></span></span></span></span></span></span></span></span></pre>
</div>
<h4>安卓应用深度链接（网页上唤起应用）</h4>
<div class="cnblogs_code">
<pre><span style="color:#008000;"><!--<span style="color:#008000;"> Android app deep linking <span style="color:#008000;">-->
<span style="color:#0000ff;"><<span style="color:#800000;">meta <span style="color:#ff0000;">name<span style="color:#0000ff;">="google-play-app"<span style="color:#ff0000;"> content<span style="color:#0000ff;">="app-id=package-name"<span style="color:#0000ff;">> <span style="color:#0000ff;"><<span style="color:#800000;">link <span style="color:#ff0000;">rel<span style="color:#0000ff;">="alternate"<span style="color:#ff0000;"> href<span style="color:#0000ff;">="android-app://package-name/http/url-sample.com"<span style="color:#0000ff;">></span></span></span></span></span></span></span></span></span></span></span></span></span></span></span></span></span></pre>
</div>
<p>注：貌似没测试成功，如果你知道如何正确设置，欢迎留言斧正。</p>
<h3>Apple Safari 浏览器</h3>
<p>Safari 10开始支持固定书签页的SVG favicons了，你可以这样使用：</p>
<div class="cnblogs_code">
<pre><span style="color:#008000;"><!--<span style="color:#008000;"> Pinned Site <span style="color:#008000;">-->
<span style="color:#0000ff;"><<span style="color:#800000;">link <span style="color:#ff0000;">rel<span style="color:#0000ff;">="mask-icon"<span style="color:#ff0000;"> href<span style="color:#0000ff;">="path/to/icon.svg"<span style="color:#ff0000;"> color<span style="color:#0000ff;">="red"<span style="color:#0000ff;">></span></span></span></span></span></span></span></span></span></span></span></span></pre>
</div>
<p>类似的效果</p>
<h3>Google Chrome浏览器</h3>
<h4>关闭chrome浏览器下翻译插件</h4>
<p>有些时候感觉chrome浏览器下翻译插件很烦人，可以通过下面的代码禁用它。</p>
<div class="cnblogs_code">
<pre><span style="color:#0000ff;"><<span style="color:#800000;">meta <span style="color:#ff0000;">name<span style="color:#0000ff;">="google"<span style="color:#ff0000;"> value<span style="color:#0000ff;">="notranslate" <span style="color:#0000ff;">/><span style="font-family:verdana, Arial, Helvetica, sans-serif;font-size:14px;line-height:1.5;"> </span></span></span></span></span></span></span></span></pre>
</div>
<h4>chrome浏览器插件安装</h4>
<p>有时候，你需要在你的页面上点击某个安卓，直接安卓你的chrome浏览器插件，而不是链接到Chrome webstore 的详细地址再安装，那么你可以使用：</p>
<div class="cnblogs_code">
<pre><span style="color:#0000ff;"><<span style="color:#800000;">link <span style="color:#ff0000;">rel<span style="color:#0000ff;">="chrome-webstore-item"<span style="color:#ff0000;"> href<span style="color:#0000ff;">="https://chrome.google.com/webstore/detail/APP_ID"<span style="color:#0000ff;">></span></span></span></span></span></span></span></pre>
</div>
<h3>Google Chrome Mobile (只针对 Android)</h3>
<p>从 Chrome 31 开始，你可以设置你的 Web 应用为“app mode”，如 Safari。</p>
<div class="cnblogs_code">
<pre><span style="color:#008000;"><!--<span style="color:#008000;"> 链接到一个 manifest 并定义 manifest 的元数据。<span style="color:#008000;">-->
<span style="color:#008000;"><!--<span style="color:#008000;"> manifest.json 中的例子也可以通过以下链接找到。<span style="color:#008000;">--> <span style="color:#0000ff;"><<span style="color:#800000;">link <span style="color:#ff0000;">rel<span style="color:#0000ff;">="manifest"<span style="color:#ff0000;"> href<span style="color:#0000ff;">="manifest.json"<span style="color:#0000ff;">> <span style="color:#008000;"><!--<span style="color:#008000;"> 定义你的网页为 Web 应用 <span style="color:#008000;">--> <span style="color:#0000ff;"><<span style="color:#800000;">meta <span style="color:#ff0000;">name<span style="color:#0000ff;">="mobile-web-app-capable"<span style="color:#ff0000;"> content<span style="color:#0000ff;">="yes"<span style="color:#0000ff;">> <span style="color:#008000;"><!--<span style="color:#008000;"> 第一个是官方推荐格式。<span style="color:#008000;">--> <span style="color:#0000ff;"><<span style="color:#800000;">link <span style="color:#ff0000;">rel<span style="color:#0000ff;">="icon"<span style="color:#ff0000;"> sizes<span style="color:#0000ff;">="192x192"<span style="color:#ff0000;"> href<span style="color:#0000ff;">="nice-highres.png"<span style="color:#0000ff;">> <span style="color:#0000ff;"><<span style="color:#800000;">link <span style="color:#ff0000;">rel<span style="color:#0000ff;">="icon"<span style="color:#ff0000;"> sizes<span style="color:#0000ff;">="128x128"<span style="color:#ff0000;"> href<span style="color:#0000ff;">="niceicon.png"<span style="color:#0000ff;">> <span style="color:#008000;"><!--<span style="color:#008000;"> 所有带 apple 前缀的格式已废弃，所以不要使用它们。<span style="color:#008000;">--> <span style="color:#0000ff;"><<span style="color:#800000;">link <span style="color:#ff0000;">rel<span style="color:#0000ff;">="apple-touch-icon"<span style="color:#ff0000;"> sizes<span style="color:#0000ff;">="128x128"<span style="color:#ff0000;"> href<span style="color:#0000ff;">="niceicon.png"<span style="color:#0000ff;">> <span style="color:#0000ff;"><<span style="color:#800000;">link <span style="color:#ff0000;">rel<span style="color:#0000ff;">="apple-touch-icon-precomposed"<span style="color:#ff0000;"> sizes<span style="color:#0000ff;">="128x128"<span style="color:#ff0000;"> href<span style="color:#0000ff;">="niceicon.png"<span style="color:#0000ff;">></span></span></span></span></span></span></span></span></span></span></span></span></span></span></span></span></span></span></span></span></span></span></span></span></span></span></span></span></span></span></span></span></span></span></span></span></span></span></span></span></span></span></span></span></span></span></span></span></span></span></span></span></span></span></span></span></span></span></span></span></span></span></span></span></span></pre>
<div class="cnblogs_code_toolbar">
</div>
</div>
<h3>Internet Explorer浏览器</h3>
<h4>模式设置</h4>
<div class="cnblogs_code">
<pre><span style="color:#000000;">//IE8以下以IE7标准模式呈现网页，而IE9则以IE9的标准模式呈现网页：
<span style="color:#0000ff;"><<span style="color:#800000;">meta <span style="color:#ff0000;">http-equiv<span style="color:#0000ff;">="X-UA-Compatible"<span style="color:#ff0000;"> content<span style="color:#0000ff;">="IE=EmulateIE7; IE=EmulateIE9"<span style="color:#0000ff;">><span style="color:#000000;"> //如果安装了GCF，则使用GCF来渲染页面（"chrome=1"）， //如果没有安装GCF，则使用最高版本的IE内核进行渲染（"IE=edge"） <span style="color:#0000ff;"><<span style="color:#800000;">meta <span style="color:#ff0000;">http-equiv<span style="color:#0000ff;">="x-ua-compatible"<span style="color:#ff0000;"> content<span style="color:#0000ff;">="ie=edge"<span style="color:#0000ff;">></span></span></span></span></span></span></span></span></span></span></span></span></span></span></span></span></pre>
</div>
<h4>win8,win10下的一些设置</h4>
<div class="cnblogs_code">
<pre><span style="color:#0000ff;"><<span style="color:#800000;">meta <span style="color:#ff0000;">http-equiv<span style="color:#0000ff;">="cleartype"<span style="color:#ff0000;"> content<span style="color:#0000ff;">="on"<span style="color:#0000ff;">> <span style="color:#0000ff;"><<span style="color:#800000;">meta <span style="color:#ff0000;">name<span style="color:#0000ff;">="skype_toolbar"<span style="color:#ff0000;"> content<span style="color:#0000ff;">="skype_toolbar_parser_compatible"<span style="color:#0000ff;">> <span style="color:#008000;"><!--<span style="color:#008000;"> Disable link highlighting on IE 10 on Windows Phone 具体说明查看：<br>https://blogs.windows.com/buildingapps/2012/11/15/adapting-your-webkit-optimized-site-for-internet-explorer-10/<span style="color:#008000;">--> <span style="color:#0000ff;"><<span style="color:#800000;">meta <span style="color:#ff0000;">name<span style="color:#0000ff;">="msapplication-tap-highlight"<span style="color:#ff0000;"> content<span style="color:#0000ff;">="no"<span style="color:#0000ff;">> <span style="color:#008000;"><!--<span style="color:#008000;"> Pinned sites 具体说明查看：https://msdn.microsoft.com/en-us/library/dn255024(v=vs.85).aspx<span style="color:#008000;">--> <span style="color:#0000ff;"><<span style="color:#800000;">meta <span style="color:#ff0000;">name<span style="color:#0000ff;">="application-name"<span style="color:#ff0000;"> content<span style="color:#0000ff;">="Contoso Pinned Site Caption"<span style="color:#0000ff;">> <span style="color:#0000ff;"><<span style="color:#800000;">meta <span style="color:#ff0000;">name<span style="color:#0000ff;">="msapplication-tooltip"<span style="color:#ff0000;"> content<span style="color:#0000ff;">="Example Tooltip Text"<span style="color:#0000ff;">> <span style="color:#0000ff;"><<span style="color:#800000;">meta <span style="color:#ff0000;">name<span style="color:#0000ff;">="msapplication-starturl"<span style="color:#ff0000;"> content<span style="color:#0000ff;">="/"<span style="color:#0000ff;">> <span style="color:#0000ff;"><<span style="color:#800000;">meta <span style="color:#ff0000;">name<span style="color:#0000ff;">="msapplication-config"<span style="color:#ff0000;"> content<span style="color:#0000ff;">="http://example.com/browserconfig.xml"<span style="color:#0000ff;">> <span style="color:#0000ff;"><<span style="color:#800000;">meta <span style="color:#ff0000;">name<span style="color:#0000ff;">="msapplication-allowDomainApiCalls"<span style="color:#ff0000;"> content<span style="color:#0000ff;">="true"<span style="color:#0000ff;">> <span style="color:#0000ff;"><<span style="color:#800000;">meta <span style="color:#ff0000;">name<span style="color:#0000ff;">="msapplication-allowDomainMetaTags"<span style="color:#ff0000;"> content<span style="color:#0000ff;">="true"<span style="color:#0000ff;">> <span style="color:#0000ff;"><<span style="color:#800000;">meta <span style="color:#ff0000;">name<span style="color:#0000ff;">="msapplication-badge"<span style="color:#ff0000;"> content<span style="color:#0000ff;">="frequency=30; polling-uri=http://example.com/id45453245/polling.xml"<span style="color:#0000ff;">> <span style="color:#0000ff;"><<span style="color:#800000;">meta <span style="color:#ff0000;">name<span style="color:#0000ff;">="msapplication-navbutton-color"<span style="color:#ff0000;"> content<span style="color:#0000ff;">="#FF3300"<span style="color:#0000ff;">> <span style="color:#0000ff;"><<span style="color:#800000;">meta <span style="color:#ff0000;">name<span style="color:#0000ff;">="msapplication-notification"<span style="color:#ff0000;"> content<span style="color:#0000ff;">="frequency=60;polling-uri=http://example.com/livetile"<span style="color:#0000ff;">> <span style="color:#0000ff;"><<span style="color:#800000;">meta <span style="color:#ff0000;">name<span style="color:#0000ff;">="msapplication-square150x150logo"<span style="color:#ff0000;"> content<span style="color:#0000ff;">="path/to/logo.png"<span style="color:#0000ff;">> <span style="color:#0000ff;"><<span style="color:#800000;">meta <span style="color:#ff0000;">name<span style="color:#0000ff;">="msapplication-square310x310logo"<span style="color:#ff0000;"> content<span style="color:#0000ff;">="path/to/largelogo.png"<span style="color:#0000ff;">> <span style="color:#0000ff;"><<span style="color:#800000;">meta <span style="color:#ff0000;">name<span style="color:#0000ff;">="msapplication-square70x70logo"<span style="color:#ff0000;"> content<span style="color:#0000ff;">="path/to/tinylogo.png"<span style="color:#0000ff;">> <span style="color:#0000ff;"><<span style="color:#800000;">meta <span style="color:#ff0000;">name<span style="color:#0000ff;">="msapplication-wide310x150logo"<span style="color:#ff0000;"> content<span style="color:#0000ff;">="path/to/widelogo.png"<span style="color:#0000ff;">> <span style="color:#0000ff;"><<span style="color:#800000;">meta <span style="color:#ff0000;">name<span style="color:#0000ff;">="msapplication-task"<span style="color:#ff0000;"> <br>content<span style="color:#0000ff;">="name=Check Order Status;action-uri=./orderStatus.aspx?src=IE9;icon-uri=./favicon.ico"<span style="color:#0000ff;">> <span style="color:#0000ff;"><<span style="color:#800000;">meta <span style="color:#ff0000;">name<span style="color:#0000ff;">="msapplication-task-separator"<span style="color:#ff0000;"> content<span style="color:#0000ff;">="1"<span style="color:#0000ff;">><span style="color:#000000;"> //Windows 8 磁贴颜色 <span style="color:#0000ff;"><<span style="color:#800000;">meta <span style="color:#ff0000;">name<span style="color:#0000ff;">="msapplication-TileColor"<span style="color:#ff0000;"> content<span style="color:#0000ff;">="#FF3300"<span style="color:#0000ff;">><span style="color:#000000;"> //Windows 8 磁贴图标 <span style="color:#0000ff;"><<span style="color:#800000;">meta <span style="color:#ff0000;">name<span style="color:#0000ff;">="msapplication-TileImage"<span style="color:#ff0000;"> content<span style="color:#0000ff;">="path/to/tileimage.jpg"<span style="color:#0000ff;">> <span style="color:#0000ff;"><<span style="color:#800000;">meta <span style="color:#ff0000;">name<span style="color:#0000ff;">="msapplication-window"<span style="color:#ff0000;"> content<span style="color:#0000ff;">="width=1024;height=768"<span style="color:#0000ff;">></span></span></span></span></span></span></span></span></span></span></span></span></span></span></span></span></span></span></span></span></span></span></span></span></span></span></span></span></span></span></span></span></span></span></span></span></span></span></span></span></span></span></span></span></span></span></span></span></span></span></span></span></span></span></span></span></span></span></span></span></span></span></span></span></span></span></span></span></span></span></span></span></span></span></span></span></span></span></span></span></span></span></span></span></span></span></span></span></span></span></span></span></span></span></span></span></span></span></span></span></span></span></span></span></span></span></span></span></span></span></span></span></span></span></span></span></span></span></span></span></span></span></span></span></span></span></span></span></span></span></span></span></span></span></span></span></span></span></span></span></span></span></span></span></span></span></span></span></span></span></span></span></span></span></span></pre>
<div class="cnblogs_code_toolbar">
</div>
</div>
<h2>APP 链接</h2>
<div class="cnblogs_code">
<pre><span style="color:#008000;"><!--<span style="color:#008000;"> iOS <span style="color:#008000;">-->
<span style="color:#0000ff;"><<span style="color:#800000;">meta <span style="color:#ff0000;">property<span style="color:#0000ff;">="al:ios:url"<span style="color:#ff0000;"> content<span style="color:#0000ff;">="applinks://docs"<span style="color:#0000ff;">> <span style="color:#0000ff;"><<span style="color:#800000;">meta <span style="color:#ff0000;">property<span style="color:#0000ff;">="al:ios:app_store_id"<span style="color:#ff0000;"> content<span style="color:#0000ff;">="12345"<span style="color:#0000ff;">> <span style="color:#0000ff;"><<span style="color:#800000;">meta <span style="color:#ff0000;">property<span style="color:#0000ff;">="al:ios:app_name"<span style="color:#ff0000;"> content<span style="color:#0000ff;">="App Links"<span style="color:#0000ff;">> <span style="color:#008000;"><!--<span style="color:#008000;"> Android <span style="color:#008000;">--> <span style="color:#0000ff;"><<span style="color:#800000;">meta <span style="color:#ff0000;">property<span style="color:#0000ff;">="al:android:url"<span style="color:#ff0000;"> content<span style="color:#0000ff;">="applinks://docs"<span style="color:#0000ff;">> <span style="color:#0000ff;"><<span style="color:#800000;">meta <span style="color:#ff0000;">property<span style="color:#0000ff;">="al:android:app_name"<span style="color:#ff0000;"> content<span style="color:#0000ff;">="App Links"<span style="color:#0000ff;">> <span style="color:#0000ff;"><<span style="color:#800000;">meta <span style="color:#ff0000;">property<span style="color:#0000ff;">="al:android:package"<span style="color:#ff0000;"> content<span style="color:#0000ff;">="org.applinks"<span style="color:#0000ff;">> <span style="color:#008000;"><!--<span style="color:#008000;"> Web Fallback <span style="color:#008000;">--> <span style="color:#0000ff;"><<span style="color:#800000;">meta <span style="color:#ff0000;">property<span style="color:#0000ff;">="al:web:url"<span style="color:#ff0000;"> content<span style="color:#0000ff;">="http://applinks.org/documentation"<span style="color:#0000ff;">> <span style="color:#008000;"><!--<span style="color:#008000;"> More info: http://applinks.org/documentation/ <span style="color:#008000;">--></span></span></span></span></span></span></span></span></span></span></span></span></span></span></span></span></span></span></span></span></span></span></span></span></span></span></span></span></span></span></span></span></span></span></span></span></span></span></span></span></span></span></span></span></span></span></span></span></span></span></span></span></span></span></span></span></span></span></span></span></span></pre>
<div class="cnblogs_code_toolbar">
</div>
</div>
<p>敬请指正补充！</p>
<p>（未完待续~~）</p>
</div>
<p>转载于:https://www.cnblogs.com/xiuhongbin/p/meta.html</p>
</div>
</div>
</div>
</div>
</div>
<!--PC和WAP自适应版-->
<div id="SOHUCS" sid="1292662269783646208"></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头部标签常用信息)</h4>
<div id="paradigm-article-related">
<div class="recommend-post mb30">
<ul class="widget-links">
<li><a href="/article/1835513551142350848.htm"
title="OC语言多界面传值五大方式" target="_blank">OC语言多界面传值五大方式</a>
<span class="text-muted">Magnetic_h</span>
<a class="tag" taget="_blank" href="/search/ios/1.htm">ios</a><a class="tag" taget="_blank" href="/search/ui/1.htm">ui</a><a class="tag" taget="_blank" href="/search/%E5%AD%A6%E4%B9%A0/1.htm">学习</a><a class="tag" taget="_blank" href="/search/objective-c/1.htm">objective-c</a><a class="tag" taget="_blank" href="/search/%E5%BC%80%E5%8F%91%E8%AF%AD%E8%A8%80/1.htm">开发语言</a>
<div>前言在完成暑假仿写项目时，遇到了许多需要用到多界面传值的地方，这篇博客来总结一下比较常用的五种多界面传值的方式。属性传值属性传值一般用前一个界面向后一个界面传值，简单地说就是通过访问后一个视图控制器的属性来为它赋值，通过这个属性来做到从前一个界面向后一个界面传值。首先在后一个界面中定义属性@interfaceBViewController:UIViewController@propertyNSSt</div>
</li>
<li><a href="/article/1835512305320816640.htm"
title="地推话术，如何应对地推过程中家长的拒绝" target="_blank">地推话术，如何应对地推过程中家长的拒绝</a>
<span class="text-muted">校师学</span>
<div>相信校长们在做地推的时候经常遇到这种情况：市场专员反馈家长不接单，咨询师反馈难以邀约这些家长上门，校区地推疲软，招生难。为什么？仅从地推层面分析，一方面因为家长受到的信息轰炸越来越多，对信息越来越“免疫”；而另一方面地推人员的专业能力和营销话术没有提高，无法应对家长的拒绝，对有意向的家长也不知如何跟进，眼睁睁看着家长走远；对于家长的疑问，更不知道如何有技巧地回答，机会白白流失。由于回答没技巧和专业</div>
</li>
<li><a href="/article/1835511912843014144.htm"
title="理解Gunicorn：Python WSGI服务器的基石" target="_blank">理解Gunicorn：Python WSGI服务器的基石</a>
<span class="text-muted">范范0825</span>
<a class="tag" taget="_blank" href="/search/ipython/1.htm">ipython</a><a class="tag" taget="_blank" href="/search/linux/1.htm">linux</a><a class="tag" taget="_blank" href="/search/%E8%BF%90%E7%BB%B4/1.htm">运维</a>
<div>理解Gunicorn：PythonWSGI服务器的基石介绍Gunicorn，全称GreenUnicorn，是一个为PythonWSGI（WebServerGatewayInterface）应用设计的高效、轻量级HTTP服务器。作为PythonWeb应用部署的常用工具，Gunicorn以其高性能和易用性著称。本文将介绍Gunicorn的基本概念、安装和配置，帮助初学者快速上手。1.什么是Gunico</div>
</li>
<li><a href="/article/1835508131032035328.htm"
title="ArcGIS栅格计算器常见公式（赋值、0和空值的转换、补充栅格空值）" target="_blank">ArcGIS栅格计算器常见公式（赋值、0和空值的转换、补充栅格空值）</a>
<span class="text-muted">研学随笔</span>
<a class="tag" taget="_blank" href="/search/arcgis/1.htm">arcgis</a><a class="tag" taget="_blank" href="/search/%E7%BB%8F%E9%AA%8C%E5%88%86%E4%BA%AB/1.htm">经验分享</a>
<div>我们在使用ArcGIS时通常经常用到栅格计算器，今天主要给大家介绍我日常中经常用到的几个公式，供大家参考学习。将特定值（-9999）赋值为0，例如-9999.Con("raster"==-9999,0,"raster")2.给空值赋予特定的值（如0）Con(IsNull("raster"),0,"raster")3.将特定的栅格值(如1)赋值为空值，其他保留原值SetNull("raster"==</div>
</li>
<li><a href="/article/1835508131489214464.htm"
title="高级编程--XML+socket练习题" target="_blank">高级编程--XML+socket练习题</a>
<span class="text-muted">masa010</span>
<a class="tag" taget="_blank" href="/search/java/1.htm">java</a><a class="tag" taget="_blank" href="/search/%E5%BC%80%E5%8F%91%E8%AF%AD%E8%A8%80/1.htm">开发语言</a>
<div>1.北京华北2114.8万人上海华东2,500万人广州华南1292.68万人成都华西1417万人（1）使用dom4j将信息存入xml中（2）读取信息，并打印控制台（3）添加一个city节点与子节点（4）使用socketTCP协议编写服务端与客户端，客户端输入城市ID，服务器响应相应城市信息（5）使用socketTCP协议编写服务端与客户端，客户端要求用户输入city对象，服务端接收并使用dom4j</div>
</li>
<li><a href="/article/1835506869838376960.htm"
title="Python数据分析与可视化实战指南" target="_blank">Python数据分析与可视化实战指南</a>
<span class="text-muted">William数据分析</span>
<a class="tag" taget="_blank" href="/search/python/1.htm">python</a><a class="tag" taget="_blank" href="/search/python/1.htm">python</a><a class="tag" taget="_blank" href="/search/%E6%95%B0%E6%8D%AE/1.htm">数据</a>
<div>在数据驱动的时代，Python因其简洁的语法、强大的库生态系统以及活跃的社区，成为了数据分析与可视化的首选语言。本文将通过一个详细的案例，带领大家学习如何使用Python进行数据分析，并通过可视化来直观呈现分析结果。一、环境准备1.1安装必要库在开始数据分析和可视化之前，我们需要安装一些常用的库。主要包括pandas、numpy、matplotlib和seaborn等。这些库分别用于数据处理、数学</div>
</li>
<li><a href="/article/1835505858444881920.htm"
title="git常用命令笔记" target="_blank">git常用命令笔记</a>
<span class="text-muted">咩酱-小羊</span>
<a class="tag" taget="_blank" href="/search/git/1.htm">git</a><a class="tag" taget="_blank" href="/search/%E7%AC%94%E8%AE%B0/1.htm">笔记</a>
<div>###用习惯了idea总是不记得git的一些常见命令，需要用到的时候总是担心旁边站了人~~~记个笔记@_@，告诉自己看笔记不丢人初始化初始化一个新的Git仓库gitinit配置配置用户信息gitconfig--globaluser.name"YourName"gitconfig--globaluser.email"youremail@example.com"基本操作克隆远程仓库gitclone查看</div>
</li>
<li><a href="/article/1835505858939809792.htm"
title="python os.environ" target="_blank">python os.environ</a>
<span class="text-muted">江湖偌大</span>
<a class="tag" taget="_blank" href="/search/python/1.htm">python</a><a class="tag" taget="_blank" href="/search/%E6%B7%B1%E5%BA%A6%E5%AD%A6%E4%B9%A0/1.htm">深度学习</a>
<div>os.environ['TF_CPP_MIN_LOG_LEVEL']='0'#默认值，输出所有信息os.environ['TF_CPP_MIN_LOG_LEVEL']='1'#屏蔽通知信息（INFO）os.environ['TF_CPP_MIN_LOG_LEVEL']='2'#屏蔽通知信息和警告信息（INFO\WARNING）os.environ['TF_CPP_MIN_LOG_LEVEL']='</div>
</li>
<li><a href="/article/1835502451877310464.htm"
title="基于社交网络算法优化的二维最大熵图像分割" target="_blank">基于社交网络算法优化的二维最大熵图像分割</a>
<span class="text-muted">智能算法研学社（Jack旭）</span>
<a class="tag" taget="_blank" href="/search/%E6%99%BA%E8%83%BD%E4%BC%98%E5%8C%96%E7%AE%97%E6%B3%95%E5%BA%94%E7%94%A8/1.htm">智能优化算法应用</a><a class="tag" taget="_blank" href="/search/%E5%9B%BE%E5%83%8F%E5%88%86%E5%89%B2/1.htm">图像分割</a><a class="tag" taget="_blank" href="/search/%E7%AE%97%E6%B3%95/1.htm">算法</a><a class="tag" taget="_blank" href="/search/php/1.htm">php</a><a class="tag" taget="_blank" href="/search/%E5%BC%80%E5%8F%91%E8%AF%AD%E8%A8%80/1.htm">开发语言</a>
<div>智能优化算法应用：基于社交网络优化的二维最大熵图像阈值分割-附代码文章目录智能优化算法应用：基于社交网络优化的二维最大熵图像阈值分割-附代码1.前言2.二维最大熵阈值分割原理3.基于社交网络优化的多阈值分割4.算法结果：5.参考文献：6.Matlab代码摘要：本文介绍基于最大熵的图像分割，并且应用社交网络算法进行阈值寻优。1.前言阅读此文章前，请阅读《图像分割：直方图区域划分及信息统计介绍》htt</div>
</li>
<li><a href="/article/1835502282603589632.htm"
title="509. 斐波那契数(每日一题)" target="_blank">509. 斐波那契数(每日一题)</a>
<span class="text-muted">lzyprime</span>
<div>lzyprime博客(github)创建时间：2021.01.04qq及邮箱：2383518170leetcode笔记题目描述斐波那契数，通常用F(n)表示，形成的序列称为斐波那契数列。该数列由0和1开始，后面的每一项数字都是前面两项数字的和。也就是：F(0)=0，F(1)=1F(n)=F(n-1)+F(n-2)，其中n>1给你n，请计算F(n)。示例1：输入：2输出：1解释：F(2)=F(1)+</div>
</li>
<li><a href="/article/1835499052125483008.htm"
title="Git常用命令－修改远程仓库地址" target="_blank">Git常用命令－修改远程仓库地址</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/Java/1.htm">Java</a><a class="tag" taget="_blank" href="/search/git/1.htm">git</a><a class="tag" taget="_blank" href="/search/java/1.htm">java</a>
<div>查看远程仓库地址gitremote-v返回结果originhttps://git.coding.net/＊＊＊＊＊.git(fetch)originhttps://git.coding.net/＊＊＊＊＊.git(push)修改远程仓库地址gitremoteset-urloriginhttps://git.coding.net/＊＊＊＊＊.git先删除后增加远程仓库地址gitremotermori</div>
</li>
<li><a href="/article/1835498925755297792.htm"
title="DIV+CSS+JavaScript技术制作网页（旅游主题网页设计与制作）云南大理" target="_blank">DIV+CSS+JavaScript技术制作网页（旅游主题网页设计与制作）云南大理</a>
<span class="text-muted">STU学生网页设计</span>
<a class="tag" taget="_blank" href="/search/%E7%BD%91%E9%A1%B5%E8%AE%BE%E8%AE%A1/1.htm">网页设计</a><a class="tag" taget="_blank" href="/search/%E6%9C%9F%E6%9C%AB%E7%BD%91%E9%A1%B5%E4%BD%9C%E4%B8%9A/1.htm">期末网页作业</a><a class="tag" taget="_blank" href="/search/html%E9%9D%99%E6%80%81%E7%BD%91%E9%A1%B5/1.htm">html静态网页</a><a class="tag" taget="_blank" href="/search/html5%E6%9C%9F%E6%9C%AB%E5%A4%A7%E4%BD%9C%E4%B8%9A/1.htm">html5期末大作业</a><a class="tag" taget="_blank" href="/search/%E7%BD%91%E9%A1%B5%E8%AE%BE%E8%AE%A1/1.htm">网页设计</a><a class="tag" taget="_blank" href="/search/web%E5%A4%A7%E4%BD%9C%E4%B8%9A/1.htm">web大作业</a>
<div>️精彩专栏推荐作者主页:【进入主页—获取更多源码】web前端期末大作业：【HTML5网页期末作业(1000套)】程序员有趣的告白方式：【HTML七夕情人节表白网页制作(110套)】文章目录二、网站介绍三、网站效果▶️1.视频演示2.图片演示四、网站代码HTML结构代码CSS样式代码五、更多源码二、网站介绍网站布局方面：计划采用目前主流的、能兼容各大主流浏览器、显示效果稳定的浮动网页布局结构。网站程</div>
</li>
<li><a href="/article/1835498602294767616.htm"
title="特殊的拜年" target="_blank">特殊的拜年</a>
<span class="text-muted">飘雪的天堂</span>
<div>文/雪儿大年初一，家家户户没有了轰响的鞭炮声，大街上没有了人流涌动的喧闹，几乎看不到人影，变得冷冷清清。天刚亮不大会儿，村里的大喇叭响了起来：由于当前正值疾病高发期，流感流行的高峰期。同时，新型冠状病毒感染的肺炎进入第二波流行的上升期。为了自己和他人的健康安全着想，请大家尽量不要串门拜年，不要在街里走动。可以通过手机微信，视频，电话，信息拜年……今年的春节真是特别。禁止燃放鞭炮，烟花爆竹，禁止出村</div>
</li>
<li><a href="/article/1835497538023682048.htm"
title="使用Apify加载Twitter消息以进行微调的完整指南" target="_blank">使用Apify加载Twitter消息以进行微调的完整指南</a>
<span class="text-muted">nseejrukjhad</span>
<a class="tag" taget="_blank" href="/search/twitter/1.htm">twitter</a><a class="tag" taget="_blank" href="/search/easyui/1.htm">easyui</a><a class="tag" taget="_blank" href="/search/%E5%89%8D%E7%AB%AF/1.htm">前端</a><a class="tag" taget="_blank" href="/search/python/1.htm">python</a>
<div>#使用Apify加载Twitter消息以进行微调的完整指南##引言在自然语言处理领域，微调模型以适应特定任务是提升模型性能的常见方法。本文将介绍如何使用Apify从Twitter导出聊天信息，以便进一步进行微调。##主要内容###使用Apify导出推文首先，我们需要从Twitter导出推文。Apify可以帮助我们做到这一点。通过Apify的强大功能，我们可以批量抓取和导出数据，适用于各类应用场景。</div>
</li>
<li><a href="/article/1835497411179540480.htm"
title="深入理解 MultiQueryRetriever：提升向量数据库检索效果的强大工具" target="_blank">深入理解 MultiQueryRetriever：提升向量数据库检索效果的强大工具</a>
<span class="text-muted">nseejrukjhad</span>
<a class="tag" taget="_blank" href="/search/%E6%95%B0%E6%8D%AE%E5%BA%93/1.htm">数据库</a><a class="tag" taget="_blank" href="/search/python/1.htm">python</a>
<div>深入理解MultiQueryRetriever：提升向量数据库检索效果的强大工具引言在人工智能和自然语言处理领域，高效准确的信息检索一直是一个关键挑战。传统的基于距离的向量数据库检索方法虽然广泛应用，但仍存在一些局限性。本文将介绍一种创新的解决方案：MultiQueryRetriever，它通过自动生成多个查询视角来增强检索效果，提高结果的相关性和多样性。MultiQueryRetriever的工</div>
</li>
<li><a href="/article/1835496149843275776.htm"
title="关于城市旅游的HTML网页设计——(旅游风景云南 5页)HTML+CSS+JavaScript" target="_blank">关于城市旅游的HTML网页设计——(旅游风景云南 5页)HTML+CSS+JavaScript</a>
<span class="text-muted">二挡起步</span>
<a class="tag" taget="_blank" href="/search/web%E5%89%8D%E7%AB%AF%E6%9C%9F%E6%9C%AB%E5%A4%A7%E4%BD%9C%E4%B8%9A/1.htm">web前端期末大作业</a><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><a class="tag" taget="_blank" href="/search/%E6%97%85%E6%B8%B8/1.htm">旅游</a><a class="tag" taget="_blank" href="/search/%E9%A3%8E%E6%99%AF/1.htm">风景</a>
<div>⛵源码获取文末联系✈Web前端开发技术描述网页设计题材，DIV+CSS布局制作,HTML+CSS网页设计期末课程大作业|游景点介绍|旅游风景区|家乡介绍|等网站的设计与制作|HTML期末大学生网页设计作业，Web大学生网页HTML：结构CSS：样式在操作方面上运用了html5和css3，采用了div+css结构、表单、超链接、浮动、绝对定位、相对定位、字体样式、引用视频等基础知识JavaScrip</div>
</li>
<li><a href="/article/1835496148601761792.htm"
title="HTML网页设计制作大作业（div+css） 云南我的家乡旅游景点 带文字滚动" target="_blank">HTML网页设计制作大作业（div+css） 云南我的家乡旅游景点 带文字滚动</a>
<span class="text-muted">二挡起步</span>
<a class="tag" taget="_blank" href="/search/web%E5%89%8D%E7%AB%AF%E6%9C%9F%E6%9C%AB%E5%A4%A7%E4%BD%9C%E4%B8%9A/1.htm">web前端期末大作业</a><a class="tag" taget="_blank" href="/search/web%E8%AE%BE%E8%AE%A1%E7%BD%91%E9%A1%B5%E8%A7%84%E5%88%92%E4%B8%8E%E8%AE%BE%E8%AE%A1/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><a class="tag" taget="_blank" href="/search/javascript/1.htm">javascript</a><a class="tag" taget="_blank" href="/search/dreamweaver/1.htm">dreamweaver</a><a class="tag" taget="_blank" href="/search/%E5%89%8D%E7%AB%AF/1.htm">前端</a>
<div>Web前端开发技术描述网页设计题材，DIV+CSS布局制作,HTML+CSS网页设计期末课程大作业游景点介绍|旅游风景区|家乡介绍|等网站的设计与制作HTML期末大学生网页设计作业HTML：结构CSS：样式在操作方面上运用了html5和css3，采用了div+css结构、表单、超链接、浮动、绝对定位、相对定位、字体样式、引用视频等基础知识JavaScript：做与用户的交互行为文章目录前端学习路线</div>
</li>
<li><a href="/article/1835495770502033408.htm"
title="Day17笔记-高阶函数" target="_blank">Day17笔记-高阶函数</a>
<span class="text-muted">~在杰难逃~</span>
<a class="tag" taget="_blank" href="/search/Python/1.htm">Python</a><a class="tag" taget="_blank" href="/search/%E7%AC%94%E8%AE%B0/1.htm">笔记</a><a class="tag" taget="_blank" href="/search/python/1.htm">python</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/pycharm/1.htm">pycharm</a><a class="tag" taget="_blank" href="/search/%E6%95%B0%E6%8D%AE%E5%88%86%E6%9E%90/1.htm">数据分析</a>
<div>高阶函数【重点掌握】函数的本质：函数是一个变量，函数名是一个变量名，一个函数可以作为另一个函数的参数或返回值使用如果A函数作为B函数的参数，B函数调用完成之后，会得到一个结果，则B函数被称为高阶函数常用的高阶函数：map(),reduce(),filter(),sorted()1.map()map(func,iterable)，返回值是一个iterator【容器，迭代器】func:函数iterab</div>
</li>
<li><a href="/article/1835495298219208704.htm"
title="log4j配置" target="_blank">log4j配置</a>
<span class="text-muted">yy爱yy</span>
<div>#log4j.rootLogger配置的是大于等于当前级别的日志信息的输出#log4j.rootLogger用法:（注意appenderName可以是一个或多个）#log4j.rootLogger=日志级别,appenderName1,appenderName2,....#log4j.appender.appenderName2定义的是日志的输出方式，有两种：一种是命令行输出或者叫控制台输出，另一</div>
</li>
<li><a href="/article/1835494257746604032.htm"
title="MYSQL面试系列-04" target="_blank">MYSQL面试系列-04</a>
<span class="text-muted">king01299</span>
<a class="tag" taget="_blank" href="/search/%E9%9D%A2%E8%AF%95/1.htm">面试</a><a class="tag" taget="_blank" href="/search/mysql/1.htm">mysql</a><a class="tag" taget="_blank" href="/search/%E9%9D%A2%E8%AF%95/1.htm">面试</a>
<div>MYSQL面试系列-0417.关于redolog和binlog的刷盘机制、redolog、undolog作用、GTID是做什么的？innodb_flush_log_at_trx_commit及sync_binlog参数意义双117.1innodb_flush_log_at_trx_commit该变量定义了InnoDB在每次事务提交时，如何处理未刷入（flush）的重做日志信息（redolog）。它</div>
</li>
<li><a href="/article/1835493397553573888.htm"
title="2022现在哪个打车软件比较好用又便宜 实惠的打车软件合集" target="_blank">2022现在哪个打车软件比较好用又便宜 实惠的打车软件合集</a>
<span class="text-muted">高省APP珊珊</span>
<div>这是一个信息高速传播的社会。信息可以通过手机，微信，自媒体，抖音等方式进行传播。但同时这也是一个交通四通发达的社会。高省APP，是2022年推出的平台，0投资，0风险、高省APP佣金更高，模式更好，终端用户不流失。【高省】是一个自用省钱佣金高，分享推广赚钱多的平台，百度有几百万篇报道，也期待你的加入。珊珊导师，高省邀请码777777，注册送2皇冠会员，送万元推广大礼包，教你如何1年做到百万团队。高</div>
</li>
<li><a href="/article/1835493008716427264.htm"
title="没有邀请码怎么注册买手妈妈?" target="_blank">没有邀请码怎么注册买手妈妈?</a>
<span class="text-muted">氧惠评测</span>
<div>买手妈妈怎么注册小编为大家带来买手妈妈没有邀请码怎么注册。打开买手妈妈APP，点击“马上注册”，输入邀请信息“邀请码”点击下一步，没有邀请码是登录不上的，所以这个必须要填写，那我们没有怎么办？填写成功就可以登录下一步。这里面有手机登录和淘宝登录，手机登录以后也需要用淘宝授权的，所以基本上都是淘宝登录。购物、看电影、点外卖、用氧惠APP！更优惠！氧惠（全网优惠上氧惠）——是与以往完全不同的抖客+淘客</div>
</li>
<li><a href="/article/1835491101276991488.htm"
title="数据仓库——维度表一致性" target="_blank">数据仓库——维度表一致性</a>
<span class="text-muted">墨染丶eye</span>
<a class="tag" taget="_blank" href="/search/%E8%83%8C%E8%AF%B5/1.htm">背诵</a><a class="tag" taget="_blank" href="/search/%E6%95%B0%E6%8D%AE%E4%BB%93%E5%BA%93/1.htm">数据仓库</a>
<div>数据仓库基础笔记思维导图已经整理完毕，完整连接为：数据仓库基础知识笔记思维导图维度一致性问题从逻辑层面来看，当一系列星型模型共享一组公共维度时，所涉及的维度称为一致性维度。当维度表存在不一致时，短期的成功难以弥补长期的错误。维度时确保不同过程中信息集成起来实现横向钻取货活动的关键。造成横向钻取失败的原因维度结构的差别，因为维度的差别，分析工作涉及的领域从简单到复杂，但是都是通过复杂的报表来弥补设计</div>
</li>
<li><a href="/article/1835490218845761536.htm"
title="Python爬虫解析工具之xpath使用详解" target="_blank">Python爬虫解析工具之xpath使用详解</a>
<span class="text-muted">eqa11</span>
<a class="tag" taget="_blank" href="/search/python/1.htm">python</a><a class="tag" taget="_blank" href="/search/%E7%88%AC%E8%99%AB/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>
<div>文章目录Python爬虫解析工具之xpath使用详解一、引言二、环境准备1、插件安装2、依赖库安装三、xpath语法详解1、路径表达式2、通配符3、谓语4、常用函数四、xpath在Python代码中的使用1、文档树的创建2、使用xpath表达式3、获取元素内容和属性五、总结Python爬虫解析工具之xpath使用详解一、引言在Python爬虫开发中，数据提取是一个至关重要的环节。xpath作为一门</div>
</li>
<li><a href="/article/1835490218409553920.htm"
title="01-Git初识" target="_blank">01-Git初识</a>
<span class="text-muted">Meereen</span>
<a class="tag" taget="_blank" href="/search/Git/1.htm">Git</a><a class="tag" taget="_blank" href="/search/git/1.htm">git</a>
<div>01-Git初识概念：一个免费开源，分布式的代码版本控制系统，帮助开发团队维护代码作用：记录代码内容。切换代码版本，多人开发时高效合并代码内容如何学：个人本机使用：Git基础命令和概念多人共享使用：团队开发同一个项目的代码版本管理Git配置用户信息配置：用户名和邮箱，应用在每次提交代码版本时表明自己的身份命令：查看git版本号git-v配置用户名gitconfig--globaluser.name</div>
</li>
<li><a href="/article/1835488930972135424.htm"
title="2019-3-23晨间日记" target="_blank">2019-3-23晨间日记</a>
<span class="text-muted">红红火火小耳朵</span>
<div>今天是什么日子起床：7点40就寝：23点半天气：有太阳，不过一会儿出来一会儿进去特别清爽的凉意，还蛮舒服的心情：小激动要给女朋友过生日啦纪念日：田田女士过生日任务清单昨日完成的任务，最重要的三件事：1.英语一对一2.运动计划3.认真护肤习惯养成：调整状态周目标·完成进度英语七天打卡（5/7）轻课阅读（87/180）音标课（25/30）读书（福尔摩斯一章）学习·信息·阅读#英语课#Cookingte</div>
</li>
<li><a href="/article/1835485628268113920.htm"
title="福袋生活邀请码在哪里填写，福袋生活app邀请码使用教程" target="_blank">福袋生活邀请码在哪里填写，福袋生活app邀请码使用教程</a>
<span class="text-muted">小小编007</span>
<div>很多人下载福袋生活后，注册使用时需要填写邀请码。因为福袋生活是注册邀请制，所以首次使用填写邀请码才可以正常登录使用。福袋生活是广州市福袋生活信息科技有限公司旗下一家多元化社交电商导购平台，以APP为载体，社群为媒介，汇集衣食住行、吃喝玩乐生活服务板块，使用福袋生活可以领到淘宝，拼多多等电商平台的商品优惠券和返利，还可以兼职去分享赚钱。我为什么从福袋生活转到果冻宝盒呢？当然是因为福袋生活返利更高，注</div>
</li>
<li><a href="/article/1835485429059645440.htm"
title="docker" target="_blank">docker</a>
<span class="text-muted">igotyback</span>
<a class="tag" taget="_blank" href="/search/eureka/1.htm">eureka</a><a class="tag" taget="_blank" href="/search/%E4%BA%91%E5%8E%9F%E7%94%9F/1.htm">云原生</a>
<div>Docker容器的文件系统是隔离的，但是可以通过挂载卷（Volumes）或绑定挂载（BindMounts）将宿主机的文件系统目录映射到容器内部。要查看Docker容器的映射路径，可以使用以下方法：查看容器配置：使用dockerinspect命令可以查看容器的详细配置信息，包括挂载的卷。例如：bashdockerinspect在输出的JSON格式中，查找"Mounts"部分，这里会列出所有的挂载信息</div>
</li>
<li><a href="/article/1835484672059076608.htm"
title="mac电脑命令行获取电量" target="_blank">mac电脑命令行获取电量</a>
<span class="text-muted">小米人er</span>
<a class="tag" taget="_blank" href="/search/%E6%88%91%E7%9A%84%E5%8D%9A%E5%AE%A2/1.htm">我的博客</a><a class="tag" taget="_blank" href="/search/macos/1.htm">macos</a><a class="tag" taget="_blank" href="/search/%E5%91%BD%E4%BB%A4%E8%A1%8C/1.htm">命令行</a>
<div>在macOS上，有几个命令行工具可以用来获取电量信息，最常用的是pmset命令。你可以通过以下方式来查看电池状态和电量信息：查看电池状态：pmset-gbatt这个命令会返回类似下面的输出：Nowdrawingfrom'BatteryPower'-InternalBattery-0(id=1234567)95%;discharging;4:02remainingpresent:true输出中包括电</div>
</li>
<li><a href="/article/1835484293607026688.htm"
title="【Git】常见命令(仅笔记)" target="_blank">【Git】常见命令(仅笔记)</a>
<span class="text-muted">好想有猫猫</span>
<a class="tag" taget="_blank" href="/search/Git/1.htm">Git</a><a class="tag" taget="_blank" href="/search/Linux%E5%AD%A6%E4%B9%A0%E7%AC%94%E8%AE%B0/1.htm">Linux学习笔记</a><a class="tag" taget="_blank" href="/search/git/1.htm">git</a><a class="tag" taget="_blank" href="/search/%E7%AC%94%E8%AE%B0/1.htm">笔记</a><a class="tag" taget="_blank" href="/search/elasticsearch/1.htm">elasticsearch</a><a class="tag" taget="_blank" href="/search/linux/1.htm">linux</a><a class="tag" taget="_blank" href="/search/c%2B%2B/1.htm">c++</a>
<div>文章目录创建/初始化本地仓库添加本地仓库配置项提交文件查看仓库状态回退仓库查看日志分支删除文件暂存工作区代码远程仓库使用`.gitigore`文件让git不追踪一些文件标签创建/初始化本地仓库gitinit添加本地仓库配置项gitconfig-l#以列表形式显示配置项gitconfiguser.name"ljh"#配置user.namegitconfiguser.email"123123@qq.c</div>
</li>
<li><a href="/article/72.htm"
title="Java开发中，spring mvc 的线程怎么调用？" target="_blank">Java开发中，spring mvc 的线程怎么调用？</a>
<span class="text-muted">小麦麦子</span>
<a class="tag" taget="_blank" href="/search/spring/1.htm">spring</a><a class="tag" taget="_blank" href="/search/mvc/1.htm">mvc</a>
<div>今天逛知乎，看到最近很多人都在问spring mvc 的线程http://www.maiziedu.com/course/java/ 的启动问题，觉得挺有意思的，那哥们儿问的也听仔细，下面的回答也很详尽，分享出来，希望遇对遇到类似问题的Java开发程序猿有所帮助。
问题：
在用spring mvc架构的网站上，设一线程在虚拟机启动时运行，线程里有一全局</div>
</li>
<li><a href="/article/199.htm"
title="maven依赖范围" target="_blank">maven依赖范围</a>
<span class="text-muted">bitcarter</span>
<a class="tag" taget="_blank" href="/search/maven/1.htm">maven</a>
<div>1.test 测试的时候才会依赖，编译和打包不依赖，如junit不被打包
2.compile 只有编译和打包时才会依赖
3.provided 编译和测试的时候依赖，打包不依赖，如：tomcat的一些公用jar包
4.runtime 运行时依赖，编译不依赖
5.默认compile
依赖范围compile是支持传递的，test不支持传递
1.传递的意思是项目A，引用</div>
</li>
<li><a href="/article/326.htm"
title="Jaxb org.xml.sax.saxparseexception : premature end of file" target="_blank">Jaxb org.xml.sax.saxparseexception : premature end of file</a>
<span class="text-muted">darrenzhu</span>
<a class="tag" taget="_blank" href="/search/xml/1.htm">xml</a><a class="tag" taget="_blank" href="/search/premature/1.htm">premature</a><a class="tag" taget="_blank" href="/search/JAXB/1.htm">JAXB</a>
<div>如果在使用JAXB把xml文件unmarshal成vo(XSD自动生成的vo)时碰到如下错误：
org.xml.sax.saxparseexception : premature end of file
很有可能时你直接读取文件为inputstream，然后将inputstream作为构建unmarshal需要的source参数。InputSource inputSource = new In</div>
</li>
<li><a href="/article/453.htm"
title="CSS Specificity" target="_blank">CSS Specificity</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/%E6%9D%83%E9%87%8D/1.htm">权重</a><a class="tag" taget="_blank" href="/search/Specificity/1.htm">Specificity</a><a class="tag" taget="_blank" href="/search/css/1.htm">css</a>
<div>
有时候对于页面元素设置了样式，可为什么页面的显示没有匹配上呢？ because specificity
CSS 的选择符是有权重的，当不同的选择符的样式设置有冲突时，浏览器会采用权重高的选择符设置的样式。
规则：
HTML标签的权重是1
Class 的权重是10
Id 的权重是100
</div>
</li>
<li><a href="/article/580.htm"
title="java与servlet" target="_blank">java与servlet</a>
<span class="text-muted">g21121</span>
<a class="tag" taget="_blank" href="/search/servlet/1.htm">servlet</a>
<div>servlet 搞java web开发的人一定不会陌生，而且大家还会时常用到它。
下面是java官方网站上对servlet的介绍： java官网对于servlet的解释 写道
Java Servlet Technology Overview Servlets are the Java platform technology of choice for extending and enha</div>
</li>
<li><a href="/article/707.htm"
title="eclipse中安装maven插件" target="_blank">eclipse中安装maven插件</a>
<span class="text-muted">510888780</span>
<a class="tag" taget="_blank" href="/search/eclipse/1.htm">eclipse</a><a class="tag" taget="_blank" href="/search/maven/1.htm">maven</a>
<div>1.首先去官网下载 Maven：
http://www.apache.org/dyn/closer.cgi/maven/binaries/apache-maven-3.2.3-bin.tar.gz
下载完成之后将其解压，
我将解压后的文件夹：apache-maven-3.2.3，
并将它放在 D:\tools目录下，
即 maven 最终的路径是：D:\tools\apache-mave</div>
</li>
<li><a href="/article/834.htm"
title="jpa@OneToOne关联关系" target="_blank">jpa@OneToOne关联关系</a>
<span class="text-muted">布衣凌宇</span>
<a class="tag" taget="_blank" href="/search/jpa/1.htm">jpa</a>
<div>Nruser里的pruserid关联到Pruser的主键id，实现对一个表的增删改，另一个表的数据随之增删改。
Nruser实体类
//*****************************************************************
@Entity
@Table(name="nruser")
@DynamicInsert @Dynam</div>
</li>
<li><a href="/article/961.htm"
title="我的spring学习笔记11-Spring中关于声明式事务的配置" target="_blank">我的spring学习笔记11-Spring中关于声明式事务的配置</a>
<span class="text-muted">aijuans</span>
<a class="tag" taget="_blank" href="/search/spring/1.htm">spring</a><a class="tag" taget="_blank" href="/search/%E4%BA%8B%E5%8A%A1/1.htm">事务</a><a class="tag" taget="_blank" href="/search/%E9%85%8D%E7%BD%AE/1.htm">配置</a>
<div>这两天学到事务管理这一块，结合到之前的terasoluna框架，觉得书本上讲的还是简单阿。我就把我从书本上学到的再结合实际的项目以及网上看到的一些内容，对声明式事务管理做个整理吧。我看得Spring in Action第二版中只提到了用TransactionProxyFactoryBean和<tx:advice/>,定义注释驱动这三种，我承认后两种的内容很好，很强大。但是实际的项目当中</div>
</li>
<li><a href="/article/1088.htm"
title="java 动态代理简单实现" target="_blank">java 动态代理简单实现</a>
<span class="text-muted">antlove</span>
<a class="tag" taget="_blank" href="/search/java/1.htm">java</a><a class="tag" taget="_blank" href="/search/handler/1.htm">handler</a><a class="tag" taget="_blank" href="/search/proxy/1.htm">proxy</a><a class="tag" taget="_blank" href="/search/dynamic/1.htm">dynamic</a><a class="tag" taget="_blank" href="/search/service/1.htm">service</a>
<div>dynamicproxy.service.HelloService
package dynamicproxy.service;
public interface HelloService {
public void sayHello();
}
dynamicproxy.service.impl.HelloServiceImpl
package dynamicp</div>
</li>
<li><a href="/article/1215.htm"
title="JDBC连接数据库" target="_blank">JDBC连接数据库</a>
<span class="text-muted">百合不是茶</span>
<a class="tag" taget="_blank" href="/search/JDBC%E7%BC%96%E7%A8%8B/1.htm">JDBC编程</a><a class="tag" taget="_blank" href="/search/JAVA%E6%93%8D%E4%BD%9Coracle%E6%95%B0%E6%8D%AE%E5%BA%93/1.htm">JAVA操作oracle数据库</a>
<div>
如果我们要想连接oracle公司的数据库，就要首先下载oralce公司的驱动程序，将这个驱动程序的jar包导入到我们工程中;
JDBC链接数据库的代码和固定写法;
1,加载oracle数据库的驱动;
&nb</div>
</li>
<li><a href="/article/1342.htm"
title="单例模式中的多线程分析" target="_blank">单例模式中的多线程分析</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/thread/1.htm">thread</a><a class="tag" taget="_blank" href="/search/%E5%A4%9A%E7%BA%BF%E7%A8%8B/1.htm">多线程</a><a class="tag" taget="_blank" href="/search/java%E5%A4%9A%E7%BA%BF%E7%A8%8B/1.htm">java多线程</a>
<div>谈到单例模式，我们立马会想到饿汉式和懒汉式加载，所谓饿汉式就是在创建类时就创建好了实例，懒汉式在获取实例时才去创建实例，即延迟加载。
饿汉式：
package com.bijian.study;
public class Singleton {
private Singleton() {
}
// 注意这是private 只供内部调用
private static</div>
</li>
<li><a href="/article/1469.htm"
title="javascript读取和修改原型特别需要注意原型的读写不具有对等性" target="_blank">javascript读取和修改原型特别需要注意原型的读写不具有对等性</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/prototype/1.htm">prototype</a>
<div> 对于从原型对象继承而来的成员，其读和写具有内在的不对等性。比如有一个对象A，假设它的原型对象是B，B的原型对象是null。如果我们需要读取A对象的name属性值，那么JS会优先在A中查找，如果找到了name属性那么就返回；如果A中没有name属性，那么就到原型B中查找name，如果找到了就返回；如果原型B中也没有</div>
</li>
<li><a href="/article/1596.htm"
title="【持久化框架MyBatis3六】MyBatis3集成第三方DataSource" target="_blank">【持久化框架MyBatis3六】MyBatis3集成第三方DataSource</a>
<span class="text-muted">bit1129</span>
<a class="tag" taget="_blank" href="/search/dataSource/1.htm">dataSource</a>
<div>MyBatis内置了数据源的支持，如：
<environments default="development">
<environment id="development">
<transactionManager type="JDBC" />
<data</div>
</li>
<li><a href="/article/1723.htm"
title="我程序中用到的urldecode和base64decode,MD5" target="_blank">我程序中用到的urldecode和base64decode,MD5</a>
<span class="text-muted">bitcarter</span>
<a class="tag" taget="_blank" href="/search/c/1.htm">c</a><a class="tag" taget="_blank" href="/search/MD5/1.htm">MD5</a><a class="tag" taget="_blank" href="/search/base64decode/1.htm">base64decode</a><a class="tag" taget="_blank" href="/search/urldecode/1.htm">urldecode</a>
<div>这里是base64decode和urldecode，Md5在附件中。因为我是在后台所以需要解码：
string Base64Decode(const char* Data,int DataByte,int& OutByte)
{
//解码表
const char DecodeTable[] =
{
0, 0, 0, 0, 0, 0</div>
</li>
<li><a href="/article/1850.htm"
title="腾讯资深运维专家周小军：QQ与微信架构的惊天秘密" target="_blank">腾讯资深运维专家周小军：QQ与微信架构的惊天秘密</a>
<span class="text-muted">ronin47</span>
<div>社交领域一直是互联网创业的大热门，从PC到移动端，从OICQ、MSN到QQ。到了移动互联网时代，社交领域应用开始彻底爆发，直奔黄金期。腾讯在过去几年里，社交平台更是火到爆，QQ和微信坐拥几亿的粉丝，QQ空间和朋友圈各种刷屏，写心得，晒照片，秀视频，那么谁来为企鹅保驾护航呢？支撑QQ和微信海量数据背后的架构又有哪些惊天内幕呢？本期大讲堂的内容来自今年2月份ChinaUnix对腾讯社交网络运营服务中心</div>
</li>
<li><a href="/article/1977.htm"
title="java-69-旋转数组的最小元素。把一个数组最开始的若干个元素搬到数组的末尾，我们称之为数组的旋转。输入一个排好序的数组的一个旋转，输出旋转数组的最小元素" target="_blank">java-69-旋转数组的最小元素。把一个数组最开始的若干个元素搬到数组的末尾，我们称之为数组的旋转。输入一个排好序的数组的一个旋转，输出旋转数组的最小元素</a>
<span class="text-muted">bylijinnan</span>
<a class="tag" taget="_blank" href="/search/java/1.htm">java</a>
<div>
public class MinOfShiftedArray {
/**
* Q69 旋转数组的最小元素
* 把一个数组最开始的若干个元素搬到数组的末尾，我们称之为数组的旋转。输入一个排好序的数组的一个旋转，输出旋转数组的最小元素。
* 例如数组{3, 4, 5, 1, 2}为{1, 2, 3, 4, 5}的一个旋转，该数组的最小值为1。
*/
publ</div>
</li>
<li><a href="/article/2104.htm"
title="看博客，应该是有方向的" target="_blank">看博客，应该是有方向的</a>
<span class="text-muted">Cb123456</span>
<a class="tag" taget="_blank" href="/search/%E5%8F%8D%E7%9C%81/1.htm">反省</a><a class="tag" taget="_blank" href="/search/%E7%9C%8B%E5%8D%9A%E5%AE%A2/1.htm">看博客</a>
<div>看博客，应该是有方向的:
我现在就复习以前的，在补补以前不会的，现在还不会的，同时完善完善项目，也看看别人的博客.
我刚突然想到的:
1.应该看计算机组成原理，数据结构，一些算法，还有关于android,java的。
2.对于我，也快大四了，看一些职业规划的，以及一些学习的经验，看看别人的工作总结的.
为什么要写</div>
</li>
<li><a href="/article/2231.htm"
title="[开源与商业]做开源项目的人生活上一定要朴素,尽量减少对官方和商业体系的依赖" target="_blank">[开源与商业]做开源项目的人生活上一定要朴素,尽量减少对官方和商业体系的依赖</a>
<span class="text-muted">comsci</span>
<a class="tag" taget="_blank" href="/search/%E5%BC%80%E6%BA%90%E9%A1%B9%E7%9B%AE/1.htm">开源项目</a>
<div>
为什么这样说呢？ 因为科学和技术的发展有时候需要一个平缓和长期的积累过程，但是行政和商业体系本身充满各种不稳定性和不确定性，如果你希望长期从事某个科研项目，但是却又必须依赖于某种行政和商业体系，那其中的过程必定充满各种风险。。。
所以，为避免这种不确定性风险，我</div>
</li>
<li><a href="/article/2358.htm"
title="一个 sql优化 （[精华] 一个查询优化的分析调整全过程！很值得一看 ）" target="_blank">一个 sql优化 （[精华] 一个查询优化的分析调整全过程！很值得一看 ）</a>
<span class="text-muted">cwqcwqmax9</span>
<a class="tag" taget="_blank" href="/search/sql/1.htm">sql</a>
<div>见 http://www.itpub.net/forum.php?mod=viewthread&tid=239011
Web翻页优化实例
提交时间: 2004-6-18 15:37:49 回复 发消息
环境：
Linux ve</div>
</li>
<li><a href="/article/2485.htm"
title="Hibernat and Ibatis" target="_blank">Hibernat and Ibatis</a>
<span class="text-muted">dashuaifu</span>
<a class="tag" taget="_blank" href="/search/Hibernate/1.htm">Hibernate</a><a class="tag" taget="_blank" href="/search/ibatis/1.htm">ibatis</a>
<div>Hibernate VS iBATIS 简介 Hibernate 是当前最流行的O/R mapping框架，当前版本是3.05。它出身于sf.net，现在已经成为Jboss的一部分了 iBATIS 是另外一种优秀的O/R mapping框架，当前版本是2.0。目前属于apache的一个子项目了。 相对Hibernate“O/R”而言，iBATIS 是一种“Sql Mappi</div>
</li>
<li><a href="/article/2612.htm"
title="备份MYSQL脚本" target="_blank">备份MYSQL脚本</a>
<span class="text-muted">dcj3sjt126com</span>
<a class="tag" taget="_blank" href="/search/mysql/1.htm">mysql</a>
<div>#!/bin/sh
# this shell to backup mysql
#1413161683@qq.com (QQ:1413161683 DuChengJiu)
_dbDir=/var/lib/mysql/
_today=`date +%w`
_bakDir=/usr/backup/$_today
[ ! -d $_bakDir ] && mkdir -p </div>
</li>
<li><a href="/article/2739.htm"
title="iOS第三方开源库的吐槽和备忘" target="_blank">iOS第三方开源库的吐槽和备忘</a>
<span class="text-muted">dcj3sjt126com</span>
<a class="tag" taget="_blank" href="/search/ios/1.htm">ios</a>
<div>转自
ibireme的博客 做iOS开发总会接触到一些第三方库，这里整理一下，做一些吐槽。 目前比较活跃的社区仍旧是Github，除此以外也有一些不错的库散落在Google Code、SourceForge等地方。由于Github社区太过主流，这里主要介绍一下Github里面流行的iOS库。 首先整理了一份
Github上排名靠</div>
</li>
<li><a href="/article/2866.htm"
title="html wlwmanifest.xml" target="_blank">html wlwmanifest.xml</a>
<span class="text-muted">eoems</span>
<a class="tag" taget="_blank" href="/search/html/1.htm">html</a><a class="tag" taget="_blank" href="/search/xml/1.htm">xml</a>
<div>所谓优化wp_head()就是把从wp_head中移除不需要元素，同时也可以加快速度。
步骤：
加入到function.php
remove_action('wp_head', 'wp_generator');
//wp-generator移除wordpress的版本号，本身blog的版本号没什么意义，但是如果让恶意玩家看到，可能会用官网公布的漏洞攻击blog
remov</div>
</li>
<li><a href="/article/2993.htm"
title="浅谈Java定时器发展" target="_blank">浅谈Java定时器发展</a>
<span class="text-muted">hacksin</span>
<a class="tag" taget="_blank" href="/search/java/1.htm">java</a><a class="tag" taget="_blank" href="/search/%E5%B9%B6%E5%8F%91/1.htm">并发</a><a class="tag" taget="_blank" href="/search/timer/1.htm">timer</a><a class="tag" taget="_blank" href="/search/%E5%AE%9A%E6%97%B6%E5%99%A8/1.htm">定时器</a>
<div>java在jdk1.3中推出了定时器类Timer,而后在jdk1.5后由Dou Lea从新开发出了支持多线程的ScheduleThreadPoolExecutor，从后者的表现来看，可以考虑完全替代Timer了。
Timer与ScheduleThreadPoolExecutor对比：
1.
Timer始于jdk1.3,其原理是利用一个TimerTask数组当作队列</div>
</li>
<li><a href="/article/3120.htm"
title="移动端页面侧边导航滑入效果" target="_blank">移动端页面侧边导航滑入效果</a>
<span class="text-muted">ini</span>
<a class="tag" taget="_blank" href="/search/jquery/1.htm">jquery</a><a class="tag" taget="_blank" href="/search/Web/1.htm">Web</a><a class="tag" taget="_blank" href="/search/html5/1.htm">html5</a><a class="tag" taget="_blank" href="/search/css/1.htm">css</a><a class="tag" taget="_blank" href="/search/javascirpt/1.htm">javascirpt</a>
<div>效果体验：http://hovertree.com/texiao/mobile/2.htm可以使用移动设备浏览器查看效果。效果使用到jquery-2.1.4.min.js，该版本的jQuery库是用于支持HTML5的浏览器上，不再兼容IE8以前的浏览器，现在移动端浏览器一般都支持HTML5，所以使用该jQuery没问题。HTML文件代码：
<!DOCTYPE html>
<h</div>
</li>
<li><a href="/article/3247.htm"
title="AspectJ+Javasist记录日志" target="_blank">AspectJ+Javasist记录日志</a>
<span class="text-muted">kane_xie</span>
<a class="tag" taget="_blank" href="/search/aspectj/1.htm">aspectj</a><a class="tag" taget="_blank" href="/search/javasist/1.htm">javasist</a>
<div>在项目中碰到这样一个需求，对一个服务类的每一个方法，在方法开始和结束的时候分别记录一条日志，内容包括方法名，参数名+参数值以及方法执行的时间。
@Override
public String get(String key) {
// long start = System.currentTimeMillis();
// System.out.println("Be</div>
</li>
<li><a href="/article/3374.htm"
title="redis学习笔记" target="_blank">redis学习笔记</a>
<span class="text-muted">MJC410621</span>
<a class="tag" taget="_blank" href="/search/redis/1.htm">redis</a><a class="tag" taget="_blank" href="/search/NoSQL/1.htm">NoSQL</a>
<div>1)nosql数据库主要由以下特点：非关系型的、分布式的、开源的、水平可扩展的。
1，处理超大量的数据
2，运行在便宜的PC服务器集群上，
3，击碎了性能瓶颈。
1)对数据高并发读写。
2)对海量数据的高效率存储和访问。
3)对数据的高扩展性和高可用性。
redis支持的类型：
Sring 类型
set name lijie
get name lijie
set na</div>
</li>
<li><a href="/article/3501.htm"
title="使用redis实现分布式锁" target="_blank">使用redis实现分布式锁</a>
<span class="text-muted">qifeifei</span>
<div>在多节点的系统中，如何实现分布式锁机制，其中用redis来实现是很好的方法之一，我们先来看一下jedis包中，有个类名BinaryJedis,它有个方法如下：
public Long setnx(final byte[] key, final byte[] value) {
checkIsInMulti();
client.setnx(key, value);
ret</div>
</li>
<li><a href="/article/3628.htm"
title="BI并非万能，中层业务管理报表要另辟蹊径" target="_blank">BI并非万能，中层业务管理报表要另辟蹊径</a>
<span class="text-muted">张老师的菜</span>
<a class="tag" taget="_blank" href="/search/%E5%A4%A7%E6%95%B0%E6%8D%AE/1.htm">大数据</a><a class="tag" taget="_blank" href="/search/BI/1.htm">BI</a><a class="tag" taget="_blank" href="/search/%E5%95%86%E4%B8%9A%E6%99%BA%E8%83%BD/1.htm">商业智能</a><a class="tag" taget="_blank" href="/search/%E4%BF%A1%E6%81%AF%E5%8C%96/1.htm">信息化</a>
<div> BI是商业智能的缩写，是可以帮助企业做出明智的业务经营决策的工具，其数据来源于各个业务系统，如ERP、CRM、SCM、进销存、HER、OA等。
BI系统不同于传统的管理信息系统，他号称是一个整体应用的解决方案，是融入管理思想的强大系统：有着系统整体的设计思想，支持对所有</div>
</li>
<li><a href="/article/3755.htm"
title="安装rvm后出现rvm not a function 或者ruby -v后提示没安装ruby的问题" target="_blank">安装rvm后出现rvm not a function 或者ruby -v后提示没安装ruby的问题</a>
<span class="text-muted">wudixiaotie</span>
<a class="tag" taget="_blank" href="/search/function/1.htm">function</a>
<div>1.在~/.bashrc最后加入
[[ -s "$HOME/.rvm/scripts/rvm" ]] && source "$HOME/.rvm/scripts/rvm"
2.重新启动terminal输入：
rvm use ruby-2.2.1 --default
把当前安装的ruby版本设为默</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>
