昨晚和豆豆聊起工作， 她说白天的代码遇到了一些坑，都是一些简单的、基础的东西，因为不熟悉而出现问题，以为是新知识，其实都是老玩意儿。反省自己，何尝不是这样。前端知识，在大学课堂上，老师是不会教的，毕竟时间宝贵，只教硬课。我又是个马虎的人，自学过程中，疏漏在所难免，尽管已经写了几版官网，N多小项目页面，仍有很多欠缺。因此，在这篇日志里，把前端html,css的基础知识再系统的梳理一遍，把此前模糊的、易错的，都写在这里，且学而时习之，常来翻阅。
（文章脉路、结构不会很标准，按我看到的点信手所写。）
HTML
①html的语义化
这篇太长了，另开一篇。
②HTML5的新标签
对H5新标签的梳理及我自己的理解。有很多还不太懂，认识很浅。
<article></article>一个文章内容的标签，让DOM结构更清楚，意义article的内容独立于页面其余部分
<aside></aside>可用于页面侧栏。定义其所处内容之外的内容。（不懂）
<audio></audio>感觉是一个使用频率还可以的标签，比较好用的播放音频
ep：
<audio src="/i/horse.ogg" controls="controls">
Your browser does not support the audio element.
</audio>同时被赋予了一些新属性：autoplay\controls\loop\muted\preload;
有些微信公众号的页面的音频会autoplay，太不为用户考虑了，万一人家上班时候打开，老板在旁边听到多尴尬！
<bdi></bdi>又一个让人不明所以的标签。
把用户名从周围的文本方向设置中隔离出来。（wtf？）
<canvas></canvas>一个非常棒的标签。因为我用过，知道她的美（蜜汁微笑）。
顾名思义，canvas单词的意思是画布，这个标签就是用来作画的，画笔是JS，化成之后，能够以 .png 或 .jpg 格式保存结果图像（不同于SVG）。用法不再赘述。
<command></command>没有浏览器支持这个标签。呵呵。仿佛没有女朋友的屌丝，对天怒吼：我要，这铁棒有何用？
<datalist></datalist>配合input使用，用input的lish属性来绑定。
ep：
<input id="myCar" list="cars" />
<datalist id="cars">
<option value="BMW">
<option value="Ford">
<option value="Volvo">
</datalist>datalist 及其选项不会被显示出来，它仅仅是合法的输入值列表。
<dialog></dialog>定义对话框。支持的浏览器不多，待完善。
<embed></embed>这个标签有意思了，读出来，不由的让我联想到76人队的大帝Joel Embiid，哈哈哈。Trust the process!
