这是我参加青训营的第一天
前端与HTML（课堂笔记）
什么是前端工程师
前端指使用web技术栈解决多端图形用户界面交互问题的工程师
前端技术栈
前端技术一般分为三种javascript（行为）、CSS（样式）、HTML（内容）。
前端应该关注的方面
- 满足用户需求的功能。
- 在满足功能后，去美化它
- 安全是重中之重，在满足用户的同时还要保障信息安全等。
- 满足一般用户后，就可以向着满足边缘用户前进，比如无障碍。
- 面向用户后，在维护中可以向着提升性能、兼容性、用户体验性继续出发。
HTML
HTML是什么？ 是（HT）超文本与（ML）标记语言的组合。 超文本，即不是单独的文本，它可以是文字、标题、链接、表格等多样的形式。 标记语言即是用一个开始标签和结束标签表示一个内容
HTML标签
HTML的<!doctype html>、HTML、head、body标签
<!doctype html>
在HTML代码的第一行，浏览器会根据这个去渲染当前页面，没有的话，浏览器可能会以老旧的版本去渲染当前页面
<html>
HTML的跟标签，一切的HTML标签都在它里面，它包括了一个页面的所有内容
<head>
是一般放内容里不需要的元素，列如编码格式或者是引入css、javascript等。
<body>
页面里，会给用户呈现的内容都在body标签里，比如说一段文字，一张图片等。
常用的HTML标签:p标签、h1-h6标签、div标签、ol/ul>li标签、dl>dt>dd标签、input标签、img等。
1. p标签
p标签的内容一般只存放文字内容。 h1-h6标签的内容一般只存放文字内容，主要是文字标题、章节目录等，它有自己的字体大小等基础样式，在我们标题目录的时候可以使用到它，可以减少多余的样式内容，也是语义化的一个基本。
3. div标签
div标签是一个盒子。也就是一个容器，里面存放着标签，统合存放标签在页面上的初始地位定位。
4. ol/ul>li标签
两者都是列表，只是ol为有序列表、ul为无序列表，需要在对应的内容中使用它两，li是包裹ol/ul标签下的单独的一个元素。
5. dl>dt>dd标签
也是列表，这类列表适合表示一个作品的属性等。比如书的作者，出书日期等一些属性。
6. input标签
是一个输入标签，可以通过type属性，调整输入的范围。可以是一个普通的文本输入，也可以是一个纯数字的输入等。
6. img标签
图片标签，主要用于存放图片的标签,img标签可以不以结束标签结束。
HTML语义化
语义化的基础是了解HTML标签后，按标签给定的方向去使用它，而不是一通的随心使用，对后期的维护会造成影响。 要做到语义化的前提是
- 了解每个标签和属性的含义
- 在书写代码的时候去思考什么标签最适合这个内容
- 不适用可视化工具生成代码
注：代码书写也要有规范，要有缩进、有注释等，方便维护。
