元标签，在网站页面优化：标题（TITLE）、网站页面优化：关键词（KEYWORDS）和网站页面优化：描述（DESCRIPTION）这三节课中分别介绍SEO标题，关键词和描述三要素，以及使用方法，把主要关键词用在各个元标签，这些关键词在谷歌排名中很可能起不到真正作用，因为搜索引擎会分析分散在页面周围它认为更有用的关键字。除了一些与SEO相关的元标签，还有很多其它很好的元标签，但是这些标签没有起到SEO的作用。
前面我们介绍了 robots.txt 和在 WordPress 博客中如何使用，robots.txt 文件是用来限制整个站点或者目录的搜索引擎访问情况，如果要针对一个个具体的页面，怎么办呢？这个时候就用到了 robots meta 标签。
前两天刚知道用爬虫抓取page有个协议的问题，尤其是对于open source的爬虫，刚看到一篇blog，写的就是如此，难怪之前看google的robots也和另外一个U.S.的网站相同，感情是大家都商量好了， 可能这方面中国的一些站点这种意识要稍微淡一点。。。同时这也害得毕设还得另谋思路。。。 搜索引擎三巨头打的不亦乐乎，但偶尔也合作一下。去年Google，雅虎，微软就合作，共同遵守统一的Sitemaps标准。前两天三巨头又同时宣布，共 同遵守的 robots.txt文件标准。Google，雅虎，微软各自在自己的官方博客上发了一篇帖子，公布三家都支持的robots.txt文件及Meta标签 的标准，以及一些各自特有的标准。下面做一个总结。 三家都支持的robots文件记录包括： Disallow - 告诉蜘蛛不要抓取某些文件或目录。如下面代码将阻止蜘蛛抓取所有的网站文件： User-agent: * Disallow: / Allow - 告诉蜘蛛应该抓取某些文件。Allow和Disallow配合使用，可以告诉蜘蛛某个目录下，大部分都不抓取，只抓取一部分。如下面代码将使蜘蛛不抓取ab目录下其他文件，而只抓取其中cd下的文件： User-agent: * Disallow: /ab/ Allow: /ab $通配符 - 匹配URL结尾的字符。如下面代码将允许蜘蛛访问以.htm为后缀的URL： User-agent: * Allow: .htm$ *通配符 - 告诉蜘蛛匹配任意一段字符。如下面一段代码将禁止蜘蛛抓取所有htm文件： User-agent: * Disallow: /*.htm Sitemaps位置 - 告诉蜘蛛你的网站地图在哪里，格式为：Sitemap: <sitemap_XXXXXX> 三家都支持的Meta标签包括： NOINDEX - 告诉蜘蛛不要索引某个网页。 NOFOLLOW - 告诉蜘蛛不要跟踪网页上的链接。 NOSNIPPET - 告诉蜘蛛不要在搜索结果中显示说明文字。 NOARCHIVE - 告诉蜘蛛不要显示快照。 NOODP - 告诉蜘蛛不要使用开放目录中的标题和说明。 上面这些记录或标签，现在三家都共同支持。其中通配符好像以前雅虎微软并不支持。百度现在也支持Disallow，Allow及两种通配符。Meta标签我没有找到百度是否支持的官方说明。 只有Google支持的Meta标签有： UNAVAILABLE_AFTER - 告诉蜘蛛网页什么时候过期。在这个日期之后，不应该再出现在搜索结果中。 NOIMAGEINDEX - 告诉蜘蛛不要索引页面上的图片。 NOTRANSLATE - 告诉蜘蛛不要翻译页面内容。 雅虎还支持Meta标签： Crawl-Delay - 允许蜘蛛延时抓取的频率。 NOYDIR - 和NOODP标签相似，但是指雅虎目录，而不是开放目录。 Robots-nocontent - 告诉蜘蛛被标注的部分html不是网页内容的一部分，或者换个角度，告诉蜘蛛哪些部分是页面的主要内容（想被检索的内容）。 MSN还支持Meta标签：Crawl-Delay 另外提醒大家注意的是，robots.txt文件可以不存在，返回404错误，意味着允许蜘蛛抓取所有内容。但抓取robots.txt文件时却发生超时 之类的错误，可能导致搜索引擎不收录网站，因为蜘蛛不知道robots.txt文件是否存在或者里面有什么内容，这与确认文件不存在是不一样的。
5、IOS中Safari设置保存到桌面图标： 这是IOS中Safari特有的meta，是在你保存某个页面到桌面的时候使用这张图作为桌面图标，so，尺寸和iphone上的一致，是57*57px
Robots协议，也称为爬虫协议、机器人协议等，其全称为“网络爬虫排除标准（Robots Exclusion Protocol）”。网站通过Robots协议告诉搜索引擎哪些页面可以抓取，哪些页面不能抓取。也既是Robots的用法有两种，一种是告诉搜索引擎哪些页面你不能抓（默认其他的就可以抓）；一种是告诉搜索引擎你只能抓取哪些页面（默认其他的不可以抓）。
微软这回要哭了，Google最新发布的Chrome Frame可以将IE 的Trident内核替换成WebKit，是IE一下子有了两内核（浏览器也双核了，厚厚~）。Google在帮助其竞争对手改善其产品，微软的IE开发团队是不是会很尴尬？在运行插件之后，用户的IE浏览器将获得Chrome的性能和功能，拥有更快的JS解析速度和对HTML5网页标准的支持。
ZooKeeper服务器是用Java创建的，它在JVM上运行。你需要使用JDK 6或更高版本。
注意：本文分享给安全从业人员、网站开发人员以及运维人员在日常工作防范恶意攻击,请勿恶意使用下面介绍技术进行非法攻击操作。。
html访问图片资源403问题(http referrer) 前言 之前碰到一个问题，就是html中通过img标签引入一个图片地址，报403。但是这个图片地址直接复制出来在地址栏打开，却是看得到的。
meta标签是head部的一个辅助性标签，提供关于 HTML 文档的元数据。它并不会显示在页面上，但对于机器是可读的。可用于浏览器（如何显示内容或重新加载页面），搜索引擎（SEO），或其他 web 服务。
隐藏状态栏/设置状态栏颜色：只有在开启WebApp全屏模式时才生效。content的值为default | black | black-translucent 。
这几天在玩 HTML5 ★ Boilerplate，注意到meta信息中有这么一句： 代码如下: <meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1"> http-equiv="X-UA-Compatible"这个是IE8的专用标记，是用来指定Internet Explorer 8 浏览器模拟某个特定版本IE浏览器的渲染方式，以此来解决IE浏览器的兼容问题。 例如指定IE8浏览器使用IE6的渲染方式呈现界面。 曾
最近在使用朋友网(不加链接，避免有打广告的嫌疑)，发现会出现提示“是否允许网站显示桌面通知？”，如下图所示：
x-ua-compatible 用来指定IE浏览器解析编译页面的model x-ua-compatible 头标签大小写不敏感，必须用在 head 中，必须在除 title 外的其他 meta 之前使用。 1、使用一行代码来指定浏览器使用特定的文档模式。 <meta http-equiv="x-ua-compatible" content="IE=9" > <meta http-equiv="x-ua-compatible" content="IE=8" > <meta http-equiv="x-ua-compatible" content="IE=7" > 2、在一些情况下，我们需要限定浏览器对文档的解析到某一特定版本，或者将浏览器限定到一些旧版本的表现中。可以用如下的方式： <meta http-equiv="x-ua-compatible" content="IE=EmulateIE9" > <meta http-equiv="x-ua-compatible" content="IE=EmulateIE8" > <meta http-equiv="x-ua-compatible" content="IE=EmulateIE7" > 使用这种写法，浏览器或者使用标准模式进行解析，或者使用 IE5 Quirks 模式进行解析。 3、为了测试，我们也可以使用下面的语句指定浏览器按照最高的标准模式解析页面。 <meta http-equiv="x-ua-compatible" content="IE=edge" > 4、多个模式的指定。我们可以用逗号分割多个版本，这种情况下，浏览器会从这个列表中选择一个他所支持的最高版本来使用标准模式进行渲染。如下面的例子，在IE8进行浏览时，将会使用IE7的标准模式进行渲染，因为他本身不支持IE9和IE10。 <meta http-equiv="x-ua-compatible" content="IE=7,9,10" > 参考： http://www.cnblogs.com/cocowool/archive/2013/04/25/3043832.html http://www.cnblogs.com/nidilzhang/archive/2010/01/09/1642887.html http://msdn.microsoft.com/en-us/library/jj676915(v=vs.85).aspx 一行代码解决各种IE兼容问题,IE6,IE7,IE8,IE9,IE10 2012-04-25 16:29:04| 分类： 学习 |字号 订阅 在网站开发中不免因为各种兼容问题苦恼，针对兼容问题，其实IE给出了解决方案Google也给出了解决方案 百度也应用了这种方案去解决IE的兼容问题 百度源代码如下 <!Doctype html> <html xmlns=http://www.w3.org/1999/xhtml xmlns:bd=http://www.baidu.com/2010/xbdml> <head> <meta http-equiv=Content-Type content=“text/html;charset=utf-8″> <meta http-equiv=X-UA-Compatible content=IE=EmulateIE7> <title>百度一下，你就知道 </title> <script>var wpo={start:new Date*1,pid:109,page:‘superpage’}</script> <meta http-equiv=X-UA-Compatible content=IE=EmulateIE7> 可以打开百度，右键查看源码看下！我们可以看下文件头是否存在这样一行代码！ 这句话的意思是强制使用IE7模式来解析网页代码！ 在这里送上几种IE使用模式！ <meta http-equiv=“X-UA-Compatible” content=“IE=8″> 2. Google Chrome Frame也可以让IE用上Chrome的引擎: <meta http-equiv=“X-UA-Compatible” content=“chrome=1″ /> 3.强制IE8使用IE7模式来解析 <meta http-equiv=“X-UA-Compatible” content=“IE=EmulateIE7″><!– IE7 mode –> //或者 <meta http-equiv=“X-UA-Compatible” content=“IE=7″><!– IE7 mode –> 4.强制IE8使用I
之前学习前端中，对meta标签的了解仅仅只是这一句。 <metacharset="UTF-8"> 但是打开任意的网站，其head标签内都有一列的meta标签。比如我博客的。 但是自己却很不熟悉，于是
HTTPS 是 HTTP over Secure Socket Layer，以安全为目标的 HTTP 通道，所以在 HTTPS 承载的页面上不允许出现 http 请求，一旦出现就是提示或报错： Mixed Content: The page at ‘https://www.taobao.com/‘ was loaded over HTTPS, but requested an insecure image ‘http://g.alicdn.com/s.gif’. This content should al
今天查Html手册时，又有了新的发现。也就这机会，好好总结下HTML中Meta的使用。
省略外链资源（图片及其它媒体资源）URL 中的 http / https 协议，使 URL 成为相对地址
元素 = 起始标记（begin tag） + 结束标记（end tag） + 元素内容 + 元素属性
HTTPS 是 HTTP over Secure Socket Layer，以安全为目标的 HTTP 通道，所以在 HTTPS 承载的页面上不允许出现 http 请求，一旦出现就是提示或报错：
在国内，网站管理者似乎对robots.txt并没有引起多大重视，应一些朋友之请求，今天想通过这篇文章来简单谈一下robots.txt的写作。
-多年互联网运维工作经验，曾负责过大规模集群架构自动化运维管理工作。 -擅长Web集群架构与自动化运维，曾负责国内某大型金融公司运维工作。 -devops项目经理兼DBA。 -开发过一套自动化运维平台（功能如下）： 1)整合了各个公有云API，自主创建云主机。 2)ELK自动化收集日志功能。 3)Saltstack自动化运维统一配置管理工具。 4)Git、Jenkins自动化代码上线及自动化测试平台。 5)堡垒机，连接Linux、Windows平台及日志审计。 6)SQL执行及审批流程。 7)慢查询日志分析web界面。
通常做网站的目标就是让搜索引擎收录，扩大推广面，但是如果你的网站涉及个人隐私或者机密性非公开的网页而需要禁止搜索引擎收录抓取的话，该如何操作呢？比如淘宝网就是禁止搜索引擎收录的一个例子，本文将教你几种做法来实现屏蔽或禁止搜索引擎收录抓取网站的内容。
个人工作主要偏向于 Android，所以此篇内容主要以 Android 为例，毕竟鸡老大也曾经说过，不对没涉及的领域做太多评价。
这是一个文档兼容模式的定义。主要用于加强代码对IE的兼容性，强制IE使用当前本地最新版标准模式渲染或者用chrome内核渲染。
时不时碰到客户的浏览器为IE7,IE8，甚至IE6的，他们不能升级浏览器，因为升级后，机器中其它的重要系统无法访问。而新系统的前端又需要浏览器的支持，比如H5，SVG等等，换框架结构，成本无疑是巨大的，而且风险不可控。针对此种情况，安装Google Frame是相对非常完美的解决方案，不要求升级浏览器，只安装一个插件，且对原系统无任何干扰，新系统也可根据情况对是否使用Google Frame插件进行切换。
前几天出去谈了一个网站修改的需求，需求中客户提到要再网站上加上一个地图，显示公司所在位置，问能不能做。当时想了一瞬，答道：能，不过需要研究一下，这个东西比较复杂。（谈需求嘛，不能说这个东西简单的很，那样谁还给钱）
最近遇到一个测试场景：要在一个Nginx Docker容器内进行网络联通测试。常用的网络调试工具很多，如cURL、dig、nslookup等等。而在Nginx镜像里一般不会自带这些工具，当然，可以通过Dockerfile打造属于你的“瑞士军刀”版本的Nginx镜像。其实，Docker所在的Linux主机上一般都会自带这些工具了。那么有没有一种方法，可以直接利用Linux主机上的这些命令行工具，在容器内执行相关命令呢？
本文介绍了七种七夕节日表白的网页风格，从色彩搭配、设计元素到字体选择，为读者提供了多样化的选择。此外，还分析了每种风格的特点以及它们可能吸引的特定人群。
@{ } <!DOCTYPE html> <html lang="zh"> <head> <meta name="viewport" content="initi
您的个人网站即使做得再精彩，在“浩瀚如海”的网络空间中，也如一叶扁舟不易为人发现，如何推广 个人网站，人们首先想到的方法无外乎以下几种： ● 在搜索引擎中登录自己的个人网站 ● 在知名网站加入你个人网站的链接 ● 在论坛中发帖子宣传你的个人网站
最近在整理网页mate标签，想着把常用的mate标签记录一下，有的可以解决IE不兼容的问题。现在电脑普遍来说最低版本的IE也应该是IE8了，但是不排除某些落后的电脑机器依然是IE6.7，所以整理下相关资料以留备用。
一直都有人问我怎么用docker搭建一个方便好用的知识库，首先项目构建要够简单，不能太复杂，同时知识库的基本功能要满足，要方便创建、记录和共享知识。而恰好Raneto便是这样的项目，它采用markdown语法编辑知识库，支持上传.md文件，构建简单，同时没有其他多余功能，能让你专注于构建你的知识库。所以今天熊猫便用极空间搭建一个知识库，同时也准备将我的所有文章放入知识库，再分享给大家。
Google Chrome Frame是Google推出的一款免费的Internet Explorer专用插件。使用此插件，用户可以通过Internet Explorer的用户界面，以Chrome内核的渲染方式浏览网页。Chrome Frame 会把最新版的Chrome Webkit 内核和JavaScript 引擎注入到IE中。
内容安全策略（CSP）是一个 HTTP Header，CSP 通过告诉浏览器一系列规则，严格规定页面中哪些资源允许有哪些来源， 不在指定范围内的统统拒绝。
最近刚刚搭建了这个博客，但发现，因为是在github仓库的静态页面的缘故，发现，不管是在Google&Baidu，几乎都搜不到相应的页面。。。更正一下不是几乎，是一点也不，所以今天添加了一下相应的优化。
1. content的取值为webkit，ie-comp，ie-stand之一，区分大小写，分别代表用极速模式，兼容模式，IE模式打开； 2. 极速模式：使用谷歌内核； 3. 兼容模式：使用IE（Trident内核）。
1.1 Meta description 标签可能是最有用的标签之一，顾名思义，它会提供给搜索引擎关于这个页面的一个简短的介绍； 例如：
什么是Meta标签呢？这可不是最近很火的“元宇宙”或是FB。Meta标签，或者说Meta元素，是HTML内head标签的一部分。通常用于指定页面描述、关键字以及未在其他head元素、属性中提供的其他元数据。间接参与浏览器页面渲染，或者为搜索引擎的爬虫提供引导（进而让搜索引擎更好收录网站）。
我的目标是创建一个对人有帮助并且超级简单的AI服务。做好GPT-2之后，我意识到它具有巨大的创作潜力，并且可以证明它在创作文字方面很有用。
米扑导航在收集网站、验证网站时，需要采集网页标题(title)、描述(description)、关键字(keywords)等meta信息
关键词和描述标签作为SEO的基础配置，在wordpress中没有默认添加，这里记录一下在Wordpress中自动添加关键词和描述标签的方法。
编码格式 告诉给浏览器用什么方式来都这页代码，，这里是用UTF-8编码的，utf-8是国际编码，实用性比较强推荐使用。
涉世浅，点染亦浅；历事深，机械亦深。故君子与其练达，不若朴鲁；与其曲谨，不若疏狂。
首先我们进入Framework7的文档官网，https://framework7.io/vue/installation.html，注意英文文档才是最新的，中文文档则是很久没更新的旧版本。
如下是 example.com 去请求 http://google.com 的流程
字符编码：声明文档使用的字符编码 相对于这种方式，更推荐你（推荐使用HTML5的声明方式）。
1. -webkit-text-size-adjust: 100% 解释：在 Chrome 浏览器中只能设置大于或等于 12px 的字体大小，当设置了小于 12px 的字体大小时，浏览器按照 12px 的字体大小渲染字体，而设置了 -webkit-text-size-adjust 属性后浏览器可以渲染 12px 以下的字体大小
领取专属 10元无门槛券
手把手带您无忧上云
