前端工作的定义，使用web技术栈解决多端GUI人机交互问题
前端技术栈拆解与分析
HTML(内容)CSS(样式)JavaScript(行为)
关注点在于功能，安全，无障碍，性能，美观，兼容性。
HTML作用解析 DOM（Document Object Model）树是一种表示网页文档结构的树状结构。它将一个网页文档解析为一个由节点组成的层次结构，节点可以表示网页的各个部分，例如元素、文本、属性等。DOM树提供了对网页文档的结构、内容和样式的访问与操作。 在HTML文档中，DOM树由HTML标签、文本节点和属性节点等组成。每个HTML标签都被表示为一个元素节点，每个元素节点可以包含子元素节点和文本节点。文本节点则包含元素之间的文本内容。属性节点表示标签的属性。 DOM树的根节点是文档节点（Document Node），它代表整个HTML文档。文档节点是DOM节点中的最高层级节点。HTML文档中的其他所有节点都是文档节点的子孙节点。 通过DOM树，可以使用JavaScript等编程语言来访问和修改网页的内容、结构和样式。开发人员可以使用DOM API通过遍历和操作节点来实现对网页的动态操作，例如添加、删除和修改元素、属性和文本内容等。 DOM树是一种将网页文档解析为树状结构的表示形式，它提供了开发人员对网页文档进行操作和交互的接口
HTML语义化
语义化是什么？
HTML中的元素、属性及属性值都拥有某些含义开发者应该遵循语义来编写HTML
有序列表用 ol；无序列表用ul
lang属性表示内容所使用的语言
HTML 语法
标签和属性不区分大小写，推荐小写
空标签可以不闭合，比如 input、meta
属性值推荐用双引号包裹
某些属性值可以省略，比如 required、readonly
标题h1-h6
- 有序列表
- 无序列表
- 定义列表
链接
