这是我参与「第五届青训营 」伴学笔记创作活动的第 1 天
Day01——前端与HTML
1. 入门介绍
前端技术栈：
前端应该关注那些方面？
功能 、 美观 、 无障碍 、 安全 、 性能 、 兼容性 、 体验
前端的边界
开发环境
2. HTML
2.1 HTML是什么？
HTML：是Hyper Text Markup Language（超级文本标记语言）的缩写，HTML不是一种程序，只是一种控制网页中数据显示的标识语言。
可以在HTML标签中指定属性。
一个简单的HTML结构：
doctype标记了当前使用的html版本<html></html>根标签<head></head>放一些页面的元数据，是页面需要但是不用直接呈现给用户的。比如页面 用的编码，页面的标题……<body></body>需要呈现给用户的数据
2.2 DOM树
2.3 HTML语法
标签
- 标签和属性不区分大小写，推荐小写
- 空标签可以不闭合，比如input、meta
- 属性值推荐用双引号包裹
- 某些属性值可以省略，比如required、readonly
（1）标题 h1~h6
（2）列表 ul——li（无序）、ol——li（有序）、dl（定义列表）——dt（标题）、dd（值）
（3）链接 a (属性：href、target）
（4）图片视频 img（src、alt、width）、audio、video
（5）输入 input（placeholder、type=>[data、number、range、checkbox、radio]、list）、textarea、select（option）
（6）文本标签 p、blockquote（cite）、cite、q、code、pre、strong、em
（7）内容划分
语义化
- HTML中的元素、属性及属性值都拥有某些含义
- 开发者应该遵循语义来编写HTML
- 有序列表用ol;无序列表用ul
- lang属性表示内容所使用的语言
总结：传达内容，而不是样式
