这是我参与「第五届青训营 」伴学笔记创作活动的第 1 天
本堂课重点内容
本节课程围绕“前端要解决的基本问题”及“什么是 HTML ”两个基本问题展开，层层解析前端技术栈的构成，以及作为前端最为基础的技术 - HTML 基础语法和基本功能，在实际研发过程中如何做到 HTML 语义化？了解 HTML 高效的编写原则
详细知识点介绍
什么是前端
- 解决GUI人际交互问题
- 跨终端
- pc/移动浏览器
- 客户端/小程序
- VR/AR等
- Web技术栈
前端技术栈
前端技术栈主要由三个部分组成：JavaScript(行为），CSS（样式），HTML：HyperText Markup Language（内容）。
前端需要关注：美观，功能，无障碍，性能，兼容（浏览器之间），安全
HTML
HyperText : 图片，标题，链接，表格
具体案例
列表标签
有序<ol>，无序<ul>，key value 里面的列表
- key value
<dt>与<dd>1对多的关系
多媒体标签
音频 视频 scr="/path.mp4 contorls controls 表示让浏览器中给视频媒体中自动留取播放按钮和进度条等信息。
输入
<label><input> type='radio' name='sport' /> 球 </label>
'radio' 中的数值是通过name 进行互斥选择。
和 input 通过id进行关联， 中可以起到提示的作用，但是客户仍然可以输入其他文字信息。
引用
<q> 双引号，<cite> 表示引用：书名，文章
<pre> 引用多行代码，<p> 引用单行代码
课后总结
- html5 的文档需要使用语义相同的标签更便于系统的维护。
- html 尽量传达内容而不是样式，因此内联形式的样式，尽量不要使用
