PM技术课｜Web知识知多少？
"\u003Cblockquote\u003E\u003Cp\u003E本文笔者将与大家分享HTML\u002FCSS\u002FJavaScript这三种网页技术，以及HTML5、H5等的相关知识。\u003C\u002Fp\u003E\u003C\u002Fblockquote\u003E\u003Cimg src=\"http:\u002F\u002Fp3.pstatp.com\u002Flarge\u002Fpgc-image\u002FRX7TjK2DOCWSvp\" img_width=\"800\" img_height=\"450\" alt=\"PM技术课｜Web知识知多少？\" inline=\"0\"\u003E\u003Cp\u003E\u003C\u002Fp\u003E\u003Ch2\u003E无处不在的网页\u003C\u002Fh2\u003E\u003Cp\u003E网页存储在某台计算机（即服务器）上，并通过网络与其他计算机相连。网页通过网址（URL）来识别与访问，当我们在浏览器输入网址后，经过一段复杂而又快速的程序，网页会被下载到用户的计算机上，用户的浏览器会解析网页内容，最终展示给用户。\u003C\u002Fp\u003E\u003Cp\u003E网页展示的信息可以包括：图片、文字、音频、视频等内容，网页上面还有链接指向更多的网页，最终形成一个巨大的互联网。\u003C\u002Fp\u003E\u003Cp\u003E比如：百度的网页就存储在百度的服务器中，当我们在浏览器中输入网址www.baidu.com（即URL地址），百度的网页会从服务器下载到本地计算机上，浏览器接收这些数据并解析，百度的首页就显示出来了。\u003C\u002Fp\u003E\u003Cp\u003E在电脑端，我们使用浏览器浏览网页，比如：使用Internet Explorer、Edge、Chrome、Safari、360安全浏览器、搜狗浏览器、QQ浏览器等浏览器，访问的网页可以是搜索引擎https:\u002F\u002Fwww.baidu.com，可以是电商平台https:\u002F\u002Fwww.taobao.com，甚至是社交平台https:\u002F\u002Fwx.qq.com。\u003C\u002Fp\u003E\u003Cp\u003E由于移动互联网的大发展，很多人可能没有意识到，网页其实可以实现大部分常用的功能。\u003C\u002Fp\u003E\u003Cp\u003E手机、iPad上也有各种浏览器，我们可以输入网址并直接访问，各大手机厂商在手机中预先安装了自己的浏览器，阿里巴巴、百度、腾讯、搜狗等互联网公司也推出了自家的浏览器APP。为了获得竞争优势，互联网公司还在浏览器上开发了各种功能，比如：智能搜索、去广告插件等。\u003C\u002Fp\u003E\u003Cp\u003E除了浏览器，不少APP也嵌入了浏览器功能。\u003C\u002Fp\u003E\u003Cp\u003E比如：微信的公众号，我们打开一篇微信公众号文章，就是打开一个网页；今日头条等新闻客户端也是个巨大的浏览器，我们打开一条新闻，就是进入相应的网页；淘宝里面的商品简介，也是个网页。这些网页“伪装”得太像APP页面了，以至于我们没有意识到。\u003C\u002Fp\u003E\u003Cimg src=\"http:\u002F\u002Fp1.pstatp.com\u002Flarge\u002Fpgc-image\u002FRX7TjKOHs5p708\" img_width=\"600\" img_height=\"319\" alt=\"PM技术课｜Web知识知多少？\" inline=\"0\"\u003E\u003Cp\u003E\u003C\u002Fp\u003E\u003Ch2\u003E网页三剑客：HTML\u002FCSS\u002FJavaScript\u003C\u002Fh2\u003E\u003Cp\u003E文字、图片、表格、音频、视频是网页最常见的元素。\u003C\u002Fp\u003E\u003Cp\u003E在网页上点击鼠标右键，选择菜单中的 “查看源文件” ，就可以看到网页的实际内容：网页实际上只是一个纯文本文件！它通过各式各样的标记对页面上的文字、图片、表格、声音等元素进行描述，而浏览器则对这些标记进行解释并生成页面，于是就得到我们看到的丰富的页面。\u003C\u002Fp\u003E\u003Cp\u003E比如：在微信公众平台官网（>https:\u002F\u002Fmp.weixin.qq.com）点击右键，查看源文件，可以发现这个网页的源文件全都都是文字。\u003C\u002Fp\u003E\u003Cimg src=\"http:\u002F\u002Fp3.pstatp.com\u002Flarge\u002Fpgc-image\u002FRX7TjKaBZ5naYU\" img_width=\"600\" img_height=\"241\" alt=\"PM技术课｜Web知识知多少？\" inline=\"0\"\u003E\u003Cimg src=\"http:\u002F\u002Fp3.pstatp.com\u002Flarge\u002Fpgc-image\u002FRX7TjKmGOb8mC1\" img_width=\"600\" img_height=\"171\" alt=\"PM技术课｜Web知识知多少？\" inline=\"0\"\u003E\u003Cp\u003E你可能会奇怪，为什么在源文件看不到任何图片，而在浏览器显示的时候可以看到呢？\u003C\u002Fp\u003E\u003Cp\u003E这些文件中存放的只是图片的链接位置，图片与网页文件是各自独立存放的，甚至可以不在同一台计算机上，浏览器可以自动访问这些链接并显示出来。音频、视频等非文字内容也是类似的。\u003C\u002Fp\u003E\u003Cp\u003E绝大多数网页是由HTML、CSS和JavaScript三种技术开发的，HTML\u002FCSS\u002FJavaScript也被称为网页三剑客。\u003C\u002Fp\u003E\u003Cp\u003EHTML提供网页内容和结构，CSS控制网页的外观，JavaScript提供用户交互，一个很经典的例子是说HTML就像一个人的骨骼、器官，而CSS就是人的皮肤，有了这两样也就构成了一个植物人了，加上javascript这个植物人就可以对外界刺激做出反应，可以思考、运动、可以给自己整容化妆等等，成为一个活生生的人。\u003C\u002Fp\u003E\u003Cp\u003E\u003C\u002Fp\u003E\u003Ch3\u003EHTML\u003C\u002Fh3\u003E\u003Cp\u003EHTML（Hypertext Markup Language，超文本标记语言）是一门标记语言，用于创建网页和 Web 应用程序，HTML的基本元素是等元素，分别表示文本、图像、表格等。浏览器发出 URL 请求时，首先需要返回 HTML 文档，之后浏览器对该文件进行解析。\u003C\u002Fp\u003E\u003Cp\u003E比如：下面是一个基本的网页，左边是网页源代码，右边是展示效果。<\u002Fhtml>之间是网页的全部内容，<\u002Fhead>之间是标题相关的内容，这里为空，<\u002Fbody>之间是网页的主体内容，
