什么是前端？
- 解决GUI（图形界面）人机交互问题
- 跨终端
- pc/移动浏览器
- 客户端/小程序
- VR/AR等
- Web技术栈：HTML CSS Javascript http网络协议
总结：前端就是使用Web技术栈解决多端图形界面人机交互问题的工程师
前端应该关注哪些方面
功能、美观、无障碍、安全、性能、兼容、体验。
产品与用户之间的关系是相互依存的，个人认为一个产品给用户最直观的感受就是其体验、美观、性能等，因此前端在产品中依然扮演重要角色前端的边界？
技术不断更新，发展迅速。
HTML(HyperText Markup Language)
- HyperText：超文本，即不止文本，还包括图片、标题、链接、表格等
- Markup languages：标签语言，即是用<>式的一个个标签组成，其中可包括属性名、属性值等
- 例：
<!doctype html>
<html>
<head>
<meta charset="UTF-8">
<title>页面标题</title>
<head>
<body>
<h1>一级标题</h1>
<p>段落内容</P>
</body>
</html>
Dom树
以HTML标签作为结点形成的树结构，每个节点称为dom结点，可以直观的表示项目的结构以及结点之间的关系
语义化
- HTML中的元素、属性及属性值都拥有某些含义
- 开发者应该遵循语义来编写HTML
- 有序列表用ol；无序列表用ul
- lang属性表示内容所使用的语言
总结：语义化即遵循逻辑、语义来编写HTML，不能只追求美观、体验等，一定要考虑语义来排版
语义化的好处
- 代码可读性
- 可维护性
- 搜索引擎优化
- 提升无障碍性
如何做到语义化
- 了解每个标签和属性的含义
- 思考什么标签最适合描述这个内容
- 不使用可视化代码生成工具
传达内容，而不是样式
HTML是用来传达内容的，而不是样式。即段落就是段落，标题就是标题，用HTML标签明显地表示出来；用段落标签+修改格式同样可以表示出标题的样式，但这样就不符合HTML传达内容，而不是样式的原则。
