这是我参与「第五届青训营 」伴学笔记创作活动的第 1 天
什么是前端：
- 用来解决GUI人机交互问题.
- 跨终端
-
- pc/移动端浏览器
- 客户端小程序
- VR/AR等
- Web技术栈
-
- 前端的边界很远
前端应该关注哪些方面
美观，安全，兼容，功能，体验，性能，无障碍
前端的边界
用nodejs开发服务器端的应用，electrom或者react native开发客户端的应用，用webGL开发流畅的3D游戏。
前端在互联网行业里面是飞速发展的领域。
开发环境
编辑器：vscode，vim，webstrom。
浏览器：edge，火狐，谷歌。
HTML语法
标签和属性不区分大小写。推荐小写
空标签可以不闭合，比如input、meta
属性值推荐用双引号包裹，
某些属性值可以忽略，比如required、readonly。
内容划分
最上面是header和nav（导航）
中间左边是main，article（包含于main里面），右边是aside（并不是直接属于main，比如一些推荐）。
最下面是footer。
语义化是什么？
-
HTML中的元素、属性及属性值都拥有某些含义
-
开发者应当遵循语义来编写HTML
- 有序列表用ol，无序列表用ul
- lang属性表示内容所使用的语言
谁在使用我们写的HTML
- 开发者-修改、维护页面
- 浏览器-展示页面
- 搜索引擎-提取关键词、排序
- 屏幕阅读器-给盲人读页面内容
语言化的好处
- 代码可读性
- 可维护性
- 搜索引擎优化
- 提升无障碍性
要传达内容，而不是传达样式。
课后总结：
我对于前端的了解更深了，明白了什么是HTML语义化，以及当前前端技术在互联网的发展速度。我明白了前端不止是简单的三件套，如今的前端涉猎广泛，我还有很多要学。
