这是我参与「第五届青训营 」笔记创作活动的第1天
什么是前端工程师
使用web技术栈解决多端图形用户界面交互的人。
基本技术栈
HTML（内容），CSS（样式），JavaScript（行为）
关注什么
- 功能，满足基本的需求。
- 美观，没有人不爱美的事物。
- 无障碍，考虑到所有人的体验。
- 安全，保护信息，隐私等。
- 性能，加载速度快，运行流畅。
- 兼容，不同浏览器，不同设备都有良好的体验。
技术发展
开发服务端引用，开发前端应用，游戏等等，需要我们持续地学习。
开发环境
只需要基本的浏览器和编辑器，入门简单。
HTML介绍
HyperText Markup Language（超文本标记语言），在此不多赘述。
代码第一行为：
<!doctype html>
标记了当前使用的HTML文件的HTML版本，如果不写，浏览器将会以一种老旧的“怪异模式”去渲染页面，影响页面展示效果。
浏览器解析HTML时，会先将文件解析为DOM树，包含文档中的所有节点与对于父子关系。
语法建议
- 虽然标签与属性并不区分大小写，但推荐书写原生标签时使用小写，而在使用自定义组件时使用大写，便于项目维护与多人开发。
- 属性值推荐使用双引号包裹
- 某些值仅为 true 或 false 的属性，在为true时可以不写属性值。
一些不熟的标签
列表
除常见的有序列表（ol）与无序列表（ul）外还有一种列表定义列表（dl）可以表示一些属性名（dt）与属性值（dd）可以一对多或者多对一。
引用
- <blockquote>标签，块级引用（长引用），cite属性可以表示文字来源。
- <cite>标签，短引用，多用于表示作品名，章节等的引用。
- <q>标签，引用前文，多用于表示引用的具体文字。
- <code>标签，引用短代码。
- <pre>标签内加<code>标签，引用多行代码。
语义化标签
常用的有header标签，nav标签，aside标签，main标签，article标签，footer标签等等。
开发当中应当尽可能遵循语义书写，优点如下
- 便于其他开发者维护，修改。
- 便于搜索引擎提取关键字与排序等。
- 便于用户使用。
- 便于盲人的屏幕阅读器识别等等。
HTML的意义在于传递内容，而非样式，不可以为了某个特定样式而使用不合适的语义标签。
