这是我参与「第四届青训营」笔记创作活动的的第1天，今天努力寻找到了队友非常开心，进行了组队表格的填写，学习了前端视频后，希望在课余时间可以多多学习HTML中的标签和属性，感觉自己向着前端工程师更近了一步。
一、前端
技术栈
- html（页面 结构 内容）
- css（样式）
- javascript（定义网页的行为）
- http网络协议（通过服务器端渲染成我们看到的页面）
前端工程师
前端工程师是使用web技术栈解决多端图形用户界面交互问题的工程师
注意事项
前端应关注：功能（用户需求）、美观、无障碍（所有人）、安全、性能（速度足够快）、兼容性
二、HTML
<!doctype html> 表示当前html版本，浏览器用何种方式渲染
<head>里面放的不需要呈现给用户，编码格式等
<body>里面放的需要呈现给用户
HTML语法
1、标签和属性不区分，推荐小写（在用框架的时候自定义的组件用大写）
2、空标签可以不闭合 img input meta 或在开始标签写/
3、属性值推荐用双引号包裹
4、某些属性值可省略
标签及属性介绍
1、标题h1~h6（一级到六级标题）
2、列表
-
有序列表 ol（每个列表项li）
-
无序列表ul（li）
-
定义列表 Key-value dl（dt（标题） dd（值））多对多的关系
3、链接 a
<a href=”http://www……” target=”_blank”> </a>
3、多媒体
-
img（alt属性，加载不出来的替换文字）
-
audio
-
video
4、输入
-
input（type属性）
-
textarea
-
select option
5、文本 引用
-
blockquote 长文本
-
cite 短引用 名字
-
q 引用内容
-
code pre 代码
-
强调 strong 重要，紧急 em语气上的（需要重读的地方）
6、内容划分
-
header
-
main
-
aside
-
footer
如何做到语义化？
1、了解每个标签和属性的含义
mdn文档（每个标签、属性） w3c上的html5的规范
2、思考什么标签最适合描述这个内容
3、不使用可视化工具生成代码（可使用编辑器的辅助插件）
