1.前端工程师是使用web技术栈来解决多端图形用户界面交互功能的工程师。
2.HTML（内容），css(样式),js(行为)浏览器通过http协议与服务器端进行信息交互。
3.前端需要关注的方面：
功能（最重要）
美观
安全
无障碍
性能
兼容性
用户体验
4.html的解释：
HyperText-超文本：图片，标题，链接，表格，等非单纯的文字性的内容。
* Markup Language-标记语言：*
5.html基本语法：
标签和属性不区分大小写，推荐小写。
空标签可以不闭合，比如input，meta。
属性值推荐使用双引号包裹
某些属性值可以省略，比如required，readonly
6.常识
h1-h6标题，字符大小递减。
有序列表（序号标识）<ol></ol>。无序列表（小黑点）<ul></ul>。定义列表<dl> <dt> <dd></dd></dt></dl>
链接 <a href="https://www.bytedance.com/">字节跳动官网</a> 可以加上target="\_blank"就会设定为打开新窗口，而不是替换掉原有的窗口。
插入多媒体：图片 音频 视频
输入（表单类控件）：输入框，选择框，滑动条，多行文本输入框等
7.语义化：
HTML中的元素、属性、属性值都拥有某些含义。lang属性表示内容所使用的语言。开发者应该遵循语义来编写HTML
语义化的好处：（1）提高代码可读性（2）提高可维护性（3）搜索引擎优化（4）提升无障碍性
8.html是传达内容的，而不是传达样式。
9.谁在使用我们的HTML：
开发者-修改、维护页面。
浏览器-展示页面
搜索引擎-提取关键词，排序
屏幕阅读器-给盲人读页面内容
10.如何做到语义化：
了解每个标签和属性的含义
思考什么标签最适合描述这个内容
不使用可视化工具生成代码
