技术课程内容是什么-广富强博客

在本文中，我将与大家分享HTML/CSS/Javascript三种web技术，以及HTML5和H5的相关知识。

无处不在的网页

网页存储在计算机上，并通过网络连接到其他计算机。网页是通过网址识别和访问的。我们在浏览器中输入网址后，网页会通过一个复杂而快速的过程下载到用户的电脑上，用户的浏览器会解析网页内容，最终展现给用户。

网页上显示的信息可以包括图片、文字、音频、视频等内容，网页上还有链接指向更多网页，最终形成一个庞大的互联网。

例如，我们的网页存储在我们的服务器上。当我们在浏览器中输入网址www.baidu.com时，我们的网页就会从服务器下载到本地计算机上。浏览器将接收并解析这些数据，然后显示我们的主页。

在电脑端，我们使用浏览器浏览网页，如ie浏览器、Edge、Chrome、Safari、360安全浏览器、搜狗浏览器、QQ浏览器等。被访问的网页可以是https://www.baidu.com，https://www.taobao.com，一个电子商务平台，甚至是https://wx.qq.com，一个社交平台。

由于移动互联网的大发展，很多人可能没有意识到网页其实可以实现大部分常用功能。

手机和iPad上也有各种浏览器。我们可以输入网址直接访问。各大手机制造商已经在手机中预装了自己的浏览器，阿里巴巴、腾讯和搜狗等互联网公司也推出了自己的浏览器应用。为了获得竞争优势，互联网公司还在浏览器上开发了各种功能，如智能搜索和去广告插件。

除了浏览器，很多app也嵌入了浏览器功能。

举个例子:微信的微信官方账号，当我们打开一篇微信微信官方账号的文章时，我们打开了一个网页；今日头条等新闻客户端也是巨大的浏览器。当我们打开一条新闻，我们进入相应的网页。淘宝里的商品简介也是网页。这些网页被“伪装”得如此像应用程序页面，以至于我们都没有意识到。

三剑客:HTML/CSS/Javascript

文本、图片、表格、音频和视频是网页最常见的元素。

在网页上点击鼠标右键，选择菜单中的“查看源文件”，就可以看到网页的实际内容:网页其实只是一个纯文本文件！它通过各种标签描述页面上的文字、图片、表格、声音等元素，浏览器对这些标签进行解读，生成页面，于是我们得到了一个丰富的页面。

比如右键点击微信公众平台官网查看源文件，可以发现这个网页的源文件都是文字。

你可能会奇怪为什么在源文件里看不到任何图片，但是在浏览器显示的时候却能看到。

这些文件只存储图片的链接。图片和网页文件分开存储，甚至不在同一台电脑上。浏览器可以自动访问这些链接并显示它们。音频和视频等非文本内容也类似。

绝大多数网页都是用三种技术开发的:HTML、CSS和Javascript。HTML/CSS/Javascript也被称为网页三剑客。

HTML提供网页的内容和结构，CSS控制网页的外观，Javascript提供用户交互。一个经典的例子是，HTML就像人的骨骼和器官，而CSS就是人的皮肤。有了这两样东西，一个植物人就可以对外界刺激做出反应，思考，运动，化妆等等，成为一个活生生的人。

超文本标记语言

HTML是一门标记语言，用于创建网页和 Web 应用程序，HTML的基本元素是

等元素，分别表示文本、图像、表格等。浏览器发出 URL 请求时，首先需要返回 HTML 文档，之后浏览器对该文件进行解析。HTML是一种标记语言，用于创建网页和Web应用程序。HTML的基本元素是等元素，分别表示文本、图片、表格等。当浏览器发出URL请求时，首先需要返回一个HTML文档，然后浏览器对文档进行解析。

比如下面是一个基础网页，网页源代码在左边，显示效果在右边。就是网页的全部内容，和标题相关的内容，这里空，网页的主要内容，还有标题。

之间的内容是正文。

半铸钢ˌ钢性铸铁(Cast Semi-Steel)

CSS用来控制HTML元素的外观和布局，修饰文档，让文档更漂亮，让用户看起来更舒服。CSS可以直接应用于HTML元素，可以单独修饰单个界面，也可以修饰多个界面。

