1、lang=zh-Hans；

　　lang代表languages的意思，VSCode创建出来的网页模板是lang=en，en代表english的意思，zh代表中文，单一的zh是废弃的语法，Hans代表中文简体，中文繁体是Hant。

　　（https://www.cnblogs.com/mayicao/articles/lang.html）

2、meta；　

　　META标签是HTML标记HEAD区的一个关键标签，提供文档字符集、使用语言、作者等基本信息，以及对关键词和网页等级的设定等，最大的作用是能够做搜索引擎优化（SEO）。

　　PS：便于搜索引擎机器人查找、分类，互联网应用应该要注意。

　　（http://www.cnblogs.com/moyingliang/p/5748043.html          html meta标签使用总结）

　　meta是用来在HTML文档中模拟HTTP协议的响应头报文。meta 标签用于网页的<head>与</head>中，meta 标签的用处很多。meta 的属性有两种：name和http-equiv。name属性主要用于描述网页，对应于content（网页内容），以便于搜索引擎机器人查找、分类（目 前几乎所有的搜索引擎都使用网上机器人自动查找meta值来给网页分类）。这其中最重要的是description（站点在搜索引擎上的描述）和 keywords（分类关键词），所以应该给每页加一个meta值。

　　（https://xiaoboss.iteye.com/blog/1165096）

　　meta标签的作用有：搜索引擎优化（SEO），定义页面使用语言，自动刷新并指向新的页面，实现网页转换时的动态效果，控制页面缓冲，网页定级评价，控制网页显示的窗口等

3、description；（站点在搜索引擎上的描述）

　　描述

4、keyword；（分类关键词）

　　关键字

5、renderer；

　　渲染器；描绘器

6、meta http-equiv="X-UA-compatible"

　　X-UA-Compatible是IE8的一个专有<meta>属性，它告诉IE8采用何种IE版本去渲染网页，在html的<head>标签中使用。可以在微软官方文档获取更多介绍。

　　为什么要用X-UA-Compatible？

　　在IE8刚推出的时候，很多网页由于重构的问题，无法适应较高级的浏览器，所以使用X-UA-Compatible标签强制IE8采用低版本方式渲染。

　　使用下面这段代码后，开发者无需考虑网页是否兼容IE8浏览器，只要确保网页在IE6、IE7下的表现就可以了。

　　<meta http-equiv="X-UA-Compatible" content="IE=EmulateIE7" />

　　/emulate 仿真

　　给网站添加X-UA-Compatible标签

　　我建议使用下面的X-UA-Compatible标签：

　　<meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1" />

　　IE=edge告诉IE使用最新的引擎渲染网页，chrome=1则可以激活Chrome Frame

　　（https://zccst.iteye.com/blog/2162187）

　　使用 X-UA-Compatible 标头可指定页面支持的 Internet Explorer 版本。 使用 document.documentMode 可确定网页的兼容性模式。 

7、baidu-site-verifiaction/360-site-verification

　　百度网站验证/360网站验证

 8、script属性

　　reportfs——报告书；

　　performance——性能；

　　timing——计时；

　　firstscreenfinish——第一个屏幕完成；

　　location——位置；

9、匿名函数的一些小知识

　　!function()——匿名函数，匿名函数后面的小括号()是为了让匿名函数立即执行，其实就是一个函数调用；

　　说明：

　　众所周知，在js中可以这样创建一个匿名函数：

　　(function(){do something})();　　或　　(function(){do something}())

　　而匿名函数后面的小括号()是为了让匿名函数立即执行，其实就是一个函数调用，相信大家都懂的！

　　那大家有没有想过为什么这么写就会报错了：

　　function(){alert(1)}();

