今天上课《前端与 HTML》，以下是关于本次课程的重点和笔记。
一、 前端工作的定义
1. 什么是前端？
- 解决GUI人机交互问题
- 跨终端
- PC/移动浏览器
- 客户端/小程序
- VR/AR等
- Web技术栈（包括HTML，CSS，JavaScript等）
2. 前端的定义：
- 对于网站来说，通常是指网站的前台部分，包括网站的表现层和结构层（通俗点就是用户可以看到的部分）。总结一下，浏览器、APP、应用程序的界面展现和用户交互就是前端。
3. 前端的作用:
- 前端工程师通过前端技术完成界面设计,界面制作，用户交互，网站维护、网站优化等等。
通俗点讲，可以设计、制作网页，给网页加上各种各样的特效和功能。
二、 前端技术栈拆解与分析
前端技术栈：
- HTML：负责前端的内容显示。
- CSS：负责计算机内容的形式显示。
- Javascript：负责计算机与用户之间的交互行为。
三、 HTML 作用解析
1. HTML是什么？
2. HTML的基本结构：
3. DOM树：
4. HTML语法相关注意事项：
- 标签和属性不区分大小写，推荐小写。
- 空标签可以不闭合，比如 input，meta。
- 属性值推荐用双引号包裹。
- 某些属性值可以忽略，比如required，readonly。
四、 HTML 语义化
1. 语义化是什么？
2. 语义化的好处：
- 代码可读性；
- 可维护性；
- 搜索引擎优化；
- 提升无障碍性；
- 如何做到语义化：
3. 如何做到语义化：
- 了解每个标签和属性的含义
- 思考什么标签最适合描述这个内容
- 不使用可视化工具生成代码
五、 个人思考和总结
-
通过本次课程，我了解到前端工作的核心是处理用户界面的展示和交互。HTML、CSS和JavaScript是前端技术栈的三个基础组成部分，每个部分都有着不可替代的作用。HTML定义页面结构，CSS负责样式和布局，JavaScript处理用户交互，三者共同构成了完整的前端开发体系。
-
语义化的编写方式使得代码更易于理解和维护，也有利于搜索引擎优化，提高了用户体验。理解每个标签和属性的含义，并考虑如何最合适地描述内容，是编写语义化HTML的关键。避免使用可视化工具生成代码，可以更好地控制代码的质量和语义。
-
前端工程师在不断演进的Web技术领域扮演着重要角色，需要不断学习和更新自己的知识，以适应不同终端和新兴技术的要求。我期待在接下来的学习中深入了解HTML、CSS和JavaScript，并将语义化的编码理念融入我的实际开发中，以构建更优秀的前端界面与用户交互体验。
