这是我参与「第五届青训营 」伴学笔记创作活动的第 1 天
一、本堂课重点内容：
- 前端工作的定义
- 前端技术栈拆解与分析
- HTML作用解析
- HTML语义化
二、详细知识点介绍：
前端与HTML
前端
什么是前端
- 解决GUI人机交互问题
- 跨终端（PC、移动浏览器、客服端、小程序、VR、AR）
- Web技术栈
前端技术栈
- HTML（内容）
- CSS（样式）
- JS（行为）
HTML
!doctype html
标记版本确定渲染模式
内容划分
语义化
- HTML中的元素、属性、属性值的含义
- 遵循HTML寓意
HTML使用者
- 开发者
- 浏览器
- 搜索引擎
- 屏幕阅读器
三、实践练习例子：
HTML结构
<!DOCTYPE html>
<html>
<head>
<title>....</title>
</head>
<body>
....
</body>
</html>
四、课后个人总结：
-
本章不容易掌握的内容及容易混淆的知识：
本章内容还是相较通俗易懂的，相对不容易掌握的在于HTML标签的使用，以及一些HTML的布局处理，并且标签多样不用去死记，可以选择记忆常用的几种标签。
其中HTML语言容易跟XML语言混淆，在具体的运行中XML是可以运行的，但在HTML语言中会查询不到所给出的标签导致出现错误提示。并且在HTML标签的使用时，容易忘记对标签进行闭合（除了一些单标签外）以及其属性值的一些设置。
五、引用参考：
HTML elements reference - HTML: HyperText Markup Language | MDN (mozilla.org)
六、例文：
【青训营】Web 开发的安全之旅 —— 防御篇 -...-青训营社区 (juejin.cn)
