前端 解决GUI人机交互问题 跨终端 pc/移动浏览器 客户端/小程序 VR/AR等 web技术栈
前端技术栈是 服务器端 通过网络协议 与前端交互
前端需要关注：功能、美观、无障碍、安全、性能、兼容、体验 开发环境 通过一个编辑器编写一些代码 在浏览器打开即可 HTML是hypertext （图片 标题 链接 表格）markup language（标签）的缩写 HTML 语法 标签和属性不区分大小写 推荐小写 空标签不闭合 比如 input、meta 属性值推荐使用双引号包裹 某些属性值可以省略 比如 required readonly 标题 标题
……
到……
标题大小是递减的 链接 跳转链接列表 在有序列表中，列表项之间有先后顺序之分。在无序列表中，列表项之间没有先后顺序之分。而定义列表是一组带有特殊含义的列表，一个列表项中包含“条件”和“列表”两部分
有序列表： ol即ordered list有序列表，一个有序列表可以包含多个li即list列表项，注意ol标签和li标签需要配合一起使用，不可以单独使用，而ol标签的子标签也只能是li标签。 在HTML中，我们可以使用type属性来改变列表项符号，在默认情况下，有序列表使用数字作为列表项符号。
无序列表： 无序列表跟有序列表基本相同，默认情况下无序列表的表项符号是实心圆，我们也可以通过type属性来改变其样式 定义列表： 在HTML中，定义列表由两部分组成：名词和描述 dl即definition list（定义列表），dt即definition term（定义名词），dd即definition description（定义描述），在该语法中，
- 标记和
语法化 HTML中的元素、属性及属性值都拥有某些含义 开发者应该遵循语义来编写HTML 有序列表用ol;无序列表用ul lang 属性表示内容所使用的语言
谁会使用我们写的HTML 开发者-修改、维护页面 浏览器-展示页面 搜索引擎–提取关键词、排序 屏幕阅读器-给盲人读页面内容
语义化的好处 代码可读性 可维护性 搜索引擎优化 提升无障碍性
传达的是内容而不是样式
如何做到语义化? 了解每个标签和属性的含义 思考什么标签最适合描述这个内容。不使用可视化工具生成代码
