web 认识

互联网

（Internet，亦称因特网）发源于1969年，用来连接美国的国防计算机设备。 计算机是一个个信息孤岛，互联网充当信息高速公路把这些孤岛串联起来。 如今全球数十亿的设备通过互联网连接在一起，包括服务器、台式机、笔记本、平板、手机、电视、可穿戴设备和智能家居设备等。

Web

全称为World Wide Web，缩写WWW，中文称万维网。 简单地说，Web是一种体系结构，通过它可以访问遍布于因特网主机上的链接文档。万维网（World Wide Web）诞生于90年代初，是建立在互联网之上的全球性的、交互的、分布式图文信息系统。 它原本只是基于Internet的一种网络服务（除此之外还有邮件、新闻列表和即时通讯等服务），但Web的出现极大的推动了互联网的发展，也构成了互联网最主要的部分。

网络协议

互联网由一系列网络设备连接所构建，如同人与人的对话使用语言一样，计算机之间的对话语言就是协议。 且如同复杂的社会组织有不同阶层一样，实践表明复杂的计算机网络同样需要区分层次，各个层次各司其职，分工协作。 互联网网络协议遵循OSI参考模型， OSI是Open System Interconnection的缩写，意为开放式系统互联。国际标准化组织（ISO）制定了OSI模型，该模型定义了不同计算机互联的标准，是设计和描述计算机网络通信的基本框架。 OSI模型把网络通信的工作分为7层，分别是物理层、数据链路层、网络层、传输层、会话层、表示层和应用层。 由于其过于庞大繁杂，由技术人员自己开发的TCP/IP协议栈对此做了简化也就是4层模型

其中网络接口层主要是在物理设备上为互连层提供分组数据（Packets）接口； 网络互连层定义了分组格式和协议即IP，功能是把分组发往目标网络或主机，为此需要实现寻址和路由； 传输层则负责连接双方的会话控制，如服务质量、流量控制、分组排序和异常处理等，定义了TCP和UDP两种不同的协议， TCP协议是一个面向连接的、可靠的协议（使命必达），UDP协议是一个不可靠的、无连接协议（尽力而为）； 应用层则是为了实现具体的业务，比如HTTP（超文本传输协议）就是为了支持网页内容的处理，HTTP是基于TCP协议的。

作为HTML5开发人员，我们接触最多的是应用层的协议，包括HTTP/SMTP/IMAP/IRC/FTP等，分别用于不同的应用场景。

IP地址

我们已经知道互联网是连接电脑的信息高速公路。现实生活中的高速公路则连接着千家万户，每户人家都对应一个地址，这个地址是分级格式的。 相似的，每个连接到互联网的设备都被分配了一个IP地址用来唯一识别这个设备，这个地址看起来是4个（或6个）数字（字节）的组合如：111.13.101.208。默认本机IP127.0.0.1。IP协议分为IPV4和IPV6，IPV4支持的地址空间最大为232（40多亿），不足以标识所有的互联网设备（含移动、物联），所以需要启用IPV6。

对于网站而言，要拥有独立IP地址，必须得有一台服务器，比较方便的方式是通过亚马逊、阿里云、西部数码等基础设施服务商购买云主机按期付费，如果有运维经验，也可以自行购置服务器托管在电信/移动机房并购买带宽和IP地址。

域名

IP地址固然可以很好的标识计算机，但是对于普通用户而言，是很难阅读和记住的。这就是为什么要创建域名。域名是一个字符串，用来和一个IP地址关联，两者可以互换。 比如你可以通过//111.13.101.208或者 //baidu.com来访问百度网站，这里baidu.com就是一个域名。

• 一个域名由3个部分组成，从右到左分别是：
• 顶级域名(TLD)：如一些通用域名 (.com, .org, .net) 以及特定国家的域名 (.us, .cn, .fr).
• 域名（Domain）：如 baidu，techbrood, 可以包含字符数字，但是不能有空格和点。
• 子域名（Subdomain）（可选）。子域名是可选的，不指定子域名时，默认使用 www 为子域名。

浏览网站内容

计算机依赖该协议来分享网页，比如你正在阅读的在线教程就是由一组网页链接而成。如果你在浏览一个以http://或https://开头的URL，那么你正在访问万维网（Web）。网页是使用HTML语言编写的文档，可以通过万维网（Web）来分享。 一个网站简而言之就是在同一域名下的网页集合。

要打开和阅读网站，你需要使用Web浏览器（Web browser）.在Web浏览器地址栏输入 网址（URL）, 如 https://www.lanmper.cn，你就发送了一个网页请求。你的电脑是客户端，网页请求通过互联网HTTP协议被发送到网站所在的服务器上，来获取网站的内容。当你的电脑收到服务器应答后，将在你的浏览器中显示html文档。但是这个文档并非保存在你的电脑上，只是临时显示在你的浏览器中，如果你以后再次访问刚才的链接，将会重复一次网页请求过程。

HTML 文档

网页本质上就是 HTML 文档，和.doc等其他文档一样，只是文档格式不同。 .doc文档需要用微软Word打开，而网页要用浏览器打开。 浏览器即可以打开离线保存在你的计算机上的HTML页面，也可以在线向服务器发送请求获取网页文档并显示。 HTML文档使用跨平台的文本格式，带有.html或.htm文件后缀。

浏览器和Word一样都是需要安装和升级的本地应用程序，用来打开（解析并渲染）特定格式的文档，不同的是浏览器只能阅读网页不能创建或编辑，而Word既可以阅读doc文档也可以编辑。 如果要创建和编辑HTML文档，则需要使用文本编辑器。文档编辑器打开的是HTML源码。

HTML 源码

HTML代码看起来是下面这样：

<p>Hello World</p> 

这个代码是用文本编辑器写的。你可以看到标签符号<p>和</p>用来表示这是一段 文本（paragraph）。当用浏览器打开这个文档时，这些标签符号将不会被显示。当浏览器读取到标签<p>和</p>的时候，由于浏览器内置实现了HTML技术标准，所以能正确理解该标签的含义，从而把Hello World 解释成一段 文本并显示。

常用浏览器

每个电脑和手机都自带有一个默认的浏览器。最常用的浏览器包括：

• Chrome
• Firefox
• Internet Explorer
• Opera
• Safari

当然还包括一些衍生版本，如国内基于Chrome或IE内核的360/百度/QQ浏览器等。我们强烈推荐使用Chrome，对HTML5标准支持最好，性能最佳且能调试移动网页应用。 IE系列是支持新标准最滞后的，尤其是IE9之前的版本，很多CSS3的特性均不支持。除非特殊说明，本书用例对浏览器的一般性要求是Chrome最佳，FF和IE9+。 另外需要说明的是，这些浏览器都有移动版本，移动版本是对标准版本的简化，所以部分特性并不支持，针对移动版本的开发，需要在设备上做兼容性测试。