本文大部分内容源自这个stackoverflow问题的最高赞回答，然后结合其他一些favicon的知识整理而成。 favicon是Favorites Icon的缩写，通常是一个ico图标，显示在浏览器标签页标题前，也用于地址栏，书签以及快捷方式图标，使用网站LOGO图标能够从视觉上直观区别不同的网站。 一、favicon的格式 favicon通常使用下面这几种文件格式： favicon.ico图标 PNG格式图标 favicon.ico类型的图标所有桌面浏览器都支持，包括旧版本的IE浏览器。 PNG格式的图标现代桌面浏览器（如IE11，Chrome，Firefox）都支持。 为了在跨桌面浏览器（Windows/IE, MacOS/Safari等）的时候有最好的效果，建议结合这两种类型的图标。 二、favicon的尺寸 favicon必…

Chrome XPath Helper Extract, edit, and evaluate XPath queries with ease. SelectorsHub xPath plugin to auto generate, write and verify xpath & cssSelector. Firefox XPath Helper for developer Extract, edit, and evaluate XPath queries with ease. Try XPath This add-on displays the result of evaluating XPath expression or CSS selector. ChroPath ChroPath helps to generate and validate selectors like relative xpath, cssS…

CSS 选择器 MDN Web Docs: https://developer.mozilla.org/zh-CN/docs/Learn/CSS/Building_blocks/Selectors 查看汇总表 CSS中，选择器用来指定网页上我们想要样式化的HTML元素。有 CSS 选择器提供了很多种方法，所以在选择要样式化的元素时，我们可以做到很精细的地步。本文和本文的子篇中，我们将会详细地讲授选择器的不同使用方式，并了解它们的工作原理。 学习前提： 计算机的基本知识， 安装了基础软件，处理文件的基本知识，HTML 基础（学习HTML 介绍）以及对 CSS 工作方式的了解（学习CSS 初步） 目标： 详细学习 CSS 选择器的工作方式。 选择器是什么？ 你也许已经见过选择器了。CSS 选择器是 CSS 规则的第一部分。它是元素和其他部分组合起来告诉浏览器哪个 HT…

问题 哪种语言标签适合我？如何选择语言和其他子标签？ 在HTML和XML里，语言标签用于指示内容的语言。 语言标签由一个或多个用连字符分隔的子标签组成。子标签有多种类型。 BCP代表“当前的最佳实践”（Best Current Practice），是一系列RFC的永久名称，这些RFC的编号可能会更新。描述语言标签语法的最新RFC是RFC 5646，《用于识别语言的标签》（Tags for Identifying Languages），该版本废弃了较旧的RFC 4646、3066和1766。 语言标签语法由IETF的BCP 47定义。过去你需要查阅各种ISO标准中的代码列表才能找到正确的子标签，而现在只需查看IANA语言子标签注册中心即可。下面我们会描述新的语言子标签注册中心。 本文提供了如何选择语言标签的建议。有关BCP 47中定义的概念的…