最齐全的网站元数据meta标签的含义和用法
随着HTML5的流行和Web技术的不断演变，Meta标签队伍也越来越壮大，从Windows XP的IE6到如今Windows 7、Windows 8的IE9、IE10、IE11，对Html5的支持越来越好，html meta标签的功能作用也越来越强大。
首先，先说一下最初产生的一些常用meta标签。从Meta标签的定义说起。
Meta标签是HTML语言中HEAD区的一个辅助性标签，它位于HTML文档头部的
标记 和
标记之间，它提供用户不可见的信息。META标签有两个重要的属性：HTTP标题信息(HTTP-EQUIV)和页面描述信息(name)。</p>
<span style="color:rgb(51,51,51);font-family:Arial;font-size:14px;">name属性是描述网页的，对应于content（网页内容），以便于搜索引擎机器人查找、分类，目前几乎所有的搜索引擎都使用网上机器人自动查找meta值来给网页分类。</span>
<br style="color:rgb(51,51,51);font-family:Arial;font-size:14px;">
<p style="color:rgb(51,51,51);font-family:Arial;font-size:14px;">Meta标签的name属性语法格式：＜meta name="参数" content="具体参数值"＞</p>
<span style="color:rgb(51,51,51);font-family:Arial;font-size:14px;">1. Keywords (关键字)</span>
<br style="color:rgb(51,51,51);font-family:Arial;font-size:14px;">
<span style="color:rgb(51,51,51);font-family:Arial;font-size:14px;">说明：告诉搜索引擎你网页的关键字是什么。</span>
<br style="color:rgb(51,51,51);font-family:Arial;font-size:14px;">
<span style="color:rgb(51,51,51);font-family:Arial;font-size:14px;">用法：<meta name="keywords" content="SEO优化,SEO优化教程,网站优化,搜索引擎优化教程"></span>
<br style="color:rgb(51,51,51);font-family:Arial;font-size:14px;">
<br style="color:rgb(51,51,51);font-family:Arial;font-size:14px;">
<span style="color:rgb(51,51,51);font-family:Arial;font-size:14px;">2. Description (网页描述)</span>
<br style="color:rgb(51,51,51);font-family:Arial;font-size:14px;">
<span style="color:rgb(51,51,51);font-family:Arial;font-size:14px;">说明：Description用来告诉搜索引擎你的网页主要内容。</span>
<br style="color:rgb(51,51,51);font-family:Arial;font-size:14px;">
<span style="color:rgb(51,51,51);font-family:Arial;font-size:14px;">用法：<meta name="description" content="学习研究搜索引擎优化网提供专业的SEO优化教程，收集整理SEO优化文章、SEO优化工具，为网络营销贡献出自己的一份力量。" /></span>
<br style="color:rgb(51,51,51);font-family:Arial;font-size:14px;">
<br style="color:rgb(51,51,51);font-family:Arial;font-size:14px;">
<span style="color:rgb(51,51,51);font-family:Arial;font-size:14px;">3. Robots (机器人向导)</span>
<br style="color:rgb(51,51,51);font-family:Arial;font-size:14px;">
<span style="color:rgb(51,51,51);font-family:Arial;font-size:14px;">说明：Robots用来告诉搜索机器人哪些页面需要索引，哪些页面不需要索引。Content的参数有all、none、index、noindex、follow、nofollow。默认是all。</span>
<br style="color:rgb(51,51,51);font-family:Arial;font-size:14px;">
<span style="color:rgb(51,51,51);font-family:Arial;font-size:14px;">用法：<meta name="robots" content="All|None|Index|Noindex|Follow|Nofollow"></span>
<br style="color:rgb(51,51,51);font-family:Arial;font-size:14px;">
<span style="color:rgb(51,51,51);font-family:Arial;font-size:14px;">all：文件将被检索，且页面上的链接可以被查询；</span>
<br style="color:rgb(51,51,51);font-family:Arial;font-size:14px;">
<span style="color:rgb(51,51,51);font-family:Arial;font-size:14px;">none：文件将不被检索，且页面上的链接不可以被查询；(和 "noindex, no follow" 起相同作用)</span>
<br style="color:rgb(51,51,51);font-family:Arial;font-size:14px;">
<span style="color:rgb(51,51,51);font-family:Arial;font-size:14px;">index：文件将被检索；（让robot/spider登录）</span>
<br style="color:rgb(51,51,51);font-family:Arial;font-size:14px;">
<span style="color:rgb(51,51,51);font-family:Arial;font-size:14px;">follow：页面上的链接可以被查询；</span>
<br style="color:rgb(51,51,51);font-family:Arial;font-size:14px;">
<span style="color:rgb(51,51,51);font-family:Arial;font-size:14px;">noindex：文件将不被检索，但页面上的链接可以被查询；(不让robot/spider登录)</span>
<br style="color:rgb(51,51,51);font-family:Arial;font-size:14px;">
<span style="color:rgb(51,51,51);font-family:Arial;font-size:14px;">nofollow：文件将不被检索，页面上的链接可以被查询。(不让robot/spider顺着此页的连接往下探找) </span>
<br style="color:rgb(51,51,51);font-family:Arial;font-size:14px;">
<br style="color:rgb(51,51,51);font-family:Arial;font-size:14px;">
<span style="color:rgb(51,51,51);font-family:Arial;font-size:14px;">4. Author (作者)</span>
<br style="color:rgb(51,51,51);font-family:Arial;font-size:14px;">
<span style="color:rgb(51,51,51);font-family:Arial;font-size:14px;">说明：标注网页的作者或制作组</span>
<br style="color:rgb(51,51,51);font-family:Arial;font-size:14px;">
<span style="color:rgb(51,51,51);font-family:Arial;font-size:14px;">用法：<meta name="author" content="mycodewind，mycodewind@qq.com"></span>
<br style="color:rgb(51,51,51);font-family:Arial;font-size:14px;">
<span style="color:rgb(51,51,51);font-family:Arial;font-size:14px;">注意：Content可以是：你或你的制作组的名字,或Email</span>
<br style="color:rgb(51,51,51);font-family:Arial;font-size:14px;">
<br style="color:rgb(51,51,51);font-family:Arial;font-size:14px;">
<span style="color:rgb(51,51,51);font-family:Arial;font-size:14px;">5. Copyright (版权)</span>
<br style="color:rgb(51,51,51);font-family:Arial;font-size:14px;">
<span style="color:rgb(51,51,51);font-family:Arial;font-size:14px;">说明：标注版权</span>
<br style="color:rgb(51,51,51);font-family:Arial;font-size:14px;">
<span style="color:rgb(51,51,51);font-family:Arial;font-size:14px;">用法：<meta name="copyright" content="本网站版权归CSDN所有"></span>
<br style="color:rgb(51,51,51);font-family:Arial;font-size:14px;">
<br style="color:rgb(51,51,51);font-family:Arial;font-size:14px;">
<span style="color:rgb(51,51,51);font-family:Arial;font-size:14px;">6. Generator (编辑器)</span>
<br style="color:rgb(51,51,51);font-family:Arial;font-size:14px;">
<span style="color:rgb(51,51,51);font-family:Arial;font-size:14px;">说明：编辑器的说明</span>
<br style="color:rgb(51,51,51);font-family:Arial;font-size:14px;">
<span style="color:rgb(51,51,51);font-family:Arial;font-size:14px;">用法：<meta name="generator" content="PCDATA|FrontPage|"></span>
<br style="color:rgb(51,51,51);font-family:Arial;font-size:14px;">
<span style="color:rgb(51,51,51);font-family:Arial;font-size:14px;">注意：Content="你所用编辑器"</span>
<br style="color:rgb(51,51,51);font-family:Arial;font-size:14px;">
<br style="color:rgb(51,51,51);font-family:Arial;font-size:14px;">
<span style="color:rgb(51,51,51);font-family:Arial;font-size:14px;">7. Revisit-after (重访)</span>
<br style="color:rgb(51,51,51);font-family:Arial;font-size:14px;">
<span style="color:rgb(51,51,51);font-family:Arial;font-size:14px;">说明：通知搜索引擎多少天访问一次</span>
<br style="color:rgb(51,51,51);font-family:Arial;font-size:14px;">
<span style="color:rgb(51,51,51);font-family:Arial;font-size:14px;">用法：<meta name="revisit-after" content="7 days" ></span>
<br style="color:rgb(51,51,51);font-family:Arial;font-size:14px;">
<br style="color:rgb(51,51,51);font-family:Arial;font-size:14px;">
<span style="color:rgb(51,51,51);font-family:Arial;font-size:14px;">从IE9开始引入了固定网站功能，对用户来说这是一种只需在任务栏上单击图标即可直接访问网站的简单方式。固定网站还易于实现，仅需要非常少的代码。以下的元数据标签只在IE9+生效。如Windows Vista,Windows 7系统上。官方文档地址http://msdn.microsoft.com/zh-cn/library/ie/gg491732%28v=vs.85%29.aspx 。所有元素都是可选的。包括：</span>
<br style="color:rgb(51,51,51);font-family:Arial;font-size:14px;">
<a href="http://img.e-com-net.com/image/info8/d272a6f79ae74d50a4578d365f367654.jpg" target="_blank"><img src="http://img.e-com-net.com/image/info8/d272a6f79ae74d50a4578d365f367654.jpg" alt="元数据标签的含义和用法_第1张图片" style="border:none;color:rgb(51,51,51);font-family:Arial;font-size:14px;;border:1px solid black;" width="279" height="331"></a>
<br style="color:rgb(51,51,51);font-family:Arial;font-size:14px;">
<span style="color:rgb(51,51,51);font-family:Arial;font-size:14px;">针对安装的元数据：下面的 meta 元素控制如何在“开始”菜单和 Windows 7 任务栏上创建固定站点快捷方式。 所有这些元素都是可选的，但是强烈建议对页面起始处、页面名称、更好的辅助或识别功能以及启动时的自定义大小具有更多控制。</span>
<br style="color:rgb(51,51,51);font-family:Arial;font-size:14px;">
<span style="color:rgb(51,51,51);font-family:Arial;font-size:14px;">安装元数据元素仅在用户固定网站时使用。此后，对这些值的更改将不会对固定网站造成任何影响。因此，以下 meta 元素有时候被称为“安装时”值：</span>
<br style="color:rgb(51,51,51);font-family:Arial;font-size:14px;">
<br style="color:rgb(51,51,51);font-family:Arial;font-size:14px;">
<ul style="color:rgb(51,51,51);font-family:Arial;font-size:14px;">
<li>application-name</li>
<li>msapplication-tooltip</li>
<li>msapplication-starturl</li>
<li>msapplication-window</li>
</ul>
<br style="color:rgb(51,51,51);font-family:Arial;font-size:14px;">
<br style="color:rgb(51,51,51);font-family:Arial;font-size:14px;">
<span style="color:rgb(51,51,51);font-family:Arial;font-size:14px;">运行时元数据：与安装时值不同，在用户每次启动固定网站时将读取以下元数据。因此，网站开发人员可使用这些值不断修改用户体验。控制对这些值的更改的最佳方法是在固定网站的起始 URL 中定义它们。</span>
<br style="color:rgb(51,51,51);font-family:Arial;font-size:14px;">
<br style="color:rgb(51,51,51);font-family:Arial;font-size:14px;">
<ul style="color:rgb(51,51,51);font-family:Arial;font-size:14px;">
<li>msapplication-navbutton-color</li>
<li>msapplication-task</li>
<li>msapplication-task-separator</li>
</ul>
<br style="color:rgb(51,51,51);font-family:Arial;font-size:14px;">
<span style="color:rgb(51,51,51);font-family:Arial;font-size:14px;">8.application-name</span>
<br style="color:rgb(51,51,51);font-family:Arial;font-size:14px;">
<span style="color:rgb(51,51,51);font-family:Arial;font-size:14px;">说明："application-name" 元数据定义固定网站应用程序实例的名称。当光标悬停在 Windows 7 任务栏的固定网站按钮上时，此名称将出现在工具提示中。该应用程序名称还将附加到固定网站应用程序实例的窗口标题中。</span>
<br style="color:rgb(51,51,51);font-family:Arial;font-size:14px;">
<span style="color:rgb(51,51,51);font-family:Arial;font-size:14px;">用法：<meta name="application-name" content="8783手游网" /></span>
<br style="color:rgb(51,51,51);font-family:Arial;font-size:14px;">
<br style="color:rgb(51,51,51);font-family:Arial;font-size:14px;">
<span style="color:rgb(51,51,51);font-family:Arial;font-size:14px;">9.msapplication-tooltip</span>
<br style="color:rgb(51,51,51);font-family:Arial;font-size:14px;">
<span style="color:rgb(51,51,51);font-family:Arial;font-size:14px;">说明："msapplication-tooltip" 元数据提供其他工具提示文本，当光标悬停在 Windows 的“开始”菜单中或桌面上的固定网站快捷方式上时，将会出现这些文本。</span>
<br style="color:rgb(51,51,51);font-family:Arial;font-size:14px;">
<span style="color:rgb(51,51,51);font-family:Arial;font-size:14px;">用法：<meta name="msapplication-tooltip" content="8783手游网" /></span>
<br style="color:rgb(51,51,51);font-family:Arial;font-size:14px;">
<br style="color:rgb(51,51,51);font-family:Arial;font-size:14px;">
<span style="color:rgb(51,51,51);font-family:Arial;font-size:14px;">10.msapplication-starturl</span>
<br style="color:rgb(51,51,51);font-family:Arial;font-size:14px;">
<span style="color:rgb(51,51,51);font-family:Arial;font-size:14px;">说明："msapplication-starturl" 元数据包含应用程序的根 URL。起始 URL 可以是完全限定或相对于当前文档的。只允许 HTTP 和 HTTPS 协议。如果缺少此元素，则改为使用当前页的地址。</span>
<br style="color:rgb(51,51,51);font-family:Arial;font-size:14px;">
<span style="color:rgb(51,51,51);font-family:Arial;font-size:14px;">用法：<meta name="msapplication-starturl" content="./" /></span>
<br style="color:rgb(51,51,51);font-family:Arial;font-size:14px;">
<span style="color:rgb(51,51,51);font-family:Arial;font-size:14px;">补充："msapplication-starturl" 元数据创建你的网站的公共入口点。当存在此元数据时，固定网站会启动起始 URL 而不是最初拖动到任务栏的页面。更重要的是，起始页中声明的运行时元数据将在每次启动网站时重新定义导航按钮颜色和静态跳转列表任务。（有关详细信息，请参阅运行时元数据部分。）</span>
<br style="color:rgb(51,51,51);font-family:Arial;font-size:14px;">
<br style="color:rgb(51,51,51);font-family:Arial;font-size:14px;">
<span style="color:rgb(51,51,51);font-family:Arial;font-size:14px;">作为如何使用 "msapplication-starturl" 的示例，请考虑一个提供多个类型的计算器仿真器的站点：一个具有标准布局，一个具有科学布局，一个具有统计函数。如果没有起始 URL，用户可能只将科学计算器固定到任务栏，从而无法轻松地访问集合中的其他计算器。通过添加起始 URL，网站开发人员可以声明网站的公共入口点。</span>
<br style="color:rgb(51,51,51);font-family:Arial;font-size:14px;">
<br style="color:rgb(51,51,51);font-family:Arial;font-size:14px;">
<span style="color:rgb(51,51,51);font-family:Arial;font-size:14px;"><meta name="msapplication-starturl" content="./CalculatorHome.html" /></span>
<br style="color:rgb(51,51,51);font-family:Arial;font-size:14px;">
<br style="color:rgb(51,51,51);font-family:Arial;font-size:14px;">
<span style="color:rgb(51,51,51);font-family:Arial;font-size:14px;">通过将安装时元数据添加到仿真程序页面，网站开发人员可控制用户访问网站的方式。通过在起始页中添加跳转列表元数据，网站开发人员可以更轻松地控制用户选择要使用的计算器样式的方式。有关详细信息，请参阅向跳转列表添加任务。</span>
<br style="color:rgb(51,51,51);font-family:Arial;font-size:14px;">
<span style="color:rgb(51,51,51);font-family:Arial;font-size:14px;">处理服务器重定向</span>
<br style="color:rgb(51,51,51);font-family:Arial;font-size:14px;">
<br style="color:rgb(51,51,51);font-family:Arial;font-size:14px;">
<span style="color:rgb(51,51,51);font-family:Arial;font-size:14px;">如果你的起始 URL 重定向到其他网页，请确保声明提供给客户端的网页中的所有运行时元数据。如果服务器重定向到新路径，则你的起始 URL 必须包括该路径和结尾反斜杠 (/)。</span>
<br style="color:rgb(51,51,51);font-family:Arial;font-size:14px;">
<br style="color:rgb(51,51,51);font-family:Arial;font-size:14px;">
<span style="color:rgb(51,51,51);font-family:Arial;font-size:14px;">例如，如果 "http://contoso.com/" 重定向至 "http://www.contoso.com/Home/"，则起始 URL 必须包括新路径和结尾反斜杠，如下所示：</span>
<br style="color:rgb(51,51,51);font-family:Arial;font-size:14px;">
<br style="color:rgb(51,51,51);font-family:Arial;font-size:14px;">
<span style="color:rgb(51,51,51);font-family:Arial;font-size:14px;"><meta name="msapplication-starturl" content="http://www.contoso.com/Home/" /></span>
<br style="color:rgb(51,51,51);font-family:Arial;font-size:14px;">
<span style="color:rgb(51,51,51);font-family:Arial;font-size:14px;">OR</span>
<br style="color:rgb(51,51,51);font-family:Arial;font-size:14px;">
<span style="color:rgb(51,51,51);font-family:Arial;font-size:14px;"><meta name="msapplication-starturl" content="/Home/" /></span>
<br style="color:rgb(51,51,51);font-family:Arial;font-size:14px;">
<br style="color:rgb(51,51,51);font-family:Arial;font-size:14px;">
<span style="color:rgb(51,51,51);font-family:Arial;font-size:14px;">11.msapplication-window</span>
<br style="color:rgb(51,51,51);font-family:Arial;font-size:14px;">
<span style="color:rgb(51,51,51);font-family:Arial;font-size:14px;">说明："msapplication-window" 元数据设置固定网站首次启动时的初始窗口大小。但是，如果用户调整了窗口大小，则再次启动固定网站时，该网站将保留新的尺寸。</span>
<br style="color:rgb(51,51,51);font-family:Arial;font-size:14px;">
<span style="color:rgb(51,51,51);font-family:Arial;font-size:14px;">下表说明了构成 meta 元素的 content 特性的两个部分。这两个部分都是必需的，且必须用分号隔开。</span>
<br style="color:rgb(51,51,51);font-family:Arial;font-size:14px;">
<span style="color:rgb(51,51,51);font-family:Arial;font-size:14px;">部分 说明</span>
<br style="color:rgb(51,51,51);font-family:Arial;font-size:14px;">
<span style="color:rgb(51,51,51);font-family:Arial;font-size:14px;">width 以像素表示的窗口宽度。最小值为 800。</span>
<br style="color:rgb(51,51,51);font-family:Arial;font-size:14px;">
<span style="color:rgb(51,51,51);font-family:Arial;font-size:14px;">height 以像素表示的窗口高度。最小值为 600。</span>
<br style="color:rgb(51,51,51);font-family:Arial;font-size:14px;">
<span style="color:rgb(51,51,51);font-family:Arial;font-size:14px;">用法：<meta name="msapplication-window" content="width=1024;height=768" /></span>
<br style="color:rgb(51,51,51);font-family:Arial;font-size:14px;">
<br style="color:rgb(51,51,51);font-family:Arial;font-size:14px;">
<span style="color:rgb(51,51,51);font-family:Arial;font-size:14px;">12.msapplication-navbutton-color</span>
<br style="color:rgb(51,51,51);font-family:Arial;font-size:14px;">
<span style="color:rgb(51,51,51);font-family:Arial;font-size:14px;">说明："msapplication-navbutton-color" 元数据定义固定网站浏览器窗口中的“后退”和“前进”按钮的自定义颜色。任何命名颜色或十六进制颜色值均有效。有关颜色名称的完整列表，请参阅颜色表（访问http://msdn.microsoft.com/zh-cn/library/ie/ms531197%28v=vs.85%29.aspx）。</span>
<br style="color:rgb(51,51,51);font-family:Arial;font-size:14px;">
<span style="color:rgb(51,51,51);font-family:Arial;font-size:14px;">用法：<meta name="msapplication-navbutton-color" content="#FF3300" /></span>
<br style="color:rgb(51,51,51);font-family:Arial;font-size:14px;">
<span style="color:rgb(51,51,51);font-family:Arial;font-size:14px;">补充：如果没有此 meta 元素，则默认颜色将基于网站图标（即，favicon）的调色板。若要了解如何为你的网站选择自定义图标，请参阅自定义站点图标（访问http://msdn.microsoft.com/zh-cn/library/ie/gg491740%28v=vs.85%29.aspx）。</span>
<br style="color:rgb(51,51,51);font-family:Arial;font-size:14px;">
<br style="color:rgb(51,51,51);font-family:Arial;font-size:14px;">
<span style="color:rgb(51,51,51);font-family:Arial;font-size:14px;">13.msapplication-task</span>
<br style="color:rgb(51,51,51);font-family:Arial;font-size:14px;">
<span style="color:rgb(51,51,51);font-family:Arial;font-size:14px;">说明：它能够将一个网站如同程序固定在 Windows Vista 和 Windows 7 的任务栏中，并且在点击图标后显示一个相关网站的列表。与其他网站元数据一样，可使用 meta 元素定义静态任务。下一个任务向跳转列表（访问http://msdn.microsoft.com/zh-cn/library/ie/gg491725%28v=vs.85%29.aspx）添加任务说明了如何执行此操作。</span>
<br style="color:rgb(51,51,51);font-family:Arial;font-size:14px;">
<span style="color:rgb(51,51,51);font-family:Arial;font-size:14px;">用法：<meta name="msapplication-task" content="name=8783手游网;action-uri=http://www.8783.com;icon-uri=../static/8783.ico" /></span>
<br style="color:rgb(51,51,51);font-family:Arial;font-size:14px;">
<br style="color:rgb(51,51,51);font-family:Arial;font-size:14px;">
<span style="color:rgb(51,51,51);font-family:Arial;font-size:14px;">14.msapplication-task-separator</span>
<br style="color:rgb(51,51,51);font-family:Arial;font-size:14px;">
<span style="color:rgb(51,51,51);font-family:Arial;font-size:14px;">说明：将此元素放在各个任务之间，以便在跳转列表菜单中放置一条分隔线。如果有多条分隔线，则必须通过声明 content="[unique value]" 使每条分隔线都具有唯一性。</span>
<br style="color:rgb(51,51,51);font-family:Arial;font-size:14px;">
<span style="color:rgb(51,51,51);font-family:Arial;font-size:14px;">用法：</span>
<br style="color:rgb(51,51,51);font-family:Arial;font-size:14px;">
<span style="color:rgb(51,51,51);font-family:Arial;font-size:14px;"><meta name="msapplication-task" content="name=Latest HTMLGoodies Articles; action-uri=http://www.htmlgoodies.com/; icon-uri=http://www.htmlgoodies.com/Favicon.ico" /></span>
<br style="color:rgb(51,51,51);font-family:Arial;font-size:14px;">
<br style="color:rgb(51,51,51);font-family:Arial;font-size:14px;">
<span style="color:rgb(51,51,51);font-family:Arial;font-size:14px;"><meta name="msapplication-task" content="name=HTML5 Development Center; action-uri= http://www.htmlgoodies.com/html5/; icon-uri=http://www.htmlgoodies.com/Favicon.ico" /></span>
<br style="color:rgb(51,51,51);font-family:Arial;font-size:14px;">
<br style="color:rgb(51,51,51);font-family:Arial;font-size:14px;">
<span style="color:rgb(51,51,51);font-family:Arial;font-size:14px;"><meta name="msapplication-task-separator" content="Forum Tasks" /></span>
<br style="color:rgb(51,51,51);font-family:Arial;font-size:14px;">
<br style="color:rgb(51,51,51);font-family:Arial;font-size:14px;">
<span style="color:rgb(51,51,51);font-family:Arial;font-size:14px;"><meta name="msapplication-task" content="name=HTML Discussion Forums; action-uri= http://www.webdeveloper.com/forum/forumdisplay.php?f=2; icon-uri=http://www.htmlgoodies.com/Favicon.ico" /></span>
<br style="color:rgb(51,51,51);font-family:Arial;font-size:14px;">
<br style="color:rgb(51,51,51);font-family:Arial;font-size:14px;">
<span style="color:rgb(51,51,51);font-family:Arial;font-size:14px;">更多用例：</span>
<br style="color:rgb(51,51,51);font-family:Arial;font-size:14px;">
<br style="color:rgb(51,51,51);font-family:Arial;font-size:14px;">
<span style="color:rgb(51,51,51);font-family:Arial;font-size:14px;">Bing.com的使用案例：</span>
<br style="color:rgb(51,51,51);font-family:Arial;font-size:14px;">
<span style="color:rgb(51,51,51);font-family:Arial;font-size:14px;"><meta content="Bing" name="application-name" /></span>
<br style="color:rgb(51,51,51);font-family:Arial;font-size:14px;">
<span style="color:rgb(51,51,51);font-family:Arial;font-size:14px;"><meta content="Bing" name="msapplication-tooltip" /></span>
<br style="color:rgb(51,51,51);font-family:Arial;font-size:14px;">
<span style="color:rgb(51,51,51);font-family:Arial;font-size:14px;"><meta content="width=1024;height=768" name="msapplication-window" /></span>
<br style="color:rgb(51,51,51);font-family:Arial;font-size:14px;">
<span style="color:rgb(51,51,51);font-family:Arial;font-size:14px;"><meta content="/" name="msapplication-starturl" /></span>
<br style="color:rgb(51,51,51);font-family:Arial;font-size:14px;">
<br style="color:rgb(51,51,51);font-family:Arial;font-size:14px;">
<span style="color:rgb(51,51,51);font-family:Arial;font-size:14px;">BeautyoftheWeb.com的使用案例：</span>
<br style="color:rgb(51,51,51);font-family:Arial;font-size:14px;">
<span style="color:rgb(51,51,51);font-family:Arial;font-size:14px;"><meta name="application-name" content="Beauty Of The Web" /></span>
<br style="color:rgb(51,51,51);font-family:Arial;font-size:14px;">
<span style="color:rgb(51,51,51);font-family:Arial;font-size:14px;"><meta name="msapplication-tooltip" content="Start the Beauty Of The Web" /></span>
<br style="color:rgb(51,51,51);font-family:Arial;font-size:14px;">
<span style="color:rgb(51,51,51);font-family:Arial;font-size:14px;"><meta name="msapplication-starturl" content="http://www.beautyoftheweb.com/" /></span>
<br style="color:rgb(51,51,51);font-family:Arial;font-size:14px;">
<span style="color:rgb(51,51,51);font-family:Arial;font-size:14px;"><meta name="msapplication-navbutton-color" content="#5f6dbd" /></span>
<br style="color:rgb(51,51,51);font-family:Arial;font-size:14px;">
<br style="color:rgb(51,51,51);font-family:Arial;font-size:14px;">
<span style="color:rgb(51,51,51);font-family:Arial;font-size:14px;">Facebook.com的使用案例：</span>
<br style="color:rgb(51,51,51);font-family:Arial;font-size:14px;">
<span style="color:rgb(51,51,51);font-family:Arial;font-size:14px;"><meta name="application-name" content="Facebook"/></span>
<br style="color:rgb(51,51,51);font-family:Arial;font-size:14px;">
<span style="color:rgb(51,51,51);font-family:Arial;font-size:14px;"><meta name="msapplication-tooltip" content="Start the Facebook App"/></span>
<br style="color:rgb(51,51,51);font-family:Arial;font-size:14px;">
<span style="color:rgb(51,51,51);font-family:Arial;font-size:14px;"><meta name="msapplication-starturl" content="/"/></span>
<br style="color:rgb(51,51,51);font-family:Arial;font-size:14px;">
<span style="color:rgb(51,51,51);font-family:Arial;font-size:14px;"><meta name="msapplication-window" content="width=800;height=600"/></span>
<br style="color:rgb(51,51,51);font-family:Arial;font-size:14px;">
<br style="color:rgb(51,51,51);font-family:Arial;font-size:14px;">
<p style="color:rgb(51,51,51);font-family:Arial;font-size:14px;"><br></p>
<p style="color:rgb(51,51,51);font-family:Arial;font-size:14px;"><strong>2012年10月26日，微软发布了Windows8和Microsoft Surface及其默认的IE10</strong>，这次不仅增加了对大量HTML5、CSS3特性的支持，而且有一个非常方便用户的功能：<strong>固定站点。</strong></p>
<span style="color:rgb(51,51,51);font-family:Arial;font-size:14px;">Windows 8 通过在“开始”屏幕上使用磁贴来实现固定网站。当用户单击固定网站的磁贴时，该网站将在新 Windows UI 环境中在 Internet Explorer 10 中打开。你将在下面了解到如何在 Windows 8 中实现固定网站通知（访问http://msdn.microsoft.com/zh-cn/library/IE/hh880842%28v=vs.85%29.aspx）。</span>
<br style="color:rgb(51,51,51);font-family:Arial;font-size:14px;">
<span style="color:rgb(51,51,51);font-family:Arial;font-size:14px;">你必须提供以下几条信息以在 Windows 8 中正确实现固定网站通知：</span>
<br style="color:rgb(51,51,51);font-family:Arial;font-size:14px;">
<br style="color:rgb(51,51,51);font-family:Arial;font-size:14px;">
<span style="color:rgb(51,51,51);font-family:Arial;font-size:14px;"> 轮询通知的 Web 服务的位置</span>
<br style="color:rgb(51,51,51);font-family:Arial;font-size:14px;">
<span style="color:rgb(51,51,51);font-family:Arial;font-size:14px;"> 反应当前锁屏提醒状态的最新 XML 文件</span>
<br style="color:rgb(51,51,51);font-family:Arial;font-size:14px;">
<span style="color:rgb(51,51,51);font-family:Arial;font-size:14px;"> 更新将发生的频率</span>
<br style="color:rgb(51,51,51);font-family:Arial;font-size:14px;">
<br style="color:rgb(51,51,51);font-family:Arial;font-size:14px;">
<span style="color:rgb(51,51,51);font-family:Arial;font-size:14px;">以下元标签为Windows8/Microsoft Surface(IE10+)新引入的：</span>
<br style="color:rgb(51,51,51);font-family:Arial;font-size:14px;">
<br style="color:rgb(51,51,51);font-family:Arial;font-size:14px;">
<span style="color:rgb(51,51,51);font-family:Arial;font-size:14px;">15.msapplication-TileImage</span>
<br style="color:rgb(51,51,51);font-family:Arial;font-size:14px;">
<span style="color:rgb(51,51,51);font-family:Arial;font-size:14px;">说明：在Windows 8上，我们可以将网站固定在开始屏幕上，而且支持个性化自定义色块icon和背景图片。这个标签是用来定义色块的背景图的。色块图应该为144*144像素的png格式图片，背景透明。</span>
<br style="color:rgb(51,51,51);font-family:Arial;font-size:14px;">
<span style="color:rgb(51,51,51);font-family:Arial;font-size:14px;">用法：<meta name="msapplication-TileImage" content="tile.png"></span>
<br style="color:rgb(51,51,51);font-family:Arial;font-size:14px;">
<br style="color:rgb(51,51,51);font-family:Arial;font-size:14px;">
<br style="color:rgb(51,51,51);font-family:Arial;font-size:14px;">
<span style="color:rgb(51,51,51);font-family:Arial;font-size:14px;">16.msapplication-TileColor</span>
<br style="color:rgb(51,51,51);font-family:Arial;font-size:14px;">
<span style="color:rgb(51,51,51);font-family:Arial;font-size:14px;">说明：同前一个元数据msapplication-TileImage类似，这个功能是用来设置颜色值，个性化自定义色块（磁贴）icon。颜色值应该设为logo的主色或者网站视觉的主色调颜色。CSS颜色值可以是16进制的形式（如#333333），命名形式（如red）或者CSS函数（如RGB），如果不设置颜色，IE将默认提取网站icon或色块背景图片的主色来显示为背景色。在IE内的历史检索和其他地方，也会用到这个默认色与icons。</span>
<br style="color:rgb(51,51,51);font-family:Arial;font-size:14px;">
<span style="color:rgb(51,51,51);font-family:Arial;font-size:14px;">用法：<meta name="msapplication-TileColor" content="#ef0303"></span>
<br style="color:rgb(51,51,51);font-family:Arial;font-size:14px;">
<span style="color:rgb(51,51,51);font-family:Arial;font-size:14px;">补充：在合并制作固定网站的icons图时，你仅仅需要在一个选定的背景色上放上白色或黑色的小icon图，不要使用色彩复杂的大图片来做。IE10的色块图尺寸144*144与高分辨率的iPad icon一致。不过，在不同的系统平台上使用同一个icon图时，要注意，因为不同系统平台对icon图的渲染呈现是不一样的。Internet Explorer 10将使用当前页面的标题用于磁贴名称。如果我们想定义一个不同的名称，可以使用title meta标签：<meta name="title" content="Tile title"></span>
<br style="color:rgb(51,51,51);font-family:Arial;font-size:14px;">
<p style="color:rgb(51,51,51);font-family:Arial;font-size:14px;"><a href="http://img.e-com-net.com/image/info8/ba8ed542bf8a40238e9ec5f295e6a393.jpg" target="_blank"><img src="http://img.e-com-net.com/image/info8/ba8ed542bf8a40238e9ec5f295e6a393.jpg" alt="元数据标签的含义和用法_第2张图片" style="border:none;;border:1px solid black;" width="624" height="505"></a><br></p>
<p style="color:rgb(51,51,51);font-family:Arial;font-size:14px;"><br></p>
<span style="color:rgb(51,51,51);font-family:Arial;font-size:14px;">以下的17-21五个元标签是WINDOWS商店应用集成相关的功能：</span>
<br style="color:rgb(51,51,51);font-family:Arial;font-size:14px;">
<br style="color:rgb(51,51,51);font-family:Arial;font-size:14px;">
<span style="color:rgb(51,51,51);font-family:Arial;font-size:14px;">17.msApplication-ID</span>
<br style="color:rgb(51,51,51);font-family:Arial;font-size:14px;">
<span style="color:rgb(51,51,51);font-family:Arial;font-size:14px;">说明：如果你有一款Windows商店应用你可以使用一些meta标签将你的网站与它联系起来。IE将会显示一个菜单让用户可以快速获得这个应用，如果用户还没有安装它的话。如果应用已经安装过了，菜单会变为“切换到xxx应用”。</span>
<br style="color:rgb(51,51,51);font-family:Arial;font-size:14px;">
<span style="color:rgb(51,51,51);font-family:Arial;font-size:14px;">其实这个特性与IOS6上的智能广告推送功能很相似。不过，微软是在Apple之前发布的这个特性。msApplication-ID为 必选项。定义在程序manifest中的id。</span>
<br style="color:rgb(51,51,51);font-family:Arial;font-size:14px;">
<span style="color:rgb(51,51,51);font-family:Arial;font-size:14px;">用法：<meta name="msApplication-ID" content="App"/></span>
<br style="color:rgb(51,51,51);font-family:Arial;font-size:14px;">
<br style="color:rgb(51,51,51);font-family:Arial;font-size:14px;">
<span style="color:rgb(51,51,51);font-family:Arial;font-size:14px;">18.msApplication-PackageFamilyName</span>
<br style="color:rgb(51,51,51);font-family:Arial;font-size:14px;">
<span style="color:rgb(51,51,51);font-family:Arial;font-size:14px;">说明： 必选项。Microsoft Visual Studio创建的用于标识应用的Package family。</span>
<br style="color:rgb(51,51,51);font-family:Arial;font-size:14px;">
<span style="color:rgb(51,51,51);font-family:Arial;font-size:14px;">用法：<meta name="msApplication-PackageFamilyName" content="ZeptoLabUKLimited.CutTheRope_sq9zxnwrk84pj"/></span>
<br style="color:rgb(51,51,51);font-family:Arial;font-size:14px;">
<br style="color:rgb(51,51,51);font-family:Arial;font-size:14px;">
<span style="color:rgb(51,51,51);font-family:Arial;font-size:14px;">19.msApplication-Arguments</span>
<br style="color:rgb(51,51,51);font-family:Arial;font-size:14px;">
<span style="color:rgb(51,51,51);font-family:Arial;font-size:14px;">说明：可选项。 要传递给你的应用的字符串。如果我们不定义这个meta信息，IE将自动传递当前的URL。</span>
<br style="color:rgb(51,51,51);font-family:Arial;font-size:14px;">
<span style="color:rgb(51,51,51);font-family:Arial;font-size:14px;">用法：<meta name="msApplication-Arguments" content="http://www.8783.com/gl/27647.shtml"/></span>
<br style="color:rgb(51,51,51);font-family:Arial;font-size:14px;">
<br style="color:rgb(51,51,51);font-family:Arial;font-size:14px;">
<span style="color:rgb(51,51,51);font-family:Arial;font-size:14px;">下面的代码片段显示了在使用 JavaScript 的 Windows 应用商店应用中如何处理此参数（更多用法访问http://msdn.microsoft.com/zh-cn/library/ie/hh781489%28v=vs.85%29.aspx）：</span>
<br style="color:rgb(51,51,51);font-family:Arial;font-size:14px;">
<br style="color:rgb(51,51,51);font-family:Arial;font-size:14px;">
<div class="dp-highlighter bg_javascript" style="font-family:Consolas, 'Courier New', Courier, mono, serif;color:rgb(51,51,51);">
<div class="bar">
<div class="tools" style="font-size:9px;line-height:normal;font-family:Verdana, Geneva, Arial, Helvetica, sans-serif;color:#C0C0C0;border-left:3px solid rgb(108,226,108);">
<strong>[javascript]</strong> view plain
<span> copy</span>
<div style="width:18px;z-index:99;">
</div>
<span> </span>
<span class="tracking-ad"></span>
<span class="tracking-ad"></span>
</div>
</div>
<ol start="1" class="dp-c" style="border:none;color:rgb(92,92,92);">
<li class="alt" style="border-top:none;border-right:none;border-bottom:none;border-left:3px solid rgb(108,226,108);color:inherit;line-height:18px;list-style-position:outside !important;"> <span style="border:none;color:#000000;"><span class="comment" style="border:none;color:rgb(0,130,0);">// Function available in default.js file in Visual Studio templates provided</span><span style="border:none;"> </span></span></li>
<li style="border-top:none;border-right:none;border-bottom:none;border-left:3px solid rgb(108,226,108);line-height:18px;list-style-position:outside !important;"> <span style="border:none;color:#000000;">WinJS.Application.onmainwindowactivated = <span class="keyword" style="border:none;color:rgb(0,102,153);font-weight:bold;">function</span><span style="border:none;"> (e) { </span></span></li>
<li class="alt" style="border-top:none;border-right:none;border-bottom:none;border-left:3px solid rgb(108,226,108);color:inherit;line-height:18px;list-style-position:outside !important;"> <span style="border:none;color:#000000;"> <span class="keyword" style="border:none;color:rgb(0,102,153);font-weight:bold;">if</span><span style="border:none;"> (e.detail.kind === Windows.ApplicationModel.Activation.ActivationKind.launch) { </span></span></li>
<li style="border-top:none;border-right:none;border-bottom:none;border-left:3px solid rgb(108,226,108);line-height:18px;list-style-position:outside !important;"> <span style="border:none;color:#000000;"> <span class="comment" style="border:none;color:rgb(0,130,0);">// Insert this code to handle incoming argument when Internet Explorer launches the app</span><span style="border:none;"> </span></span></li>
<li class="alt" style="border-top:none;border-right:none;border-bottom:none;border-left:3px solid rgb(108,226,108);color:inherit;line-height:18px;list-style-position:outside !important;"> <span style="border:none;color:#000000;"> <span class="keyword" style="border:none;color:rgb(0,102,153);font-weight:bold;">if</span><span style="border:none;"> (e.detail.arguments) { </span></span></li>
<li style="border-top:none;border-right:none;border-bottom:none;border-left:3px solid rgb(108,226,108);line-height:18px;list-style-position:outside !important;"> <span style="border:none;color:#000000;"> <span class="comment" style="border:none;color:rgb(0,130,0);">// Parse the value of the msApplication-Arguments string</span><span style="border:none;"> </span></span></li>
<li class="alt" style="border-top:none;border-right:none;border-bottom:none;border-left:3px solid rgb(108,226,108);color:inherit;line-height:18px;list-style-position:outside !important;"> <span style="border:none;color:#000000;"> <span class="comment" style="border:none;color:rgb(0,130,0);">// Direct incoming user to relevant in-app content</span><span style="border:none;"> </span></span></li>
<li style="border-top:none;border-right:none;border-bottom:none;border-left:3px solid rgb(108,226,108);line-height:18px;list-style-position:outside !important;"> <span style="border:none;color:#000000;"> } </span></li>
<li class="alt" style="border-top:none;border-right:none;border-bottom:none;border-left:3px solid rgb(108,226,108);color:inherit;line-height:18px;list-style-position:outside !important;"> <span style="border:none;color:#000000;"> } </span></li>
<li style="border-top:none;border-right:none;border-bottom:none;border-left:3px solid rgb(108,226,108);line-height:18px;list-style-position:outside !important;"> <span style="border:none;color:#000000;">} </span></li>
</ol>
</div>
<br style="color:rgb(51,51,51);font-family:Arial;font-size:14px;">
<br style="color:rgb(51,51,51);font-family:Arial;font-size:14px;">
<br style="color:rgb(51,51,51);font-family:Arial;font-size:14px;">
<span style="color:rgb(51,51,51);font-family:Arial;font-size:14px;">20.msApplication-MinVersion</span>
<br style="color:rgb(51,51,51);font-family:Arial;font-size:14px;">
<span style="color:rgb(51,51,51);font-family:Arial;font-size:14px;">说明：可选项。 强制要求应用的最小版本号。因此，如果你的用户使用一个更旧的版本，要想切换到这个应用的话她会被要求到商店去更新它。</span>
<br style="color:rgb(51,51,51);font-family:Arial;font-size:14px;">
<span style="color:rgb(51,51,51);font-family:Arial;font-size:14px;">用法：<meta name="msApplication-MinVersion" content="V3.0 Build 20140308"/></span>
<br style="color:rgb(51,51,51);font-family:Arial;font-size:14px;">
<br style="color:rgb(51,51,51);font-family:Arial;font-size:14px;">
<span style="color:rgb(51,51,51);font-family:Arial;font-size:14px;">21.msApplication-OptOut</span>
<br style="color:rgb(51,51,51);font-family:Arial;font-size:14px;">
<span style="color:rgb(51,51,51);font-family:Arial;font-size:14px;">说明：可选项。 允许我们的HTML文档在一些情况不与应用相关联。要选的值有：install，它将阻止在用户没装应用的情况下提示安装应用；switch将阻止在用户已安装应用的情况下提示用户切换到应用。both，将阻止以上两种情况的提示。</span>
<br style="color:rgb(51,51,51);font-family:Arial;font-size:14px;">
<p style="color:rgb(51,51,51);font-family:Arial;font-size:14px;">用法：<meta name="msApplication-OptOut" content="install"/></p>
<p style="color:rgb(51,51,51);font-family:Arial;font-size:14px;"><strong>22. MSSmartTagsPreventParsing</strong><br> 说明：在Microsoft IE 6 中有一个 Smart tag 开关，如果您包含下面标记，访问这将看不到某些相关连接，这样可以避免访问者流失到竞争对手的网站上去。<br> 用法：<meta name="MSSmartTagsPreventParsing" content="True" /><br><br><strong>23.MSThemeCompatible</strong><br> 说明：是否在IE中关闭xp 的主题。<meta http-equiv="MSThemeCompatible" content="Yes" />表示打开xp 的蓝色立体按钮系统显示。<br> 用法：<meta http-equiv=”MSThemeCompatible” Content="No"> <br></p>
<br style="color:rgb(51,51,51);font-family:Arial;font-size:14px;">
<p style="color:rgb(51,51,51);font-family:Arial;font-size:14px;"><a href="http://img.e-com-net.com/image/info8/1178c623d8d7469ea7a13c6ed86809a3.jpg" target="_blank"><img src="http://img.e-com-net.com/image/info8/1178c623d8d7469ea7a13c6ed86809a3.jpg" alt="元数据标签的含义和用法_第3张图片" style="border:none;;border:1px solid black;" width="650" height="365"></a><br></p>
<p style="color:rgb(51,51,51);font-family:Arial;font-size:14px;"><br></p>
<span style="color:rgb(51,51,51);font-family:Arial;font-size:14px;">24.msapplication-badge 元标记</span>
<br style="color:rgb(51,51,51);font-family:Arial;font-size:14px;">
<br style="color:rgb(51,51,51);font-family:Arial;font-size:14px;">
<span style="color:rgb(51,51,51);font-family:Arial;font-size:14px;">说明：固定网站的新的元标记描述轮询 URL。Windows 8 可以轮询“开始”屏幕中固定图块的更新。这对于轻量级的通知，例如，来自其他用户（电子邮件和社交网站）的新消息、购物网站的最新折扣和新闻网站的最新报道等通知来说效果非常明显。使用 Internet Explorer 10 和 Windows 8，您可以直接在您的固定网站图块上提供徽章通知。这意味着无需在浏览器中打开网站即可看到这些网站的更新内容。例如，在 Windows 8 Consumer Preview 中使用 IE10 来固定 Fresh Tweet 演示。固定网站的图块将定期更新并将在出现新的 Tweet 时通知用户。背景通知需要网站提供的组件。这些组件包括：(1) 徽章通知 XML，描述 Windows 徽章通知的 XML 响应，以及 (2) 固定网站元标记，指向 Windows 轮询通知和轮询频率的位置的 Web 页面标记。</span>
<br style="color:rgb(51,51,51);font-family:Arial;font-size:14px;">
<br style="color:rgb(51,51,51);font-family:Arial;font-size:14px;">
<span style="color:rgb(51,51,51);font-family:Arial;font-size:14px;">用法：</span>
<br style="color:rgb(51,51,51);font-family:Arial;font-size:14px;">
<br style="color:rgb(51,51,51);font-family:Arial;font-size:14px;">
<span style="color:rgb(51,51,51);font-family:Arial;font-size:14px;"><meta name="msapplication-badge" content="frequency=30; polling-uri=http://mysite.com/id45453245/polling.xml"/></span>
<br style="color:rgb(51,51,51);font-family:Arial;font-size:14px;">
<br style="color:rgb(51,51,51);font-family:Arial;font-size:14px;">
<span style="color:rgb(51,51,51);font-family:Arial;font-size:14px;">名称值 "msapplication-badge" 是必需的，并指示当锁定到“开始”屏幕时网站支持锁屏提醒通知。</span>
<br style="color:rgb(51,51,51);font-family:Arial;font-size:14px;">
<br style="color:rgb(51,51,51);font-family:Arial;font-size:14px;">
<span style="color:rgb(51,51,51);font-family:Arial;font-size:14px;">内容值 "frequency" 是可选的，并指示客户端应该检查轮询 URL 的更新的频率（每分钟）。受支持的值包括 30、60、360（6 小时）、720（12 小时）和 1440（1 天）。如果未指定任何值，则使用 1440 小时的默认值。</span>
<br style="color:rgb(51,51,51);font-family:Arial;font-size:14px;">
<br style="color:rgb(51,51,51);font-family:Arial;font-size:14px;">
<span style="color:rgb(51,51,51);font-family:Arial;font-size:14px;">内容值 "polling-uri" 是必需的，并指示用于轮询 XML 数据文件的 URL。仅支持 "http" 和 "https" URI 方案。</span>
<br style="color:rgb(51,51,51);font-family:Arial;font-size:14px;">
<br style="color:rgb(51,51,51);font-family:Arial;font-size:14px;">
<span style="color:rgb(51,51,51);font-family:Arial;font-size:14px;">锁屏提醒描述文件</span>
<br style="color:rgb(51,51,51);font-family:Arial;font-size:14px;">
<br style="color:rgb(51,51,51);font-family:Arial;font-size:14px;">
<span style="color:rgb(51,51,51);font-family:Arial;font-size:14px;">锁屏提醒通知可以使用从 1 至 99 的数字或者 10 个标准标志符号之一来更新你的固定网站磁贴。有关锁屏提醒图像的图解列表，请参阅锁屏提醒图像目录（Windows 应用商店应用，访问http://msdn.microsoft.com/zh-CN/library/windows/apps/Hh761458.aspx）。在下面的 XML 示例中所描述的锁屏提醒指示收到了新消息。</span>
<br style="color:rgb(51,51,51);font-family:Arial;font-size:14px;">
<br style="color:rgb(51,51,51);font-family:Arial;font-size:14px;">
<span style="color:rgb(51,51,51);font-family:Arial;font-size:14px;">Windows 处理徽章通知的轮询和提取。Windows 轮询描述固定网站图块视觉效果的徽章通知 XML。徽章 XML 架构定义这一简单的 XML 响应。例如，要使用数字锁屏提醒“3”来更新图块，您需要发送以下 XML：</span>
<br style="color:rgb(51,51,51);font-family:Arial;font-size:14px;">
<br style="color:rgb(51,51,51);font-family:Arial;font-size:14px;">
<span style="color:rgb(51,51,51);font-family:Arial;font-size:14px;"><?xml version="1.0" encoding="utf-8" ?></span>
<br style="color:rgb(51,51,51);font-family:Arial;font-size:14px;">
<br style="color:rgb(51,51,51);font-family:Arial;font-size:14px;">
<span style="color:rgb(51,51,51);font-family:Arial;font-size:14px;"><badge value="3"/></span>
<br style="color:rgb(51,51,51);font-family:Arial;font-size:14px;">
<br style="color:rgb(51,51,51);font-family:Arial;font-size:14px;">
<span style="color:rgb(51,51,51);font-family:Arial;font-size:14px;">徽章可以是数字或字形（例如，“警报”和“新消息”指示器）。有关徽章可显示内容的全部列表，请参阅 MSDN 上的选择徽章图像（访问http://msdn.microsoft.com/zh-cn/library/windows/apps/hh761458.aspx）。</span>
<br style="color:rgb(51,51,51);font-family:Arial;font-size:14px;">
<br style="color:rgb(51,51,51);font-family:Arial;font-size:14px;">
<span style="color:rgb(51,51,51);font-family:Arial;font-size:14px;">下面的 XML 添加了字形锁屏提醒。</span>
<br style="color:rgb(51,51,51);font-family:Arial;font-size:14px;">
<br style="color:rgb(51,51,51);font-family:Arial;font-size:14px;">
<span style="color:rgb(51,51,51);font-family:Arial;font-size:14px;"><badge value="newMessage" /></span>
<br style="color:rgb(51,51,51);font-family:Arial;font-size:14px;">
<br style="color:rgb(51,51,51);font-family:Arial;font-size:14px;">
<span style="color:rgb(51,51,51);font-family:Arial;font-size:14px;">有关 XML 值、标志符号和示例的完整描述，请参阅 Badge schema（访问http://msdn.microsoft.com/zh-CN/library/windows/apps/br212851.aspx）。</span>
<br style="color:rgb(51,51,51);font-family:Arial;font-size:14px;">
<br style="color:rgb(51,51,51);font-family:Arial;font-size:14px;">
<span style="color:rgb(51,51,51);font-family:Arial;font-size:14px;">配置了徽章通知 XML文件后，按下来是将徽章通知 XML 与 Web 页面相关联。IE10 使用元标记 “application-name”来确定是否 Web 页面支持固定网站功能，如通知和跳转列表。要支持徽章通知，请将新的元标记添加到包含徽章通知 XML 的 URL 和 Windows 请求频率的标记语言中。IE 将检查在固定时和从固定网站图块后续启动网站时页面中是否存在“msApplication-badge”元标记。</span>
<br style="color:rgb(51,51,51);font-family:Arial;font-size:14px;">
<br style="color:rgb(51,51,51);font-family:Arial;font-size:14px;">
<span style="color:rgb(51,51,51);font-family:Arial;font-size:14px;"><meta name="msapplication-badge" value="frequency=360;polling-uri=http://ietestdrive2.com/PinnedSites/TweetCounter/microsoft/360" /></span>
<br style="color:rgb(51,51,51);font-family:Arial;font-size:14px;">
<br style="color:rgb(51,51,51);font-family:Arial;font-size:14px;">
<span style="color:rgb(51,51,51);font-family:Arial;font-size:14px;">值参加由两部分组成：polling-uri（强制部分）和 frequency（可选部分）。</span>
<br style="color:rgb(51,51,51);font-family:Arial;font-size:14px;">
<br style="color:rgb(51,51,51);font-family:Arial;font-size:14px;">
<span style="color:rgb(51,51,51);font-family:Arial;font-size:14px;">polling-uri 是 Windows 用来请求上述简单 XML 文档的绝对 URI。</span>
<br style="color:rgb(51,51,51);font-family:Arial;font-size:14px;">
<br style="color:rgb(51,51,51);font-family:Arial;font-size:14px;">
<span style="color:rgb(51,51,51);font-family:Arial;font-size:14px;">frequency 是两次更新之间的可选分钟数，其必须为下列值之一：</span>
<br style="color:rgb(51,51,51);font-family:Arial;font-size:14px;">
<br style="color:rgb(51,51,51);font-family:Arial;font-size:14px;">
<span style="color:rgb(51,51,51);font-family:Arial;font-size:14px;"> 30（Windows 将每 30 分钟轮询一次 URI）</span>
<br style="color:rgb(51,51,51);font-family:Arial;font-size:14px;">
<span style="color:rgb(51,51,51);font-family:Arial;font-size:14px;"> 60（Windows 将每 60 分钟轮询一次 URI）</span>
<br style="color:rgb(51,51,51);font-family:Arial;font-size:14px;">
<span style="color:rgb(51,51,51);font-family:Arial;font-size:14px;"> 360（Windows 将每 6 小时轮询一次 URI）</span>
<br style="color:rgb(51,51,51);font-family:Arial;font-size:14px;">
<span style="color:rgb(51,51,51);font-family:Arial;font-size:14px;"> 360（Windows 将每 12 小时轮询一次 URI）</span>
<br style="color:rgb(51,51,51);font-family:Arial;font-size:14px;">
<span style="color:rgb(51,51,51);font-family:Arial;font-size:14px;"> 1440（Windows 将每天轮询一次 URL。该值为默认值。）</span>
<br style="color:rgb(51,51,51);font-family:Arial;font-size:14px;">
<br style="color:rgb(51,51,51);font-family:Arial;font-size:14px;">
<span style="color:rgb(51,51,51);font-family:Arial;font-size:14px;">如果省略 frequency，或者它的值是不同于上述值的其他值，则默认设置为每天更新一次（1440 分钟）。</span>
<br style="color:rgb(51,51,51);font-family:Arial;font-size:14px;">
<br style="color:rgb(51,51,51);font-family:Arial;font-size:14px;">
<span style="color:rgb(51,51,51);font-family:Arial;font-size:14px;">更新徽章通知的开发人员 API：</span>
<br style="color:rgb(51,51,51);font-family:Arial;font-size:14px;">
<br style="color:rgb(51,51,51);font-family:Arial;font-size:14px;">
<span style="color:rgb(51,51,51);font-family:Arial;font-size:14px;">刷新锁屏提醒状态</span>
<br style="color:rgb(51,51,51);font-family:Arial;font-size:14px;">
<br style="color:rgb(51,51,51);font-family:Arial;font-size:14px;">
<span style="color:rgb(51,51,51);font-family:Arial;font-size:14px;">Internet Explorer 10 引入了你可以根据需要用于请求 Windows 轮询固定网站的通知状态的JavaScript形式 API：window.external.msSiteModeRefreshBadge();例如，当用户积极地浏览你的网站时，你可能要更频繁地更新固定网站的通知锁屏提醒。 当网站被打开以刷新锁屏提醒状态时，你可能还要这样做。所以您可以使用此API从 Web 页面直接清除或刷新网站图块，以便确保网站图块的内容是最新的。</span>
<br style="color:rgb(51,51,51);font-family:Arial;font-size:14px;">
<br style="color:rgb(51,51,51);font-family:Arial;font-size:14px;">
<span style="color:rgb(51,51,51);font-family:Arial;font-size:14px;">当用户通过“开始”屏幕启动固定网站时，Web 网站将在其自有的 SiteMode 会话中运行，并且可使用下列 JavaScript 函数更新徽章。</span>
<br style="color:rgb(51,51,51);font-family:Arial;font-size:14px;">
<br style="color:rgb(51,51,51);font-family:Arial;font-size:14px;">
<span style="color:rgb(51,51,51);font-family:Arial;font-size:14px;">window.external.msSiteModeClearBadge() 可以清除图块上的徽章通知。在 Fresh Tweet 演示中，当用户收到通知并点击图块启动浏览器时，Web 页面将使用 msSiteModeClearBadge() 从图块上清除通知。这样，当下次图块上显示通知并亮起时，用户便可以意识到有了新内容。</span>
<br style="color:rgb(51,51,51);font-family:Arial;font-size:14px;">
<br style="color:rgb(51,51,51);font-family:Arial;font-size:14px;">
<span style="color:rgb(51,51,51);font-family:Arial;font-size:14px;">window.external.msSiteModeRefreshBadge() 调用 Windows 来使用轮询 URI 更新网站徽章。例如，当用户看到固定网站图块显示存在三个未读消息并单击该图块返回网站时。如果他/她只阅读了第一个更新，则您可以触发更新以便徽章可以正确反映出已读/未读数量 2。</span>
<br style="color:rgb(51,51,51);font-family:Arial;font-size:14px;">
<br style="color:rgb(51,51,51);font-family:Arial;font-size:14px;">
<span style="color:rgb(51,51,51);font-family:Arial;font-size:14px;">在 Windows 8 Consumer Preview 中，这两个 API 仅对在本地 Intranet 或受信任的站点区域中运行的网站有效。下一个预览版中将有效地解决该问题。要使用 Consumer Preview 在您的自有网站上测试这些 API，请使用 [Internet Properties]（Internet 属性）对话框中的 [Security]（安全）选项卡将该网站的域添加到受信任站点列表。</span>
<br style="color:rgb(51,51,51);font-family:Arial;font-size:14px;">
<br style="color:rgb(51,51,51);font-family:Arial;font-size:14px;">
<span style="color:rgb(51,51,51);font-family:Arial;font-size:14px;">桌面任务栏通知</span>
<br style="color:rgb(51,51,51);font-family:Arial;font-size:14px;">
<br style="color:rgb(51,51,51);font-family:Arial;font-size:14px;">
<span style="color:rgb(51,51,51);font-family:Arial;font-size:14px;">桌面任务栏中显示为图标叠加的固定网站通知将继续适用于桌面上的 Windows 8 和 IE10。Windows 8“开始”屏幕中的固定站点不存在这种通知。Windows 8 不仅可以处理“开始”屏幕中的所有图块的通知，而且可以节电模式来完成这些操作。</span>
<br style="color:rgb(51,51,51);font-family:Arial;font-size:14px;">
<p style="color:rgb(51,51,51);font-family:Arial;font-size:14px;"><br></p>
<p style="color:rgb(51,51,51);font-family:Arial;font-size:14px;">25.移动端viewport标签</p>
<p style="color:rgb(51,51,51);font-family:Arial;font-size:14px;"></p>
<div class="dp-highlighter bg_html" style="font-family:Consolas, 'Courier New', Courier, mono, serif;color:rgb(51,51,51);">
<div class="bar">
<div class="tools" style="font-size:9px;line-height:normal;font-family:Verdana, Geneva, Arial, Helvetica, sans-serif;color:#C0C0C0;border-left:3px solid rgb(108,226,108);">
<strong>[html]</strong> view plain
<span> copy</span>
<div style="width:18px;z-index:99;">
</div>
<span> </span>
<span class="tracking-ad"></span>
<span class="tracking-ad"></span>
</div>
</div>
<ol start="1" class="dp-xml" style="border:none;color:rgb(92,92,92);">
<li class="alt" style="border-top:none;border-right:none;border-bottom:none;border-left:3px solid rgb(108,226,108);color:inherit;line-height:18px;list-style-position:outside !important;"> <span style="border:none;color:#000000;"><span class="tag" style="color:rgb(153,51,0);border:none;font-weight:bold;"><</span><span class="tag-name" style="border:none;color:rgb(153,51,0);font-weight:bold;">meta</span><span style="border:none;"> </span><span class="attribute" style="border:none;color:#FF0000;">name</span><span style="border:none;">=</span><span class="attribute-value" style="border:none;color:#0000FF;">"viewport"</span><span style="border:none;"> </span></span></li>
<li style="border-top:none;border-right:none;border-bottom:none;border-left:3px solid rgb(108,226,108);line-height:18px;list-style-position:outside !important;"> <span style="border:none;color:#000000;"><span class="attribute" style="border:none;color:#FF0000;">content</span><span style="border:none;">=" </span></span></li>
<li class="alt" style="border-top:none;border-right:none;border-bottom:none;border-left:3px solid rgb(108,226,108);color:inherit;line-height:18px;list-style-position:outside !important;"> <span style="border:none;color:#000000;"> <span class="attribute" style="border:none;color:#FF0000;">height</span><span style="border:none;"> = [pixel_value | device-height] , </span></span></li>
<li style="border-top:none;border-right:none;border-bottom:none;border-left:3px solid rgb(108,226,108);line-height:18px;list-style-position:outside !important;"> <span style="border:none;color:#000000;"> <span class="attribute" style="border:none;color:#FF0000;">width</span><span style="border:none;"> = [pixel_value | device-width ] , </span></span></li>
<li class="alt" style="border-top:none;border-right:none;border-bottom:none;border-left:3px solid rgb(108,226,108);color:inherit;line-height:18px;list-style-position:outside !important;"> <span style="border:none;color:#000000;"> <span class="attribute" style="border:none;color:#FF0000;">initial-scale</span><span style="border:none;"> = </span><span class="attribute-value" style="border:none;color:#0000FF;">float_value</span><span style="border:none;"> , </span></span></li>
<li style="border-top:none;border-right:none;border-bottom:none;border-left:3px solid rgb(108,226,108);line-height:18px;list-style-position:outside !important;"> <span style="border:none;color:#000000;"> <span class="attribute" style="border:none;color:#FF0000;">minimum-scale</span><span style="border:none;"> = </span><span class="attribute-value" style="border:none;color:#0000FF;">float_value</span><span style="border:none;"> , </span></span></li>
<li class="alt" style="border-top:none;border-right:none;border-bottom:none;border-left:3px solid rgb(108,226,108);color:inherit;line-height:18px;list-style-position:outside !important;"> <span style="border:none;color:#000000;"> <span class="attribute" style="border:none;color:#FF0000;">maximum-scale</span><span style="border:none;"> = </span><span class="attribute-value" style="border:none;color:#0000FF;">float_value</span><span style="border:none;"> , </span></span></li>
<li style="border-top:none;border-right:none;border-bottom:none;border-left:3px solid rgb(108,226,108);line-height:18px;list-style-position:outside !important;"> <span style="border:none;color:#000000;"> <span class="attribute" style="border:none;color:#FF0000;">user-scalable</span><span style="border:none;"> = [yes | no] , </span></span></li>
<li class="alt" style="border-top:none;border-right:none;border-bottom:none;border-left:3px solid rgb(108,226,108);color:inherit;line-height:18px;list-style-position:outside !important;"> <span style="border:none;color:#000000;"> <span class="attribute" style="border:none;color:#FF0000;">target-densitydpi</span><span style="border:none;"> = [dpi_value | device-dpi | high-dpi | medium-dpi | low-dpi] </span></span></li>
<li style="border-top:none;border-right:none;border-bottom:none;border-left:3px solid rgb(108,226,108);line-height:18px;list-style-position:outside !important;"> <span style="border:none;color:#000000;">" </span></li>
<li class="alt" style="border-top:none;border-right:none;border-bottom:none;border-left:3px solid rgb(108,226,108);color:inherit;line-height:18px;list-style-position:outside !important;"> <span style="border:none;color:#000000;"><span class="tag" style="color:rgb(153,51,0);border:none;font-weight:bold;">/></span><span style="border:none;"> </span></span></li>
</ol>
</div>
<p style="color:rgb(51,51,51);font-family:Arial;font-size:14px;"></p>
<p style="color:rgb(51,51,51);font-family:Arial;font-size:14px;">含义如下：<br><span class="top11"></span></p>
<h5 style="color:rgb(51,51,51);font-family:Arial;">width</h5>
<p style="color:rgb(51,51,51);font-family:Arial;font-size:14px;"></p>
<p style="color:rgb(51,51,51);font-family:Arial;font-size:14px;">控制 viewport 的大小，可以指定的一个值或者特殊的值，如 device-width 为设备的宽度（单位为缩放为 100% 时的 CSS 的像素）。</p>
<h5 style="color:rgb(51,51,51);font-family:Arial;">height</h5>
<p style="color:rgb(51,51,51);font-family:Arial;font-size:14px;">和 width 相对应，指定视窗的高度。</p>
<h5 style="color:rgb(51,51,51);font-family:Arial;">target-densitydpi</h5>
<p style="color:rgb(51,51,51);font-family:Arial;font-size:14px;">一个屏幕像素密度是由屏幕分辨率决定的，通常定义为每英寸点的数量（dpi）。Android支持三种屏幕像素密度：低像素密度，中像素密度，高像素密度。一个低像素密度的屏幕每英寸上的像素点更少，而一个高像素密度的屏幕每英寸上的像素点更多。Android Browser和WebView默认屏幕为中像素密度。</p>
<p style="color:rgb(51,51,51);font-family:Arial;font-size:14px;">下面是 target-densitydpi 属性的 取值范围</p>
<ul style="color:rgb(51,51,51);font-family:Arial;font-size:14px;">
<li>device-dpi –使用设备原本的 dpi 作为目标 dp。 不会发生默认缩放。</li>
<li>high-dpi – 使用hdpi 作为目标 dpi。 中等像素密度和低像素密度设备相应缩小。</li>
<li>medium-dpi – 使用mdpi作为目标 dpi。 高像素密度设备相应放大， 像素密度设备相应缩小。 这是默认的target density.</li>
<li>low-dpi -使用mdpi作为目标 dpi。中等像素密度和高像素密度设备相应放大。</li>
<li><value> – 指定一个具体的dpi 值作为target dpi. 这个值的范围必须在70–400之间。</li>
</ul>
<p style="color:rgb(51,51,51);font-family:Arial;font-size:14px;">为了防止Android Browser和WebView 根据不同屏幕的像素密度对你的页面进行缩放，你可以将viewport的target-densitydpi 设置为 device-dpi。当你这么做了，页面将不会缩放。相反，页面会根据当前屏幕的像素密度进行展示。在这种情形下，你还需要将viewport的width定义为与设备的width匹配，这样你的页面就可以和屏幕相适应。</p>
<h5 style="color:rgb(51,51,51);font-family:Arial;">initial-scale</h5>
<p style="color:rgb(51,51,51);font-family:Arial;font-size:14px;">初始缩放。即页面初始缩放程度。这是一个浮点值，是页面大小的一个乘数。例如，如果你设置初始缩放为“1.0”，那么，web页面在展现的时候就会以target density分辨率的1:1来展现。如果你设置为“2.0”，那么这个页面就会放大为2倍。</p>
<h5 style="color:rgb(51,51,51);font-family:Arial;">maximum-scale</h5>
<p style="color:rgb(51,51,51);font-family:Arial;font-size:14px;">最大缩放。即允许的最大缩放程度。这也是一个浮点值，用以指出页面大小与屏幕大小相比的最大乘数。例如，如果你将这个值设置为“2.0”，那么这个页面与target size相比，最多能放大2倍。</p>
<h5 style="color:rgb(51,51,51);font-family:Arial;">user-scalable</h5>
<p style="color:rgb(51,51,51);font-family:Arial;font-size:14px;">用户调整缩放。即用户是否能改变页面缩放程度。如果设置为yes则是允许用户对其进行改变，反之为no。默认值是yes。如果你将其设置为no，那么minimum-scale 和 maximum-scale都将被忽略，因为根本不可能缩放。</p>
<p style="color:rgb(51,51,51);font-family:Arial;font-size:14px;">所有的缩放值都必须在0.01–10的范围之内。</p>
<p style="color:rgb(51,51,51);font-family:Arial;font-size:14px;">例：</p>
<p style="color:rgb(51,51,51);font-family:Arial;font-size:14px;">(设置屏幕宽度为设备宽度，禁止用户手动调整缩放)</p>
<p style="color:rgb(51,51,51);font-family:Arial;font-size:14px;"> <meta name="viewport" content="width=device-width,user-scalable=no" /></p>
<p style="color:rgb(51,51,51);font-family:Arial;font-size:14px;">(设置屏幕密度为高频，中频，低频自动缩放，禁止用户手动调整缩放)</p>
<p style="color:rgb(51,51,51);font-family:Arial;font-size:14px;"><meta name="viewport" content="width=device-width,target-densitydpi=high-dpi,initial-scale=1.0, minimum-scale=1.0, maximum-scale=1.0, user-scalable=no"/></p>
<p style="color:rgb(51,51,51);font-family:Arial;font-size:14px;"><br></p>
<p style="color:rgb(51,51,51);font-family:Arial;font-size:14px;">另外，iOS 7.1的Safari为meta标签新增minimal-ui属性，在网页加载时默认隐藏地址栏与导航栏</p>
<p style="color:rgb(51,51,51);font-family:Arial;font-size:14px;"></p>
<div class="dp-highlighter bg_html" style="font-family:Consolas, 'Courier New', Courier, mono, serif;color:rgb(51,51,51);">
<div class="bar">
<div class="tools" style="font-size:9px;line-height:normal;font-family:Verdana, Geneva, Arial, Helvetica, sans-serif;color:#C0C0C0;border-left:3px solid rgb(108,226,108);">
<strong>[html]</strong> view plain
<span> copy</span>
<div style="width:18px;z-index:99;">
</div>
<span> </span>
<span class="tracking-ad"></span>
<span class="tracking-ad"></span>
</div>
</div>
<ol start="1" class="dp-xml" style="border:none;color:rgb(92,92,92);">
<li class="alt" style="border-top:none;border-right:none;border-bottom:none;border-left:3px solid rgb(108,226,108);color:inherit;line-height:18px;list-style-position:outside !important;"> <span style="border:none;color:#000000;"><span class="tag" style="color:rgb(153,51,0);border:none;font-weight:bold;"><</span><span class="tag-name" style="border:none;color:rgb(153,51,0);font-weight:bold;">meta</span><span style="border:none;"> </span><span class="attribute" style="border:none;color:#FF0000;">name</span><span style="border:none;">=</span><span class="attribute-value" style="border:none;color:#0000FF;">"viewport"</span><span style="border:none;"> </span><span class="attribute" style="border:none;color:#FF0000;">content</span><span style="border:none;">=</span><span class="attribute-value" style="border:none;color:#0000FF;">"minimal-ui"</span><span class="tag" style="color:rgb(153,51,0);border:none;font-weight:bold;">></span><span style="border:none;"> </span></span></li>
</ol>
</div>
<br style="color:rgb(51,51,51);font-family:Arial;font-size:14px;">
<p style="color:rgb(51,51,51);font-family:Arial;font-size:14px;"></p>
<p style="color:rgb(51,51,51);font-family:Arial;font-size:14px;">此时点击顶栏区域便能切换为显示地址栏、导航栏，再点击页面主体区域则又使之隐藏。</p>
</div>
</div>
</div>
</div>
</div>
<!--PC和WAP自适应版-->
<div id="SOHUCS" sid="1170299241365573632"></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/HTML,CSS3/CSS)</h4>
<div id="paradigm-article-related">
<div class="recommend-post mb30">
<ul class="widget-links">
<li><a href="/article/1835509770287673344.htm"
title="swagger访问路径" target="_blank">swagger访问路径</a>
<span class="text-muted">igotyback</span>
<a class="tag" taget="_blank" href="/search/swagger/1.htm">swagger</a>
<div>Swagger2.x版本访问地址：http://{ip}:{port}/{context-path}/swagger-ui.html{ip}是你的服务器IP地址。{port}是你的应用服务端口，通常为8080。{context-path}是你的应用上下文路径，如果应用部署在根路径下，则为空。Swagger3.x版本对于Swagger3.x版本（也称为OpenAPI3）访问地址：http://{ip</div>
</li>
<li><a href="/article/1835508130608410624.htm"
title="html 中如何使用 uniapp 的部分方法" target="_blank">html 中如何使用 uniapp 的部分方法</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/uni-app/1.htm">uni-app</a><a class="tag" taget="_blank" href="/search/%E5%89%8D%E7%AB%AF/1.htm">前端</a>
<div>示例代码：Documentconsole.log(window);效果展示：好了，现在就可以uni.使用相关的方法了</div>
</li>
<li><a href="/article/1835499615491813376.htm"
title="四章-32-点要素的聚合" target="_blank">四章-32-点要素的聚合</a>
<span class="text-muted">彩云飘过</span>
<div>本文基于腾讯课堂老胡的课《跟我学Openlayers--基础实例详解》做的学习笔记，使用的openlayers5.3.xapi。源码见1032.html，对应的官网示例https://openlayers.org/en/latest/examples/cluster.htmlhttps://openlayers.org/en/latest/examples/earthquake-clusters.</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/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/1835493267907637248.htm"
title="webpack图片等资源的处理" target="_blank">webpack图片等资源的处理</a>
<span class="text-muted">dmengmeng</span>
<div>需要的loaderfile-loader（让我们可以引入这些资源文件）url-loader（其实是file-loader的二次封装）img-loader（处理图片所需要的）在没有使用任何处理图片的loader之前，比如说css中用到了背景图片，那么最后打包会报错的，因为他没办法处理图片。其实你只想能够使用图片的话。只加一个file-loader就可以，打开网页能准确看到图片。{test:/\.(p</div>
</li>
<li><a href="/article/1835435506645692416.htm"
title="00. 这里整理了最全的爬虫框架（Java + Python）" target="_blank">00. 这里整理了最全的爬虫框架（Java + Python）</a>
<span class="text-muted">有一只柴犬</span>
<a class="tag" taget="_blank" href="/search/%E7%88%AC%E8%99%AB%E7%B3%BB%E5%88%97/1.htm">爬虫系列</a><a class="tag" taget="_blank" href="/search/%E7%88%AC%E8%99%AB/1.htm">爬虫</a><a class="tag" taget="_blank" href="/search/java/1.htm">java</a><a class="tag" taget="_blank" href="/search/python/1.htm">python</a>
<div>目录1、前言2、什么是网络爬虫3、常见的爬虫框架3.1、java框架3.1.1、WebMagic3.1.2、Jsoup3.1.3、HttpClient3.1.4、Crawler4j3.1.5、HtmlUnit3.1.6、Selenium3.2、Python框架3.2.1、Scrapy3.2.2、BeautifulSoup+Requests3.2.3、Selenium3.2.4、PyQuery3.2</div>
</li>
<li><a href="/article/1835435141535723520.htm"
title="详解：如何设计出健壮的秒杀系统？" target="_blank">详解：如何设计出健壮的秒杀系统？</a>
<span class="text-muted">夜空_2cd3</span>
<div>作者：Yrion博客园：cnblogs.com/wyq178/p/11261711.html前言：秒杀系统相信很多人见过，比如京东或者淘宝的秒杀，小米手机的秒杀。那么秒杀系统的后台是如何实现的呢？我们如何设计一个秒杀系统呢？对于秒杀系统应该考虑哪些问题？如何设计出健壮的秒杀系统？本期我们就来探讨一下这个问题：image目录一：****秒杀系统应该考虑的问题二：****秒杀系统的设计和技术方案三：*</div>
</li>
<li><a href="/article/1835403246865313792.htm"
title="斟一小组鸡血视频" target="_blank">斟一小组鸡血视频</a>
<span class="text-muted">和自己一起成长</span>
<div>http://m.v.qq.com/play/play.html?coverid=&vid=c0518henl2a&ptag=2_6.0.0.14297_copy有一种努力叫做靠自己http://m.v.qq.com/play/play.html?coverid=&vid=i0547o426g4&ptag=2_6.0.0.14297_copy世界最励志短片https://v.qq.com/x/pa</div>
</li>
<li><a href="/article/1835395039572881408.htm"
title="Dockerfile命令详解之 FROM" target="_blank">Dockerfile命令详解之 FROM</a>
<span class="text-muted">清风怎不知意</span>
<a class="tag" taget="_blank" href="/search/%E5%AE%B9%E5%99%A8%E5%8C%96/1.htm">容器化</a><a class="tag" taget="_blank" href="/search/java/1.htm">java</a><a class="tag" taget="_blank" href="/search/%E5%89%8D%E7%AB%AF/1.htm">前端</a><a class="tag" taget="_blank" href="/search/javascript/1.htm">javascript</a>
<div>许多同学不知道Dockerfile应该如何写，不清楚Dockerfile中的指令分别有什么意义，能达到什么样的目的，接下来我将在容器化专栏中详细的为大家解释每一个指令的含义以及用法。专栏订阅传送门https://blog.csdn.net/qq_38220908/category_11989778.html指令不区分大小写。但是，按照惯例，它们应该是大写的，以便更容易地将它们与参数区分开来。(引用</div>
</li>
<li><a href="/article/1835389111658180608.htm"
title="《HTML 与 CSS—— 响应式设计》" target="_blank">《HTML 与 CSS—— 响应式设计》</a>
<span class="text-muted">陈在天box</span>
<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/%E5%89%8D%E7%AB%AF/1.htm">前端</a>
<div>一、引言在当今数字化时代，人们使用各种不同的设备访问互联网，包括智能手机、平板电脑、笔记本电脑和台式机等。为了确保网站在不同设备上都能提供良好的用户体验，响应式设计成为了网页开发的关键。HTML和CSS作为网页开发的基础技术，在实现响应式设计方面发挥着重要作用。本文将深入探讨HTML与CSS中的响应式设计原理、方法和最佳实践。二、响应式设计的概念与重要性（一）概念响应式设计是一种网页设计方法，旨在</div>
</li>
<li><a href="/article/1835387977480630272.htm"
title="【C语言】- 自定义类型：结构体、枚举、联合" target="_blank">【C语言】- 自定义类型：结构体、枚举、联合</a>
<span class="text-muted">Cavalier_01</span>
<a class="tag" taget="_blank" href="/search/C%E8%AF%AD%E8%A8%80/1.htm">C语言</a>
<div>【C语言】：操作符（https://mp.csdn.net/editor/html/115218055）数据类型（https://mp.csdn.net/editor/html/115219664）自定义类型：结构体、枚举、联合（https://mp.csdn.net/editor/html/115373785）变量、常量（https://mp.csdn.net/editor/html/11523</div>
</li>
<li><a href="/article/1835382685745377280.htm"
title="html+css网页设计 旅游网站首页1个页面" target="_blank">html+css网页设计 旅游网站首页1个页面</a>
<span class="text-muted">html+css+js网页设计</span>
<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>
<div>html+css网页设计旅游网站首页1个页面网页作品代码简单，可使用任意HTML辑软件（如：Dreamweaver、HBuilder、Vscode、Sublime、Webstorm、Text、Notepad++等任意html编辑软件进行运行及修改编辑等操作）。获取源码1，访问该网站https://download.csdn.net/download/qq_42431718/897527112，点击</div>
</li>
<li><a href="/article/1835379153730367488.htm"
title="spring mvc @RequestBody String类型参数" target="_blank">spring mvc @RequestBody String类型参数</a>
<span class="text-muted">zoyation</span>
<a class="tag" taget="_blank" href="/search/spring-mvc/1.htm">spring-mvc</a><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>通过如下配置：text/html;charset=UTF-8application/json;charset=UTF-8在springmvc的Controller层使用@RequestBody接收Content-Type为application/json的数据时，默认支持Map方式和对象方式参数@RequestMapping(value="/{code}/saveUser",method=Requ</div>
</li>
<li><a href="/article/1835377684025274368.htm"
title="ubuntu安装opencv最快的方法" target="_blank">ubuntu安装opencv最快的方法</a>
<span class="text-muted">Derek重名了</span>
<div>最快方法，当然不能太多文字$sudoapt-getinstallpython-opencv借助python就可以把ubuntu的opencv环境搞起来，非常快非常容易参考：https://docs.opencv.org/trunk/d2/de6/tutorial_py_setup_in_ubuntu.html</div>
</li>
<li><a href="/article/1835376759739084800.htm"
title="处理标签包裹的字符串，并取出前250字符" target="_blank">处理标签包裹的字符串，并取出前250字符</a>
<span class="text-muted">周bro</span>
<a class="tag" taget="_blank" href="/search/%E5%89%8D%E7%AB%AF/1.htm">前端</a><a class="tag" taget="_blank" href="/search/javascript/1.htm">javascript</a><a class="tag" taget="_blank" href="/search/%E5%BC%80%E5%8F%91%E8%AF%AD%E8%A8%80/1.htm">开发语言</a>
<div>//假设这是你的HTML字符串varhtmlString=`这是一个段落。这是一个标题这是另一个段落，包含一些链接。`;//解析HTML字符串并提取文本functionextractTextFromHTML(html){varparser=newDOMParser();vardoc=parser.parseFromString(html,"text/html");vartextContent=do</div>
</li>
<li><a href="/article/1835376505543290880.htm"
title="css设置当字数超过限制后以省略号（...）显示" target="_blank">css设置当字数超过限制后以省略号（...）显示</a>
<span class="text-muted">周bro</span>
<a class="tag" taget="_blank" href="/search/css/1.htm">css</a><a class="tag" taget="_blank" href="/search/%E5%89%8D%E7%AB%AF/1.htm">前端</a><a class="tag" taget="_blank" href="/search/vue/1.htm">vue</a><a class="tag" taget="_blank" href="/search/css3/1.htm">css3</a><a class="tag" taget="_blank" href="/search/html/1.htm">html</a><a class="tag" taget="_blank" href="/search/%E7%BB%8F%E9%AA%8C%E5%88%86%E4%BA%AB/1.htm">经验分享</a>
<div>1、文字超出一行，省略超出部分，显示’…’用text-overflow:ellipsis属性来，当然还需要加宽度width属来兼容部分浏览。overflow:hidden;text-overflow:ellipsis;white-space:nowrap;2、多行文本溢出显示省略号display:-webkit-box;-webkit-box-orient:vertical;-webkit-lin</div>
</li>
<li><a href="/article/1835373236217540608.htm"
title="360前端星计划-动画可以这么玩" target="_blank">360前端星计划-动画可以这么玩</a>
<span class="text-muted">马小蜗</span>
<div>动画的基本原理定时器改变对象的属性根据新的属性重新渲染动画functionupdate(context){//更新属性}constticker=newTicker();ticker.tick(update,context);动画的种类1、JavaScript动画操作DOMCanvas2、CSS动画transitionanimation3、SVG动画SMILJS动画的优缺点优点：灵活度、可控性、性能</div>
</li>
<li><a href="/article/1835372727582683136.htm"
title="h5小游戏定制开发" target="_blank">h5小游戏定制开发</a>
<span class="text-muted">红匣子实力推荐</span>
<div>随着科技的不断发展，移动互联网已经成为人们生活中不可或缺的一部分。在这个背景下，H5小游戏应运而生，为人们带来了丰富的娱乐体验。H5小游戏定制开发作为一种新兴的游戏开发方式，正逐渐受到市场的关注和青睐。那么，什么是H5小游戏定制开发呢？它又具有哪些特点和优势呢？让我们一起来深入了解一下。首先，我们来了解一下H5小游戏的基本概念。H5小游戏是一种基于HTML5技术的游戏，可以在移动端、PC端等多平台</div>
</li>
<li><a href="/article/1835362025719558144.htm"
title="css2中的透明" target="_blank">css2中的透明</a>
<span class="text-muted">琪33</span>
<div>.out{width:400px;height:400px;background-color:blue;margin:100pxauto;border:1pxsolid#000;opacity:0.6;}.in{width:200px;height:200px;background-color:red;margin:100pxauto;}</div>
</li>
<li><a href="/article/1835359727924637696.htm"
title="Nginx从入门到实践(三)" target="_blank">Nginx从入门到实践(三)</a>
<span class="text-muted">听你讲故事啊</span>
<div>动静分离动静分离是将网站静态资源（JavaScript，CSS，img等文件）与后台应用分开部署，提高用户访问静态代码的速度，降低对后台应用访问。动静分离的一种做法是将静态资源部署在nginx上，后台项目部署到应用服务器上，根据一定规则静态资源的请求全部请求nginx服务器，达到动静分离的目标。rewrite规则Rewrite规则常见正则表达式Rewrite主要的功能就是实现URL的重写，Ngin</div>
</li>
<li><a href="/article/1835354700392787968.htm"
title="Nginx的使用场景：构建高效、可扩展的Web架构" target="_blank">Nginx的使用场景：构建高效、可扩展的Web架构</a>
<span class="text-muted">张某布响丸辣</span>
<a class="tag" taget="_blank" href="/search/nginx/1.htm">nginx</a><a class="tag" taget="_blank" href="/search/%E5%89%8D%E7%AB%AF/1.htm">前端</a><a class="tag" taget="_blank" href="/search/%E6%9E%B6%E6%9E%84/1.htm">架构</a>
<div>Nginx，作为当今最流行的Web服务器和反向代理软件之一，凭借其高性能、稳定性和灵活性，在众多Web项目中扮演着核心角色。无论是个人博客、中小型网站，还是大型企业级应用，Nginx都能提供强大的支持。本文将探讨Nginx的几个主要使用场景，帮助读者理解如何在实际项目中充分利用Nginx的优势。1.静态文件服务对于包含大量静态文件（如HTML、CSS、JavaScript、图片等）的网站，Ngin</div>
</li>
<li><a href="/article/1835354447627251712.htm"
title="前端知识点" target="_blank">前端知识点</a>
<span class="text-muted">ZhangTao_zata</span>
<a class="tag" taget="_blank" href="/search/%E5%89%8D%E7%AB%AF/1.htm">前端</a><a class="tag" taget="_blank" href="/search/javascript/1.htm">javascript</a><a class="tag" taget="_blank" href="/search/css/1.htm">css</a>
<div>下面是一个最基本的html代码body{font-family:Arial,sans-serif;margin:20px;}//JavaScriptfunctionthatdisplaysanalertwhencalledfunctionshowMessage(){alert("Hello!Youclickedthebutton.");}MyFirstHTMLPageWelcometoMyPage</div>
</li>
<li><a href="/article/1835349024102772736.htm"
title="非关系型数据库" target="_blank">非关系型数据库</a>
<span class="text-muted">天秤-white</span>
<a class="tag" taget="_blank" href="/search/nosql/1.htm">nosql</a>
<div>一、为什么要用Nosql1.单机MySQL的时代。一个基本的网站访问量一般不会太大，单个数据库完全足够。那时候更多使用的静态网页html，服务器根本没有太大压力。这时候网站的瓶颈是什么？-数据量如果太大，一个机器放不下。-数据量太大需要建立数据的索引（B+Tree），一个服务器内存放不下。-访问量读写混合，一个服务器承受不了。2.memcached缓存+MySQL+垂直拆分（读写分离）。网站80%</div>
</li>
<li><a href="/article/1835342718067372032.htm"
title="Python精选200Tips：121-125" target="_blank">Python精选200Tips：121-125</a>
<span class="text-muted">AnFany</span>
<a class="tag" taget="_blank" href="/search/Python200%2BTips/1.htm">Python200+Tips</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>
<div>Spendyourtimeonself-improvement121Requests-简化的HTTP请求处理发送GET请求发送POST请求发送PUT请求发送DELETE请求会话管理处理超时文件上传122BeautifulSoup-网页解析和抓取解析HTML和XML文档查找单个标签查找多个标签使用CSS选择器查找标签提取文本修改文档内容删除标签处理XML文档123Scrapy-强大的网络爬虫框架示例</div>
</li>
<li><a href="/article/1835340577596600320.htm"
title="前端CSS面试常见题" target="_blank">前端CSS面试常见题</a>
<span class="text-muted">剑亦未配妥</span>
<a class="tag" taget="_blank" href="/search/%E5%89%8D%E7%AB%AF%E9%9D%A2%E8%AF%95/1.htm">前端面试</a><a class="tag" taget="_blank" href="/search/%E5%89%8D%E7%AB%AF/1.htm">前端</a><a class="tag" taget="_blank" href="/search/css/1.htm">css</a><a class="tag" taget="_blank" href="/search/%E9%9D%A2%E8%AF%95/1.htm">面试</a>
<div>边界塌陷盒模型有两种：W3C盒模型和IE盒模型，区别在于宽度是否包含边框定义：同时给兄弟/父子盒模型设置上下边距，理论上边距值是两者之和，实际上不是注意：浮动和定位不会产生边界塌陷；只有块级元素垂直方向才会产生margin合并margin计算方案margin同为正负：取绝对值大的值一正一负：求和父子元素边界塌陷解决父元素可以通过调整padding处理；设置overflowhidden，触发BFC子</div>
</li>
<li><a href="/article/1835333268375957504.htm"
title="爬虫技术抓取网站数据" target="_blank">爬虫技术抓取网站数据</a>
<span class="text-muted">Bearjumpingcandy</span>
<a class="tag" taget="_blank" href="/search/%E7%88%AC%E8%99%AB/1.htm">爬虫</a>
<div>爬虫技术是一种自动化获取网站数据的技术，它可以模拟人类浏览器的行为，访问网页并提取所需的信息。以下是爬虫技术抓取网站数据的一般步骤：发起HTTP请求：爬虫首先会发送HTTP请求到目标网站，获取网页的内容。解析HTML：获取到网页内容后，爬虫会使用HTML解析器解析HTML代码，提取出需要的数据。数据提取：通过使用XPath、CSS选择器或正则表达式等工具，爬虫可以从HTML中提取出所需的数据，如文</div>
</li>
<li><a href="/article/1835316434805288960.htm"
title="七.正则化" target="_blank">七.正则化</a>
<span class="text-muted">愿风去了</span>
<div>吴恩达机器学习之正则化（Regularization）http://www.cnblogs.com/jianxinzhou/p/4083921.html从数学公式上理解L1和L2https://blog.csdn.net/b876144622/article/details/81276818虽然在线性回归中加入基函数会使模型更加灵活，但是很容易引起数据的过拟合。例如将数据投影到30维的基函数上，模</div>
</li>
<li><a href="/article/1835296397365178368.htm"
title="创建一个完整的购物商城系统是一个复杂的项目，涉及前端（用户界面）、后端（服务器逻辑）、数据库等多个部分。由于篇幅限制，我无法在这里提供一个完整的系统代码，但我可以分别给出一些关键部分的示例代码，涵盖几" target="_blank">创建一个完整的购物商城系统是一个复杂的项目，涉及前端（用户界面）、后端（服务器逻辑）、数据库等多个部分。由于篇幅限制，我无法在这里提供一个完整的系统代码，但我可以分别给出一些关键部分的示例代码，涵盖几</a>
<span class="text-muted">uthRaman</span>
<a class="tag" taget="_blank" href="/search/%E5%89%8D%E7%AB%AF/1.htm">前端</a><a class="tag" taget="_blank" href="/search/ui/1.htm">ui</a><a class="tag" taget="_blank" href="/search/%E6%9C%8D%E5%8A%A1%E5%99%A8/1.htm">服务器</a>
<div>前端（HTML/CSS/JavaScript）grsyzp.cnHTML页面结构（index.html）html购物商城欢迎来到购物商城JavaScript（Ajax请求商品数据，app.js）javascriptdocument.addEventListener('DOMContentLoaded',function(){fetch('/api/products').then(response=</div>
</li>
<li><a href="/article/79.htm"
title="基本数据类型和引用类型的初始值" target="_blank">基本数据类型和引用类型的初始值</a>
<span class="text-muted">3213213333332132</span>
<a class="tag" taget="_blank" href="/search/java%E5%9F%BA%E7%A1%80/1.htm">java基础</a>
<div>package com.array;
/**
* @Description 测试初始值
* @author FuJianyong
* 2015-1-22上午10:31:53
*/
public class ArrayTest {
ArrayTest at;
String str;
byte bt;
short s;
int i;
long</div>
</li>
<li><a href="/article/206.htm"
title="摘抄笔记--《编写高质量代码：改善Java程序的151个建议》" target="_blank">摘抄笔记--《编写高质量代码：改善Java程序的151个建议》</a>
<span class="text-muted">白糖_</span>
<a class="tag" taget="_blank" href="/search/%E9%AB%98%E8%B4%A8%E9%87%8F%E4%BB%A3%E7%A0%81/1.htm">高质量代码</a>
<div> 记得3年前刚到公司，同桌同事见我无事可做就借我看《编写高质量代码：改善Java程序的151个建议》这本书，当时看了几页没上心就没研究了。到上个月在公司偶然看到，于是乎又找来看看，我的天，真是非常多的干货，对于我这种静不下心的人真是帮助莫大呀。
看完整本书，也记了不少笔记</div>
</li>
<li><a href="/article/333.htm"
title="【备忘】Django 常用命令及最佳实践" target="_blank">【备忘】Django 常用命令及最佳实践</a>
<span class="text-muted">dongwei_6688</span>
<a class="tag" taget="_blank" href="/search/django/1.htm">django</a>
<div>注意：本文基于 Django 1.8.2 版本
生成数据库迁移脚本（python 脚本）
python manage.py makemigrations polls
说明：polls 是你的应用名字，运行该命令时需要根据你的应用名字进行调整
查看该次迁移需要执行的 SQL 语句（只查看语句，并不应用到数据库上）：
python manage.p</div>
</li>
<li><a href="/article/460.htm"
title="阶乘算法之一N! 末尾有多少个零" target="_blank">阶乘算法之一N! 末尾有多少个零</a>
<span class="text-muted">周凡杨</span>
<a class="tag" taget="_blank" href="/search/java/1.htm">java</a><a class="tag" taget="_blank" href="/search/%E7%AE%97%E6%B3%95/1.htm">算法</a><a class="tag" taget="_blank" href="/search/%E9%98%B6%E4%B9%98/1.htm">阶乘</a><a class="tag" taget="_blank" href="/search/%E9%9D%A2%E8%AF%95/1.htm">面试</a><a class="tag" taget="_blank" href="/search/%E6%95%88%E7%8E%87/1.htm">效率</a>
<div> &n</div>
</li>
<li><a href="/article/587.htm"
title="spring注入servlet" target="_blank">spring注入servlet</a>
<span class="text-muted">g21121</span>
<a class="tag" taget="_blank" href="/search/Spring%E6%B3%A8%E5%85%A5/1.htm">Spring注入</a>
<div>传统的配置方法是无法将bean或属性直接注入到servlet中的，配置代理servlet亦比较麻烦，这里其实有比较简单的方法，其实就是在servlet的init()方法中加入要注入的内容：
ServletContext application = getServletContext();
WebApplicationContext wac = WebApplicationContextUtil</div>
</li>
<li><a href="/article/714.htm"
title="Jenkins 命令行操作说明文档" target="_blank">Jenkins 命令行操作说明文档</a>
<span class="text-muted">510888780</span>
<a class="tag" taget="_blank" href="/search/centos/1.htm">centos</a>
<div>
假设Jenkins的URL为http://22.11.140.38:9080/jenkins/
基本的格式为
java
基本的格式为
java -jar jenkins-cli.jar [-s JENKINS_URL] command [options][args]
下面具体介绍各个命令的作用及基本使用方法
1. &nb</div>
</li>
<li><a href="/article/841.htm"
title="UnicodeBlock检测中文用法" target="_blank">UnicodeBlock检测中文用法</a>
<span class="text-muted">布衣凌宇</span>
<a class="tag" taget="_blank" href="/search/UnicodeBlock/1.htm">UnicodeBlock</a>
<div>/** * 判断输入的是汉字 */ public static boolean isChinese(char c) { Character.UnicodeBlock ub = Character.UnicodeBlock.of(c); </div>
</li>
<li><a href="/article/968.htm"
title="java下实现调用oracle的存储过程和函数" target="_blank">java下实现调用oracle的存储过程和函数</a>
<span class="text-muted">aijuans</span>
<a class="tag" taget="_blank" href="/search/java/1.htm">java</a><a class="tag" taget="_blank" href="/search/orale/1.htm">orale</a>
<div> 1.创建表：STOCK_PRICES
2.插入测试数据：
3.建立一个返回游标：
PKG_PUB_UTILS
4.创建和存储过程：P_GET_PRICE
5.创建函数：
6.JAVA调用存储过程返回结果集
JDBCoracle10G_INVO</div>
</li>
<li><a href="/article/1095.htm"
title="Velocity Toolbox" target="_blank">Velocity Toolbox</a>
<span class="text-muted">antlove</span>
<a class="tag" taget="_blank" href="/search/%E6%A8%A1%E6%9D%BF/1.htm">模板</a><a class="tag" taget="_blank" href="/search/tool/1.htm">tool</a><a class="tag" taget="_blank" href="/search/box/1.htm">box</a><a class="tag" taget="_blank" href="/search/velocity/1.htm">velocity</a>
<div>velocity.VelocityUtil
package velocity;
import org.apache.velocity.Template;
import org.apache.velocity.app.Velocity;
import org.apache.velocity.app.VelocityEngine;
import org.apache.velocity.c</div>
</li>
<li><a href="/article/1222.htm"
title="JAVA正则表达式匹配基础" target="_blank">JAVA正则表达式匹配基础</a>
<span class="text-muted">百合不是茶</span>
<a class="tag" taget="_blank" href="/search/java/1.htm">java</a><a class="tag" taget="_blank" href="/search/%E6%AD%A3%E5%88%99%E8%A1%A8%E8%BE%BE%E5%BC%8F%E7%9A%84%E5%8C%B9%E9%85%8D/1.htm">正则表达式的匹配</a>
<div>
正则表达式;提高程序的性能,简化代码,提高代码的可读性,简化对字符串的操作
正则表达式的用途;
字符串的匹配
字符串的分割
字符串的查找
字符串的替换
正则表达式的验证语法
[a] //[]表示这个字符只出现一次 ,[a] 表示a只出现一</div>
</li>
<li><a href="/article/1349.htm"
title="是否使用EL表达式的配置" target="_blank">是否使用EL表达式的配置</a>
<span class="text-muted">bijian1013</span>
<a class="tag" taget="_blank" href="/search/jsp/1.htm">jsp</a><a class="tag" taget="_blank" href="/search/web.xml/1.htm">web.xml</a><a class="tag" taget="_blank" href="/search/EL/1.htm">EL</a><a class="tag" taget="_blank" href="/search/EasyTemplate/1.htm">EasyTemplate</a>
<div> 今天在开发过程中发现一个细节问题，由于前端采用EasyTemplate模板方法实现数据展示，但老是不能正常显示出来。后来发现竟是EL将我的EasyTemplate的${...}解释执行了，导致我的模板不能正常展示后台数据。
网</div>
</li>
<li><a href="/article/1476.htm"
title="精通Oracle10编程SQL(1-3)PLSQL基础" target="_blank">精通Oracle10编程SQL(1-3)PLSQL基础</a>
<span class="text-muted">bijian1013</span>
<a class="tag" taget="_blank" href="/search/oracle/1.htm">oracle</a><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/plsql/1.htm">plsql</a>
<div>--只包含执行部分的PL/SQL块
--set serveroutput off
begin
dbms_output.put_line('Hello,everyone!');
end;
select * from emp;
--包含定义部分和执行部分的PL/SQL块
declare
v_ename varchar2(5);
begin
select </div>
</li>
<li><a href="/article/1603.htm"
title="【Nginx三】Nginx作为反向代理服务器" target="_blank">【Nginx三】Nginx作为反向代理服务器</a>
<span class="text-muted">bit1129</span>
<a class="tag" taget="_blank" href="/search/nginx/1.htm">nginx</a>
<div>Nginx一个常用的功能是作为代理服务器。代理服务器通常完成如下的功能：
接受客户端请求
将请求转发给被代理的服务器
从被代理的服务器获得响应结果
把响应结果返回给客户端
实例
本文把Nginx配置成一个简单的代理服务器
对于静态的html和图片，直接从Nginx获取
对于动态的页面，例如JSP或者Servlet，Nginx则将请求转发给Res</div>
</li>
<li><a href="/article/1730.htm"
title="Plugin execution not covered by lifecycle configuration: org.apache.maven.plugin" target="_blank">Plugin execution not covered by lifecycle configuration: org.apache.maven.plugin</a>
<span class="text-muted">blackproof</span>
<a class="tag" taget="_blank" href="/search/maven/1.htm">maven</a><a class="tag" taget="_blank" href="/search/%E6%8A%A5%E9%94%99/1.htm">报错</a>
<div>转：http://stackoverflow.com/questions/6352208/how-to-solve-plugin-execution-not-covered-by-lifecycle-configuration-for-sprin
maven报错：
Plugin execution not covered by lifecycle configuration: </div>
</li>
<li><a href="/article/1857.htm"
title="发布docker程序到marathon" target="_blank">发布docker程序到marathon</a>
<span class="text-muted">ronin47</span>
<a class="tag" taget="_blank" href="/search/docker+%E5%8F%91%E5%B8%83%E5%BA%94%E7%94%A8/1.htm">docker 发布应用</a>
<div>1 发布docker程序到marathon 1.1 搭建私有docker registry 1.1.1 安装docker regisry
docker pull docker-registry
docker run -t -p 5000:5000 docker-registry
下载docker镜像并发布到私有registry
docker pull consol/tomcat-8.0
</div>
</li>
<li><a href="/article/1984.htm"
title="java-57-用两个栈实现队列&&用两个队列实现一个栈" target="_blank">java-57-用两个栈实现队列&&用两个队列实现一个栈</a>
<span class="text-muted">bylijinnan</span>
<a class="tag" taget="_blank" href="/search/java/1.htm">java</a>
<div>
import java.util.ArrayList;
import java.util.List;
import java.util.Stack;
/*
* Q 57 用两个栈实现队列
*/
public class QueueImplementByTwoStacks {
private Stack<Integer> stack1;
pr</div>
</li>
<li><a href="/article/2111.htm"
title="Nginx配置性能优化" target="_blank">Nginx配置性能优化</a>
<span class="text-muted">cfyme</span>
<a class="tag" taget="_blank" href="/search/nginx/1.htm">nginx</a>
<div>转载地址：http://blog.csdn.net/xifeijian/article/details/20956605
大多数的Nginx安装指南告诉你如下基础知识——通过apt-get安装，修改这里或那里的几行配置，好了，你已经有了一个Web服务器了。而且，在大多数情况下，一个常规安装的nginx对你的网站来说已经能很好地工作了。然而，如果你真的想挤压出Nginx的性能，你必</div>
</li>
<li><a href="/article/2238.htm"
title="[JAVA图形图像]JAVA体系需要稳扎稳打,逐步推进图像图形处理技术" target="_blank">[JAVA图形图像]JAVA体系需要稳扎稳打,逐步推进图像图形处理技术</a>
<span class="text-muted">comsci</span>
<a class="tag" taget="_blank" href="/search/java/1.htm">java</a>
<div>
对图形图像进行精确处理，需要大量的数学工具，即使是从底层硬件模拟层开始设计，也离不开大量的数学工具包，因为我认为，JAVA语言体系在图形图像处理模块上面的研发工作，需要从开发一些基础的，类似实时数学函数构造器和解析器的软件包入手，而不是急于利用第三方代码工具来实现一个不严格的图形图像处理软件......
&nb</div>
</li>
<li><a href="/article/2365.htm"
title="MonkeyRunner的使用" target="_blank">MonkeyRunner的使用</a>
<span class="text-muted">dai_lm</span>
<a class="tag" taget="_blank" href="/search/android/1.htm">android</a><a class="tag" taget="_blank" href="/search/MonkeyRunner/1.htm">MonkeyRunner</a>
<div>要使用MonkeyRunner，就要学习使用Python，哎
先抄一段官方doc里的代码
作用是启动一个程序（应该是启动程序默认的Activity），然后按MENU键，并截屏
# Imports the monkeyrunner modules used by this program
from com.android.monkeyrunner import MonkeyRun</div>
</li>
<li><a href="/article/2492.htm"
title="Hadoop-- 海量文件的分布式计算处理方案" target="_blank">Hadoop-- 海量文件的分布式计算处理方案</a>
<span class="text-muted">datamachine</span>
<a class="tag" taget="_blank" href="/search/mapreduce/1.htm">mapreduce</a><a class="tag" taget="_blank" href="/search/hadoop/1.htm">hadoop</a><a class="tag" taget="_blank" href="/search/%E5%88%86%E5%B8%83%E5%BC%8F%E8%AE%A1%E7%AE%97/1.htm">分布式计算</a>
<div>csdn的一个关于hadoop的分布式处理方案，存档。
原帖：http://blog.csdn.net/calvinxiu/article/details/1506112。
Hadoop 是Google MapReduce的一个Java实现。MapReduce是一种简化的分布式编程模式，让程序自动分布到一个由普通机器组成的超大集群上并发执行。就如同ja</div>
</li>
<li><a href="/article/2619.htm"
title="以資料庫驗證登入" target="_blank">以資料庫驗證登入</a>
<span class="text-muted">dcj3sjt126com</span>
<a class="tag" taget="_blank" href="/search/yii/1.htm">yii</a>
<div>以資料庫驗證登入
由於 Yii 內定的原始框架程式, 採用綁定在UserIdentity.php 的 demo 與 admin 帳號密碼: public function authenticate() { $users=array( &nbs</div>
</li>
<li><a href="/article/2746.htm"
title="github做webhooks：[2]php版本自动触发更新" target="_blank">github做webhooks：[2]php版本自动触发更新</a>
<span class="text-muted">dcj3sjt126com</span>
<a class="tag" taget="_blank" href="/search/github/1.htm">github</a><a class="tag" taget="_blank" href="/search/git/1.htm">git</a><a class="tag" taget="_blank" href="/search/webhooks/1.htm">webhooks</a>
<div>上次已经说过了如何在github控制面板做查看url的返回信息了。这次就到了直接贴钩子代码的时候了。
工具/原料
git
github
方法/步骤
在github的setting里面的webhooks里把我们的url地址填进去。
钩子更新的代码如下： error_reportin</div>
</li>
<li><a href="/article/2873.htm"
title="Eos开发常用表达式" target="_blank">Eos开发常用表达式</a>
<span class="text-muted">蕃薯耀</span>
<a class="tag" taget="_blank" href="/search/Eos%E5%BC%80%E5%8F%91/1.htm">Eos开发</a><a class="tag" taget="_blank" href="/search/Eos%E5%85%A5%E9%97%A8/1.htm">Eos入门</a><a class="tag" taget="_blank" href="/search/Eos%E5%BC%80%E5%8F%91%E5%B8%B8%E7%94%A8%E8%A1%A8%E8%BE%BE%E5%BC%8F/1.htm">Eos开发常用表达式</a>
<div>Eos开发常用表达式
>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>
蕃薯耀 2014年8月18日 15:03:35 星期一
&</div>
</li>
<li><a href="/article/3000.htm"
title="SpringSecurity3.X--SpEL 表达式" target="_blank">SpringSecurity3.X--SpEL 表达式</a>
<span class="text-muted">hanqunfeng</span>
<a class="tag" taget="_blank" href="/search/SpringSecurity/1.htm">SpringSecurity</a>
<div>使用 Spring 表达式语言配置访问控制，要实现这一功能的直接方式是在<http>配置元素上添加 use-expressions 属性：
<http auto-config="true" use-expressions="true">
这样就会在投票器中自动增加一个投票器：org.springframework</div>
</li>
<li><a href="/article/3127.htm"
title="Redis vs Memcache" target="_blank">Redis vs Memcache</a>
<span class="text-muted">IXHONG</span>
<a class="tag" taget="_blank" href="/search/redis/1.htm">redis</a>
<div>1. Redis中，并不是所有的数据都一直存储在内存中的，这是和Memcached相比一个最大的区别。
2. Redis不仅仅支持简单的k/v类型的数据，同时还提供list，set，hash等数据结构的存储。
3. Redis支持数据的备份，即master-slave模式的数据备份。
4. Redis支持数据的持久化，可以将内存中的数据保持在磁盘中，重启的时候可以再次加载进行使用。
Red</div>
</li>
<li><a href="/article/3254.htm"
title="Python - 装饰器使用过程中的误区解读" target="_blank">Python - 装饰器使用过程中的误区解读</a>
<span class="text-muted">kvhur</span>
<a class="tag" taget="_blank" href="/search/JavaScript/1.htm">JavaScript</a><a class="tag" taget="_blank" href="/search/jquery/1.htm">jquery</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>
<div>大家都知道装饰器是一个很著名的设计模式，经常被用于AOP(面向切面编程)的场景，较为经典的有插入日志，性能测试，事务处理，Web权限校验， Cache等。
原文链接：http://www.gbtags.com/gb/share/5563.htm
Python语言本身提供了装饰器语法（@），典型的装饰器实现如下：
@function_wrapper
de</div>
</li>
<li><a href="/article/3381.htm"
title="架构师之mybatis-----update 带case when 针对多种情况更新" target="_blank">架构师之mybatis-----update 带case when 针对多种情况更新</a>
<span class="text-muted">nannan408</span>
<a class="tag" taget="_blank" href="/search/case+when/1.htm">case when</a>
<div>1.前言.
如题.
2. 代码.
<update id="batchUpdate" parameterType="java.util.List">
<foreach collection="list" item="list" index=&</div>
</li>
<li><a href="/article/3508.htm"
title="Algorithm算法视频教程" target="_blank">Algorithm算法视频教程</a>
<span class="text-muted">栏目记者</span>
<a class="tag" taget="_blank" href="/search/Algorithm/1.htm">Algorithm</a><a class="tag" taget="_blank" href="/search/%E7%AE%97%E6%B3%95/1.htm">算法</a>
<div>课程：Algorithm算法视频教程
百度网盘下载地址： http://pan.baidu.com/s/1qWFjjQW 密码: 2mji
程序写的好不好,还得看算法屌不屌！Algorithm算法博大精深。
一、课程内容：
课时1、算法的基本概念 + Sequential search
课时2、Binary search
课时3、Hash table
课时4、Algor</div>
</li>
<li><a href="/article/3635.htm"
title="C语言算法之冒泡排序" target="_blank">C语言算法之冒泡排序</a>
<span class="text-muted">qiufeihu</span>
<a class="tag" taget="_blank" href="/search/c/1.htm">c</a><a class="tag" taget="_blank" href="/search/%E7%AE%97%E6%B3%95/1.htm">算法</a>
<div>任意输入10个数字由小到大进行排序。
代码：
#include <stdio.h>
int main()
{
int i,j,t,a[11]; /*定义变量及数组为基本类型*/
for(i = 1;i < 11;i++){
scanf("%d",&a[i]); /*从键盘中输入10个数*/
}
for</div>
</li>
<li><a href="/article/3762.htm"
title="JSP异常处理" target="_blank">JSP异常处理</a>
<span class="text-muted">wyzuomumu</span>
<a class="tag" taget="_blank" href="/search/Web/1.htm">Web</a><a class="tag" taget="_blank" href="/search/jsp/1.htm">jsp</a>
<div>1.在可能发生异常的网页中通过指令将HTTP请求转发给另一个专门处理异常的网页中:
<%@ page errorPage="errors.jsp"%>
2.在处理异常的网页中做如下声明：
errors.jsp:
<%@ page isErrorPage="true"%>，这样设置完后就可以在网页中直接访问exc</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> 