html三大架构？
HTML文档结构一般包括包括标记（Html）、头部（Head）、主体（Body）三部分。
标记< html></html>：说明该文件是用超文本标记语言来描述的，它是文件的开头，而</html>则表示该文件的结尾，它们是超文本标记语言文件的开始标记和结尾标记。
头部<head></head>：表示头部信息的开始和结尾。头部中包含的标记是页面的标题、序言、说明等内容，它本身不作为内容来显示，但影响网页显示的效果。
主体<body></body>：网页中显示的实际内容均包含在这2个正文标记符之间。正文标记符又称为实体标记。
webrtc架构详解？
webrtc是一个支持网页浏览器进行实时语音对话或视频对话的API。
它于2011年6月1日开源并在Google、Mozilla、Opera支持下被纳入万维网联盟的W3C推荐标准。
webrtc实现了基于网页的视频会议，标准是WHATWG 协议，目的是通过浏览器提供简单的javascript就可以达到实时通讯能力。
webrtc的最终目的主要是让Web开发者能够基于浏览器轻易快捷开发出丰富的实时多媒体应用，而无需下载安装任何插件；
Web开发者也无需关注多媒体的数字信号处理过程，只需编写简单的Javascript程序即可实现，W3C等组织正在制定Javascript 标准API，目前是WebRTC 1.0版本，Draft状态；
另外webrtc还希望能够建立一个多互联网浏览器间健壮的实时通信的平台，形成开发者与浏览器厂商良好的生态环境。
同时，Google也希望和致力于让webrtc的技术成为HTML5标准之一，可见Google布局之深远。
webrtc提供了视频会议的核心技术，包括音视频的采集、编解码、网络传输、显示等功能，并且还支持跨平台：windows，linux，mac，android。
WebRTC架构包括三个主要组件：浏览器、服务器和网络。浏览器是WebRTC的客户端，它负责捕获和发送媒体流，以及处理信令和认证等任务。
服务器负责管理WebRTC会话，并负责路由和转发信令和媒体流。网络负责提供实时传输服务，以及提供NAT穿透和防火墙穿透等功能。
前端html和js可以做什么？
最基本的就是开发网页啦，html写网页，js实现网页交互效果，除此之外，也可以开发桌面GUI程序，下面我简单介绍一下如何使用html+js开发出一个简单的桌面程序：
1.这里为了更好的说明问题，我新建了一个html文件，就是一个简单的登录页面，源码如下，非常简单，就是两个输入框和一个登录按钮：
浏览器运行的效果如下：
2.接着就可以将这个html网页打包为桌面应该程序，这里需要用到nodejs的Electron功能，下面我具体介绍一下主要步骤及截图：
首先，需要安装本地node环境，这个直接到官网上下载就行，如下，选择适合自己平台的版本即可：
安装完成后，需要下载一下electron和electron-packager这2个包，后面的打包需要借助这2个包，命令“npm install electron electron-packager”，如下：
接着新建一个文件夹，将刚才的html文件拖拽进去，同时新建一个package.json文件和一个main.js文件，如下：
package.json文件配置如下，主要指明应用名称、版本号及打包配置文件：
main.js文件配置如下，这里需要指明打包程序的入口文件，网上也有详细配置过程：
最后就是在打包程序了，命令“electron-packager . APP --win --out AppDir --arch=x64 --electron-version=3.0.10 --overwrite”，打包的过程非常快，这里主要需要指明打包的应用名称、输出目录、版本号、位数等：
接着就可以在输出目录AppDir中找到打包好的应用程序APP.exe，直接双击就能打开，截图如下，和浏览器效果差不多：
至此，我们就完成了利用html+js来开发一个简单的桌面GUI程序。总的来说，整个过程不难，就是步骤有些繁琐，只要你熟悉一下上面的配置过程，多操作几遍，很快就能掌握的，当然，你也可以使用html+js开发移动应用，像HBuilder等，网上也有相关教程和资料，介绍的非常详细，感兴趣的话，可以搜一下，希望以上分享的内容能对你有所帮助吧，也欢迎大家评论、留言。