一.前端是什么
- 解决ＧＵＩ人机交互问题
- 跨终端：
- PC／移动浏览器 - 客户端／小程序 - VR／AR等
３.ｗｅｂ技术栈
二．前端技术栈
三．前端关注的方面
兼容、美观、功能、安全、性能、无障碍、体验
四．前端的边界
五．开发坏境
浏览器：IE／Edge、Chrome、Firefox、safari 编辑器：VScode、ViM、WebStorｍ
- [ ＨＴＭＬ]
| HyperText | Markup Language
图片、标题、链接、表格
六、DOM 树
- HTML语法：
- 标签和属性不区分大小写，推荐小写。
- 空标签可以不闭合，比如 input 、meta。
- 属性值推荐用双引号包裹
- 某些属性值可以忽略，比如 required、readonly
内容划分
语义化
- **一、语义化是什么：
- HTML中的元素、属性及属性值都拥有某些含义
- 开发者应该遵循语义来编写HTML
[ ] 1. - 有序列表用ｏｌ；无序列表用ｕｌ
[ ] 2. ｌａｎｇ属性表示内容所使用的语言
- *-二、语义化的好处：
代码可读性、可维护性、搜索引擎优化、提升无障碍性。
-
- 三．如何做到语义化：
-
了解每个标签和属性的含义
-
思考什么标签最适合描述中这个内容
-
不使用可视化工具生成代码
