这是我参与「第五届青训营 」伴学笔记创作活动的第 1 天
什么是前端
前端要干嘛
- 解决GUI人机交互问题
- 跨终端
- Web技术栈
我认为前端就是负责与用户进行沟通交互，同时把后端传过来的数据更好的呈现给用户。
前端技术栈拆解
如果比做一个人的话，HTML是骨架，CSS是皮肤，JS是动作。
前端应该关注哪些方面
- 美观
- 体验
- 安全
- 兼容
- 性能
- 无障碍
我认为无障碍是我以前忽略的一个点，与正常人交互的同时，也要考虑到那些伴有残疾的人，要思考如何与他们更好的沟通和互动。
什么是HTML
HTML中文叫超文本标记语言，英文是HypeText Markup Language，用标签堆叠嵌套的方式生成网页的骨架。
DOM
DOM 是 Document Object Model（文档对象模型）的缩写
用户的浏览器会解析HTML并生成DOM树
HTML语法
- 标签和属性不区分大小写，推荐小写
- 空标签可以不闭合，比如input、meta
- 属性值推荐用双引号包裹
- 某些属性值可以省略，比如required、readonly
HTML语义化
- HTML中的元素、属性及属性值都拥有某些含义
- 开发者应该遵循语义来编写HTML
- 有序列表用ol；无序列表用ul
- lang属性表示内容所使用的语言
语义化的好处
- 代码可读性
- 可维护性
- 搜索引擎优化（SEO）
- 提升无障碍性
如何做到语义化
- 了解每个标签和属性的含义
- 思考什么标签最适合描述这个内容
- 不使用可视化工具生成代码
小结
我认为HTML最最重要的一点，就像老师说的，HTML是传递内容的，而不是传递样式的
通过语义化，将内容更好的传达，而样式那些则尽量交给CSS来做。
