百科狗-知识改变命运!
--

web 认识 - html5 详细教程

百变鹏仔1年前 (2023-11-21)阅读数 20#技术干货
文章标签互联网

web 认识

互联网

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


web 认识 - html5 详细教程

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.baikegou.com,你就发送了一个网页请求。你的电脑是客户端,网页请求通过互联网HTTP协议被发送到网站所在的服务器上,来获取网站的内容。当你的电脑收到服务器应答后,将在你的浏览器中显示html文档。但是这个文档并非保存在你的电脑上,只是临时显示在你的浏览器中,如果你以后再次访问刚才的链接,将会重复一次网页请求过程。


HTML 文档

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

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


HTML 源码

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

Hello World

这个代码是用文本编辑器写的。你可以看到标签符号

用来表示这是一段 文本(paragraph)。当用浏览器打开这个文档时,这些标签符号将不会被显示。当浏览器读取到标签

的时候,由于浏览器内置实现了HTML技术标准,所以能正确理解该标签的含义,从而把Hello World 解释成一段 文本并显示。

常用浏览器

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

  • Chrome
  • Firefox
  • Internet Explorer
  • Opera
  • Safari

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

鹏仔微信 15129739599 鹏仔QQ344225443 鹏仔前端 pjxi.com 共享博客 sharedbk.com

免责声明:我们致力于保护作者版权,注重分享,当前被刊用文章因无法核实真实出处,未能及时与作者取得联系,或有版权异议的,请联系管理员,我们会立即处理! 部分文章是来自自研大数据AI进行生成,内容摘自(百度百科,百度知道,头条百科,中国民法典,刑法,牛津词典,新华词典,汉语词典,国家院校,科普平台)等数据,内容仅供学习参考,不准确地方联系删除处理!邮箱:344225443@qq.com)

图片声明:本站部分配图来自网络。本站只作为美观性配图使用,无任何非法侵犯第三方意图,一切解释权归图片著作权方,本站不承担任何责任。如有恶意碰瓷者,必当奉陪到底严惩不贷!

内容声明:本文中引用的各种信息及资料(包括但不限于文字、数据、图表及超链接等)均来源于该信息及资料的相关主体(包括但不限于公司、媒体、协会等机构)的官方网站或公开发表的信息。部分内容参考包括:(百度百科,百度知道,头条百科,中国民法典,刑法,牛津词典,新华词典,汉语词典,国家院校,科普平台)等数据,内容仅供参考使用,不准确地方联系删除处理!本站为非盈利性质站点,本着为中国教育事业出一份力,发布内容不收取任何费用也不接任何广告!)