这是我参与「第四届青训营 」笔记创作活动的的第1天
前端技术栈
包括 HTML（内容）、CSS（样式）、JavaScript（行为），再通过网络协议与服务器端连接。
前端关注的内容
- 图形界面下人机交互的问题。
- 以及所设计内容的功能、美观、无障碍、安全、性能、兼容等
- 前端不只局限于网页，还可以结合其他工具实现不同功能
HTML（HyperText Markup Language）
HyperText：超文本，包括图片链接表格等
Markup：标签（包括属性信息）
<!doctype >选择渲染模式
<html>根标签
<head>内置标签
<body>需要呈现的内容
HTML语法
- 标签属性尽量小写
- 属性值推荐双引号包裹
- 某些属性值可以省略
标签
标题：h1~h6 如 <h1>6666</h1>
有序列表：<ol>
无序列表：<ul>
定义列表：<dl>
描述列表标题：<dt>
描述列表内容：<dd>
图片：<img
音频：<audio
视频：<video
输入：<input
下拉选择：<select>
单选：<input type="radio"
多选：<input type="checkbox"
链接：
<a href=''www.baidu.com"> (在当前页面嵌入链接)
<a href=''www.baidu.com"target="_blank"> (跳转到新标签)
内容：
长引用：<blockquote cite=
短引用：<cite>哼哼啊啊啊啊</cite>
代码标签：<code>hello world</code>(多行代码时加<pre>)
强调：
强调内容重要紧急<strong>
强调语气<em>
内容划分：
- 页头：header
- 页面主题内容：main
- 与当前页面无关：aside
- 页尾：footer
HTML的语义化：
- 规范元素、属性、属性值的含义
- 便于团队维护
- 提升无障碍性
- 代码可读性
- 搜索引擎优化