　　其实很简单，因为function前面没有(或者! ~之类的运算符，js解析器会试图将关键字function解析成函数声明语句，而不是函数定义表达式！

　　作为组运算符，小括号()会将其内部的表达式当成一个整体，然后返回结果，所以定义一个匿名函数正确的格式就是用小括号将函数体括起来！

　　同样的! ~ + -等运算符也有同样的效果，这是因为匿名函数也是一种值，这些运算符会将后面的函数体当成一个整体，先对匿名函数进行求值，然后在对结果进行运算！

　　（https://www.cnblogs.com/xjser/p/5210697.html）

　　有返回值的情况下会有副作用！

10、一些疑问？

　　meta name="renderer"　content="webkit"　是浏览器内核的渲染方式吗？

　　meta name="spm_prefix"　content="333.334"是什么意思？源码中出现了几次spm，但是网上查不到具体的说明

　　meta name="baidu-site-verification"　content="gbRdPloQBZ" 是百度网站验证，content中的内容是每个浏览器都不同的。B站的网站验证只有百度、360、谷歌三种，其他浏览器呢？如果其他浏览器不需要加也能的话那加这三个岂不是很鸡肋？

　　<script>meta charset="utf-8" src=""</script>　和　<script>meta type="text/javascript" src=""</script>　的区别？都是链接，为什么需要一个标明标明编码格式，一个需要标明类型？或者说charset的默认不是utf-8编辑的？type的默认不是text/script编辑的？

对于bilibili主页head部分的代码的总结以及疑问。的更多相关文章

  1. 【未解决】对于使用Windows的IDEA进行编译的文件，但无法在Linux系统中统计代码行数的疑问

    在我学习使用Windows的IDEA的过程中,将代码文件转移到Linux虚拟机当中,但无法在Linux系统中统计代码行数. 注意:拷贝进虚拟机的文件均能编译运行. 具体过程如下: root@yogil ...

  2. 如何在 Visual Studio 中使用 Git 同步代码到 CodePlex

    开源社区不管在国内还是国外都很火热,微软也曾因为没有开源而倍受指责,但是随着 .Net framework.ASP.Net MVC等框架的逐渐开源,也让大家看到了微软开源的步伐.CodePlex 则是 ...

  3. paper 118：计算机视觉、模式识别、机器学习常用牛人主页链接

    牛人主页(主页有很多论文代码) Serge Belongie at UC San Diego Antonio Torralba at MIT Alexei Ffros at CMU Ce Liu at ...

  4. [转]如何在 Visual Studio 中使用 Git 同步代码到 CodePlex

    本文转自:http://www.cnblogs.com/stg609/p/3673782.html 开源社区不管在国内还是国外都很火热,微软也曾因为没有开源而倍受指责,但是随着 .Net framew ...

  5. 使用webstorm上传代码到github

    使用webstorm上传代码到github 字数681 阅读330 评论0 喜欢5 之前使用过webstorm上传代码到github,过了几个月竟然发现自己忘记了,好记性不如烂笔头啊,今天又重新用了一 ...

  6. 大项目之网上书城（五）——主页（End）

    目录 大项目之网上书城(五)--主页(End) 主要改动 1.主页(终于完成啦) 完整代码 效果图 2.head.jsp的小改动 代码 3.login.jsp ###代码 效果图 4.login.js ...

  7. paper 156：专家主页汇总-计算机视觉-computer vision

    持续更新ing~ all *.files come from the author:http://www.cnblogs.com/findumars/p/5009003.html 1 牛人Homepa ...

  8. GitLab初识以及代码迁移

    目录 一.理论概述 1.什么是gitlib 2.GitLab服务构成 3.Git对比SVN 二.部署 1.简单操作GitLab 三.项目实践:SVN代码迁移至GitLab 环境 1.Linux下部署S ...

  9. NET Core CSharp初级篇 1-3面向对象

    .NET Core CSharp初级篇 1-3 本节内容为面向对象初级教程 类 简介 面向对象是整个C#中最核心最有特色的一个模块了,它很好的诠释了程序与现实世界的联系. 面向对象的三大特征:继承.多 ...

随机推荐

  1. Ansible运维自动化工具19个常用模块使用实例【转】

    一.模块列表 1.setup 2.ping 3.file 4.copy 5.command 6.shell 7.script 8.cron 9.yum 10.service 11.group 12.u ...

  2. proxy ubunta

    /etc/environment : Is the correct place to specify system-wide environment variables that should be ...

  3. SQL Server 2008 下载及版本说明

    一.下载地址 SQL Server 2008 R2 Enterprise下载地址来源网络整理:MSDN网址,参考: 选中下面链接,放在迅雷中即可下载: ed2k://|file|cn_sql_serv ...

  4. tp5 自定义排序

  5. scikit-learn中机器学习模型比较（逻辑回归与KNN）

    本文源自于Kevin Markham 的模型评估:https://github.com/justmarkham/scikit-learn-videos/blob/master/05_model_eva ...

  6. PLSQL僵死

    同样的SQL语句,同一数据库,但在不同的PLSQL中执行,出现僵死的问题. 修改SQLNET.ORA文件的SQLNET.EXPIRE_TIME值为10,10为默认值.

  7. kettle基础概念的学习

    参考书籍:Pentaho Kettle Solutions中文版.由于最近不断的使用kettle,随着不断深入使用,遇到的问题越来越多,发现脑子那点货根本不够用,所以根据阅读把一些概念记录一下,方便自 ...

  8. （译）(function (window, document, undefined) {})(window, document); 真正的意思

    由于非常感兴趣, 我查询了很多关于IIFE (immediately-invoked function expression)的东西, 如下: (function (window, document, ...

  9. Electron 项目在 Mac 下复制和粘贴快捷键失效的解决办法

    公司的一个项目需要开发跨平台,由于整个项目完全由我一个人开发,本人也是初次接触 Electron,开发过程中遇到了不少坑,同样的代码 Windows 下复制和粘贴没有问题,Mac 下复制和粘贴失效,在 ...

  10. Docker 学习4 Docker容器虚拟化网络概述

    一.docker 虚拟化网络概述 1.OVS: OpenVSwitch,不仅能模拟二层网络,还能模拟三层网络,或者VLAN,VXLAN,流控 SDN软件定义网络技术等. 2.overlay netwo ...