H5开发中需要掌握的基础知识总结

什么是H5开发？
有人说H5就是html5，H5开发就是HTML5开发。我以前也是这么认为，后来在一个直播课中听了老师对H5的讲解，感觉比较客观全面。大意义是，H5开发不仅仅是使用 html 和 html5 的技术写一个简单的网页那么简单。而是指前端技术不断发展，到HTML5这个节点的时候，各方面技术已经成熟。所以，就以此节点命名，代表所有的前端技术栈，统称"H5开发"。 H5开发涉及多端领域，例如，PC端网站，小程序开发，移动跨平台开发，VR/AR，区块链，基于node.js的后端开发，爬虫…等等。

HTML发展史
作为H5开发者首先得了解HTML诞生及演变过程，在以后跟别人闲聊时也能侃侃而谈HTML的前世今生，如果别人问你HTML最早版本是哪一年发布的，而你作为前端开发人员却回答不出来，多少有点尴尬了。下面是整理的主要时间点：

• HTML 最初于1989年由 Tim Berners-Lee (蒂姆·伯纳斯-李)发明。
• 1993年，发布 HTML 1.0 版本。
• 1995年，发布 HTML 2.0版本。
• 1996年，发布 HTML 3.2版本。
• 1997年，发布 HTML 4.0版本。
• 1999年，发布 HTML 4.01 版本。
• 2000年，发布了 XHTML 1.0 版本。
• 2001年，发布了 XHTML 1.1 版本。
• 2004年，发布 HTML5 草案。
• 2008年，整合了 XHTML 2.0 草案，发布 HTML5 正式版。

关于更详细的“故事情节”就需要大伙自己去查找资料了~~。

IP和域名
“IP是Internet Protocol（网际互连协议）的缩写，是TCP/IP体系中的网络层协议”这是它的官方定义。简单说，类似如我们的身份证一样，互联网上的每一台设备都会被分配一个唯IP，通过这个唯一的IP地址，就可以准确的找到目标设备。

IP是由4组整数同过点连接起来的一串字符，其中每组整数大小范围在 0-255 之间，例如：192.168.1.102。由于这样的IP地址不利于人们记忆，于是用便于记忆理解的字母符号数字来替代这个IP，这被称之为域名。将某个域名解析绑定到指定IP，然后就可以通过这个域名访问到绑定IP的计算机了。

URL
URL 是 Uniform Resource Locator 英文的缩写，翻译过来就是“统一资源定位符”，用于定位万维网上的文档（或其他数据）。
URL的组成部分：协议、主机、端口、路径、参数、锚
网址语法：scheme://hostname:port/path/filename?param#fragment
示例网址：“http://www.w3school.com.cn:port/html/index.asp?age=20&name=Jone#last”
scheme - 协议，定义因特网服务的类型。常见的协议有 http，https，ftp。
hostname - 主机名或 IP 地址，如示例中的 www.w3school.com.cn
:port - 端口，http 的默认端口是80，可省略不写。
path - 服务器上的路径。如示例中的 “html/”。
filename - 文档/资源的名称。如示例中的 “index.asp”。
param - 传递给服务器的参数。如示例中的 “age=20&name=Jone”，多个参数以“&”隔开。
fragment - 信息片断，跳转到网页指定位置的标识。如示例中的 “last”。

浏览器
浏览器一款客户端软件，是 HTML 网页的宿主环境，可以解析执行 html 代码文件。浏览器最重要的部分是浏览器的内核。浏览器内核是浏览器的核心，也称“渲染引擎”，用来解释网页语法并渲染到网页上。

不同的浏览器，解析 HTML 文档结果存在差异，作为前端开发人员了解浏览器的内核是很有必要的。这样，可以针对浏览器差异修正我们写的页面，保证同一个网页在不同的浏览器中渲染的效果一致。

目前市面上主流的浏览器有5款，相关信息收集整理如下：
1.谷歌浏览器
Chrome 浏览器是google旗下的浏览器。2013年前使用 Webkit 内核，现在是 Blink 内核。统称为 Chromium 或 Chrome 内核。

2.IE浏览器
Internet Explorer 是微软公司旗下浏览器。使用 Trident 内核，也是俗称的 IE 内核。

3.火狐浏览器
Firefox浏览器使Mozilla公司旗下浏览器。使用 Gecko 内核，俗称 Firefox 内核。

4.Safari 浏览器
Safari 浏览器是苹果公司在苹果手机上开发的浏览器。使用 Webkit 内核。

5.欧朋浏览器：
Opera是挪威Opera Software ASA公司旗下的浏览器。最初是 Presto 内核，后来是 Webkit，现在是 Blink 内核。

其他浏览器基本上都是使用以上几种内核：
360浏览器、猎豹浏览器内核：IE+Chrome双内核。
搜狗、遨游、QQ浏览器内核：Trident（兼容模式）+Webkit（高速模式）。
百度浏览器、世界之窗内核：IE内核。
2345浏览器内核：以前是IE内核，现在也是IE+Chrome双内核。