前端
是什么
使用WEb技术栈解决GUI人机交互问题、使用Web技术栈实现跨终端（PC/移动浏览器、客户端/小程序、VR/AR等）交互。
技术栈
关注问题
技术边界
开发环境
HTML
是什么
DOM树
标题
列表
链接
多媒体
输入
文本
blockquote：长引用；cite：短引用，引用章节；q：短引用，具体内容
code：表示短代码；pre包裹code：表示长代码（等宽字体显示）
strong：加粗；em：斜体
内容划分
语义化
- 概念：HTML中的元素、属性及属性值都拥有某些含义。开发者应该遵循语义来编写HTML，用HTML传达有效的内容。
- 使用者
- 开发者—修改、维护页面
- 浏览器—展示页面
- 搜索引擎—提取关键词、排序
- 屏幕阅读器 — 给盲人读页面内容
- 语义化的好处
- 代码可读性
- 可维护性
- 搜索引擎优化
- 提升无障碍性
- 如何做到
- 了解每个标签和属性的含义
- 思考什么标签最适合描述这个内容
- 不使用可视化工具生成代码
