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. vivado中如何使用chipscope

    如何使用chipscope 参考: https://www.cnblogs.com/liujinggang/p/9813863.html Xilinx FPGA开发实用教程---徐文波 田耘 1.Ch ...

  2. Win 10 系统下研华采集卡Advantech Navi SDK虚拟demo设备安装方法

    研华的DAQNavi是其采集卡设备的.net编程SDK,安装了其通讯工具Navigator后,可以添加虚拟采集卡 demo device. 在Win10上,执行添加操作时,可能会出现添加失败,这是由于 ...

  3. [转]PostgreSQL数据类型

    第六章  数据类型 6.1概述 PostgreSQL 提供了丰富的数据类型.用户可以使用 CREATE TYPE 命令在数据库中创建新的数据类型.PostgreSQL 的数据类型被分为四种,分别是基本 ...

  4. vscode添加prettier格式化自动加分号问题

    在vscode的settings.json中添加: "prettier.singleQuote": true, "prettier.semi": false, ...

  5. MySQL 笔记（Mysql 8.0.16）

    用户登陆 mysql -u user_name -p 修改密码 ALTER USER 'root'@'localhost' IDENTIFIED BY 'new_password'; 关闭服务 D:\ ...

  6. python3+Robot Framework+PyCharm第一个WEB UI自动化用例

    这里只是列举一个很简单的例子,简单介绍工具的使用,编写用例之前,做好WEB UI自动化的准备工作,下载好chrome驱动(这里以chrome为例,不同浏览器有对应的驱动),注意驱动和浏览器版本要对应, ...

  7. php框架rbac功能分析

    四大php框架rbac功能分析对比

  8. Windows环境下应用Java代码操作Linux资源

    >>>>>>>>>>>>>>>>>>>>>>>>> ...

  9. AspNet Core 下利用普罗米修斯+Grafana构建Metrics和服务器性能的监控 (无心打造文字不喜勿喷谢谢！)

    概述 Prometheus的主要特点 组件 结构图 适用场景 不适用场景 安装node_exporter,系统性能指数收集(收集系统性能情况) 下载文件 解压并复制node_exporter应用程序到 ...

  10. Excel—宏表函数

    首先有一个知识点,宏表函数是不能直接在单元格中写公式的,需要先定义一个名称(“公式”选项卡——“定义名称”),然后在“定义名称”中的“定义位置”中写入宏表函数. GET.CELL(调取单元格信息的函数 ...