比如下面是一个CSS样式的网页，左边是网页的源代码，右边是显示效果。Body{background-color:#d0e4fe}，两者之间内容的背景色为#d0e4fe，h1 { color:orange；文本对齐:居中；}将它们之间的文字颜色设置为橙色，文字位置居中。

为了提高编程效率，CSS通常写在单个文件中，而不是用CSS和HTML混合编程。

Java script语言

Javascript是一种动态解释性编程语言，可以实现用户交互和数据传输。

比如我们常用的账号和密码验证通过Javascript传递给服务器，返回服务器的处理结果。

比如下面是一个添加了Javascript的网页，网页源代码在左边，显示效果在右边。这是Javascript代码。点击按钮，id=demo的内容变成时间。

与CSS类似，Javascript通常被组织成一个单独的文件，而不是与HTML混合在一起进行编程。为了加快Javascript的开发速度，也有一些开源库可用，比如jQuery和Vue.js，这些开源库大大简化了Javascript编程。

为了提高网站设计和编程的速度，也有很多开源库可用，最常用的Bootstrap库。Bootstrap库来自Twitter，是目前最流行的前端框架。Bootstrap基于HTML、CSS和Javascript。它简洁灵活，使得Web开发速度更快。

是H5 HTML5吗？

HTML5

2014年10月，万维网联盟宣布，经过近8年的努力，HTML5标准规范终于制定完成。

从技术上来说，HTML5本身就是HTML，HTML是超文本标记语言，“5”代表HTML的第五次大改版。可以理解为迭代后的第五个版本，包含了很多功能特性。

HTML5旨在支持移动设备上的多媒体。

为了达到这个目的，HTML5引入了新的特性，比如用于绘画的画布元素，可以用来绘制简单的图像；视频和音频的视频和音频元素，可以用HTML5播放；HTML5可以调用数据库；新的控件，如日历、日期、时间、电子邮件、url和搜索，可以使用HTML5来实现更好的用户交互。

什么是H5？

H5这个词经常出现在媒体上，甚至出现了在线H5制作平台。我们可以通过点击和拖动来实现漂亮的网页。

例如，我们可以使用H5在线制作平台免费制作H5网页。

显然，这里所说的H5并不是HTML5编程规范，更像是一种利用HTML5技术制作包含文字、图片、音频等内容的酷炫网页的方式，从而达到“病毒式营销”。

因此，H5不是一个技术概念，而是一个“移动营销页面”，是营销领域“滥用”技术术语的产物。

所以，出现《H5+移动营销设计指南》这样的书也就不足为奇了。根据这本书的介绍，《H5》的原型应该具备视觉、动态效果、节奏、音效、交互性、可实现性等要素。H5页面不适合深度阅读，使用场景多在地铁上、电梯里、等待上菜时间等。

小道消息:“国产”浏览器

从“红芯”开始

2018年，号称拥有自主可控安全浏览器内核技术的浏览器厂商“红芯”高调宣布2.5亿元C轮融资，其中晨兴资本、陈达创投、IDG资本等多家知名创投机构参与。

后来网友发现，红芯浏览器的文件结构与谷歌浏览器基本相同，甚至连“属性”中的Chrome都没有改动。安装文件里甚至还有Chrome的LOGO。

浏览器内核是浏览器的核心。红芯浏览器并不开发自己的浏览器内核，而是使用Chrome内核，也就是说“红芯”并不是一个独立可控的浏览器，而是基于Chrome内核，改头换面做了一个浏览器。

很多手机游戏厂商也在做类似的游戏，把国外游戏的背景改一下，再把英文翻译成中文，就直接在国内上线了。

渲染引擎

网页是用HTML，CSS，Javascript等语言开发的。浏览器获取HTML网页后，需要根据CSS和JS对网页进行重新组织，并显示在屏幕上。

有两个主要原因:

一个浏览器引擎可能有几千万行代码，所以开发一个浏览器内核需要耗费大量的人力物力。例如，谷歌为了开发和推广自己的Chrome内核，已经投入了数十亿美元，这对大多数互联网公司来说太昂贵了。Chrome、Firefox等浏览器和浏览器内核都是开源项目。经过时间和用户的测试，这些开源产品更加稳定可靠。与其花大量的人力物力去开发一个不那么靠谱的内核，还不如直接用别人提供的稳定可靠的软件！本文由@令狐原创发布。每个人都是产品经理。未经许可，禁止复制。

来自Unsplash的图像，基于CC0协议。