前端与HTML
1.课程了解
1.1课程介绍
本节课程围绕“前端要解决的基本问题”及“什么是 HTML ”两个基本问题展开，层层解析前端技术栈的构成，以及作为前端最为基础的技术 - HTML 基础语法和基本功能，在实际研发过程中如何做到 HTML 语义化？点击本节课程，字节工程师带你了解 HTML 高效的编写原则。
1.2课程重点
(1) 前端工作的定义
(2) 前端技术栈拆解与分析
(3) HTML 作用解析
(4) HTML 语义化
2.前端工作的定义
2.1什么是前端
使用web技术栈,解决多端图形用户界面交互问题。
(1) 解决GUI人机交互问题
(2) 跨终端
PC/移动浏览器
客户端/小程序
VR/AR等
(3) Web技术栈
2.2前端技术栈
HTML(骨骼,内容,元素),CSS(皮肤,样式),Javascript(肌肉,行为),三者构成了前端最基础的技术栈,这三者都是运行在浏览器内,而浏览器可以通过http协议和服务器进行通讯,他们把前端的代码拿到服务器上,之后再渲染成我们看到的页面.
2.3前端应该关注哪些方面
美观，功能，安全，无障碍，性能，兼容，体验
2.4前端的边界
技术不断更新迭代。
2.4.1 NodeJS
NodeJS用于开发服务器端的一些应用，Javascript是一个事件驱动语言，Node利用了这个优点，编写出可扩展性高的服务器。
2.4.2 ELECTRON
Electron是使用JavaScript，HTML和CSS构建跨平台的桌面应用程序框架。Electron兼容Mac、Windows和Linux，可以构建出三个平台的应用程序。
2.4.3 React Native
简称RN，是Facebook于2015年4月开源的跨平台移动应用开发框架，是Facebook早先开源的JS框架 React 在原生移动应用平台的衍生产物，支持iOS和安卓两大平台。RN使用Javascript语言，类似于HTML的JSX，以及CSS来开发移动应用，因此熟悉Web前端开发的技术人员只需很少的学习就可以进入移动应用开发领域。
2.4.4 Web RTC
在线传输，实现多人的会议
2.4.5 Web GL
3D游戏
2.4.6 WebASSEMBLY
将C++等语言编写的代码编译成直接在浏览器运行的代码。
2.5开发环境
- HTML
3.1 HTML是什么
Hyper Text Markup Language，即超文本标记语言，是一种标记语言。它包括一系列图片，标题、链接、表格通过这些标签可以将网络上的文档格式统一，使分散的Internet资源连接为一个逻辑整体。
例子：
3.2DOM树
DOM 是 Document Object Model（文档对象模型）的缩写。把HTML的代码简化成一个树形的结构，里面的节点又称为dom节点。
3.3HTML语法
(1) 标签和属性不区分大小写，推荐小写
(2) 空标签可以不闭合，比如input、meta
(3) 属性值推荐用双引号包裹
(4) 某些属性值可以省略，比如required、readonly
3.4例子
链接（重要元素）
控件（输入信息）
文本类标签（引用的三个标签，code标签，em和strong）
内容划分（整体的页面划分）
4. 语义化
4.1语义化是什么
在迭代过程中，增加和删除了某些标签，这些有何意义。标签语义。
好处：代码可读性，可维护性，搜索引擎优化，提升无障碍性。
·HTML中的元素、属性及属性值都拥有某些含义
·开发者应该遵循语义来编写HTML
·有序列表用ol;无序列表用ul
·lang属性表示内容所使用的语言
5. 谁在使用我们写的HTML
·开发者-修改、维护页面
·浏览器-展示页面
·搜索引擎-提取关键词、排序
·屏幕阅读器-给盲人读页面内容
