• 首页
  • css3教程
  • html5教程
  • jQuery手册
  • php7教程
  • MySQL手册
  • apache手册
  • 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,功能是把分组发往目标网络或主机,为此需要实现寻址和路由; 传输层则负责连接双方的会话控制,如服务质量、流量控制、分组排序和异常处理等,定义了TCPUDP两种不同的协议, TCP协议是一个面向连接的、可靠的协议(使命必达),UDP协议是一个不可靠的、无连接协议(尽力而为); 应用层则是为了实现具体的业务,比如HTTP(超文本传输协议)就是为了支持网页内容的处理,HTTP是基于TCP协议的。

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

    协议用途创建于
    FTP 文件传输1971
    SMTP 发送邮件1971
    IMAP 接收邮件1986
    IRC 即时通讯1988
    HTTP 浏览HTML文档(网页)1989


    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 Chrome
    • Firefox Firefox
    • Internet Explorer Internet Explorer
    • Opera Opera
    • Safari Safari

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