这是我参与「第五届青训营 」伴学笔记创作活动的第 1 天
第一天的课程比较基础，这里我主要记录一些我认为值得注意的地方。
前端应该注意的问题---无障碍性
这里的无障碍不只是针对残疾人这类用户，事实上，一个好的，无障碍的前端设计对正常人也有很大的帮助。比如说，正常人在非正常或者非理想的环境下去进行交互时，一个无障碍的前端设计就可以实现如同在理想环境中交互的效果。
HTML语法
- 标签和属性不区分大小写，推荐小写，因为使用React或者Vue框架时，会把自定义的组件用大写表示，原生的用小写表示
- 空标签可以不闭合，如input、meta等（注：这里在React里面写必须闭合，即需要加上/）
- 属性值推荐使用双引号包裹
- 某些属性值可以省略，如required等
input输入
在输入时，可以给用户一些提示，快速输入内容
<input list="countries">
<datalist id="countries">
<option>China</option>
<option>United Kingdom</option>
<option>United States</option>
</datalist>
在浏览器中打开就是这样的
引用标签
- 快捷引用：
<blockquote cite="http://t.cn/hsir">一段话</blockquote>，表示比较长的引用，一般是直接引用别人的一段话，其中cite属性表示来源 - cite引用：
<p>我最喜欢许嵩的<cite>宇宙之大</cite></p>，用短短几个字表示引用别人的东西，cite一般引用作品的名字或者章节，一般是短引用 - q引用：
<p>在<cite>第一章</cite>中，我们讲过<q>字符串是不可变量</q>。</p>，表示之前有些内容已经讲过了，在这里再拿出来稍微引用一下，也是短引用，q一般是引用的内容
上面三个在浏览器中的效果如下：
