这是我参与「第四届青训营 」笔记创作活动的的第1天，以下是我在课上及课后的收获。
前端应该关注的方面
- 功能
- 美观
- - 做出来的界面好看，用户在使用过程中不会产生不适反映
- - 用户能很快找到重点，简洁大方
- 无障碍
- - 适用于所有人，例如可以进行语言切换方便用户使用
- 安全
- - 用户数据的安全
- - 漏洞的发现及修复
- 性能
- - 页面加载速度是否够快
- - 动画是否流畅
- 兼容性
- - 适配各种设备，使得页面在不同设备均可正常展示页面
HTML
HTML 指的是超文本标记语言 (Hyper Text Markup Language)
HTML使用标签来向浏览器描述网页内容
没有内容的HTML元素被称为空元素，空元素是在开始标签中关闭的 例如< br/ >
元素
| 元素 | 描述 |
|---|---|
| < html > | 是文档的根标签，定义了整个HTML文档 |
| < head > | 是所有头部元素的容器，可报刊脚本，提示浏览器在何处可以找到样式表，提供元信息等 |
| < base > | 为页面上所有链接规定默认地址或默认目标 |
| < meta > | 提供关于HTML文档的元数据。元数据不会显示在页面上，但对机器是可读的；元数据可用于浏览器（如何显示内容或重新加载页面），搜索引擎（关键词），或其他web服务 |
| < body > | 定义了HTML文档的主体 |
| < title > | 是所有HTML/XHTML文档中都是必需的，定义了浏览器工具栏中的标题 |
部分HTML属性
| 属性 | 描述 |
|---|---|
| class | 规定元素的类名 |
| id | 规定元素的唯一id |
| style | 规定元素的行内样式 |
| title | 规定元素的额外信息 |
内容划分
| 元素 | 描述 |
|---|---|
| header | 定义文档或节的页眉 |
| nav | 定义导航链接的容器 |
| section | 定义文档中的节 |
| article | 定义独立的自包含文章 |
| aside | 定义内容之外的内容（比如侧边栏） |
| footer | 定义文档或节的页脚 |
| detail | 定义额外的细节 |
| summary | 定义details元素的标题 |
