这是我参与「第五届青训营 」笔记创作活动的第1天~
一、本堂课重点内容
前端相关知识
1.什么是前端：
（1）解决GUI人机交互问题
（2）跨终端
- PC/移动端浏览器
- 客户端/小程序
- VR/AR等
（3）Web技术栈
2.前端技术栈的构成：
- HTML（负责页面、结构和内容）
- CSS(设置页面样式)
- JavaScript（定义页面行为）
- 网络协议
3.前端关注的方面：
功能，美观，无障碍、安全、性能、兼容性和用户体验等。
4.前端技术有哪些：
前端技术包括但不限于html5、css3、javascript、jquery、Bootstrap、Node.js 、Webpack，AngularJs，ReactJs，VueJs等。
HTML
1.什么是HTML
超文本标记语言(HyperText Markup Language)，超文本包括图片、标题、链接和表格等。“Markup Language”指标签语言。
例如：<img src="photo.jpg"/>其中 src 是属性名，photo.jpg是属性值。
一个网页中的所有标签可以解析成一个DOM树。
DOM的全称为：Document Object Model。它是HTML文档的对象化描述，也是HTML元素与外界（如Javascript）的接口。
2.HTML语法
- 标签和属性不区分大小写，推荐小写
- 空标签可以不闭合，比如 input、meta
- 属性值推荐用双引号包裹
- 某些属性值可以省略，比如 required、readonly
3.HTML语义化
- HTML中的元素、属性及属性值都拥有某些含义
- 开发者应该遵循语义来编写HTML 如：有序列表用ol;无序列表用ul。 lang 属性表示内容所使用的语言。
4.谁在使用HTML
- 开发者- 修改、维护页面
- 浏览器 - 展示页面
- 搜索引擎 - 提取关键词、排序
- 屏幕阅读器- 给盲人读页面内容
二、总结
- 前端由HTML、CSS和JavaScript构成。
- HTML(HyperText Markup Language)是超文本标记语言。
- HTML注重语义化，其优点有
- 代码可读性
- 可维护性
- 搜索引擎优化
- 提升无障碍性
