这是我参与「第五届青训营 」伴学笔记创作活动的第 1 天。今天我学习了前端与HTML部分的内容。
前端
老师先介绍了前端涵盖了哪些部分，前端是做什么的，而后对我们的学习方向进行了解读与分析。
前端技术栈
前端的技术栈分为JavaScript、HTML和CSS，俗称三件套，也就是我目前加紧学习的。这三样分别负责行为、内容和样式。
前端应该关注哪些方面
功能、美观、无障碍、安全、性能、兼容、体验
就我个人而言我认为最为首要的是功能，功能是前端存在的意义，没有了功能，前端也没必要存在。其次我认为是安全，当今社会网络安全亟需得到保障，没有人愿意以自身网络安全为代价来进行交互。其余部分，我认为都是加分项，能够锦上添花。
前端的边界
前端边界的不断扩展可见前端新技术的不断涌现，从业人员需要不断地学习新兴技术。
HTML
HTML（HyperTextMarkupLanguage）作为框架，决定了前端产物的基础，也是我们学习三件套的第一部分。
HTML中常见的标签
-
段落
<p></p> -
标题
<h1></h1> -
换行
<br></br> -
加粗
<strong></strong>或<b></b> -
斜体
<em></em>或<i></i> -
水平线
<hr></hr> -
有序列表
<ol></ol> -
无序列表
<ul></ul> -
链接
<a href=""></a> -
图片
<img src="" alt=""/> -
音频
<audio src=""controls loop></audio> -
引用
<cite></cite> -
多选一（单选框）
<input type='radio' name=""> -
多选多（复选框）
<input type='checkbox' name="">这两个要记得保持name一致，否则无效
其余便不一一列举了。其中大部分的标签是要闭合的，只有像input、meta还有刚刚列举出的img等空标签可以不闭合，但要在结尾加一个‘/’。
语义化
含义
- HTML中元素、属性、属性值都有某些含义
- 开发者遵循语义编写HTML
目的
传达内容而不是样式
如何实现
学后感悟
个人认为本章内容比较基础易懂，但关于标签的种类及其书写规范仍然需要加强注意与理解。HTML作为基础，还是值得认真对待的。
