每日前端签到（第九十九天）

第九十九天（2018-11-10）

• [html] 除了音频和视频，HTML5还支持哪些媒体标签？
• [css] CSS中的calc()有什么作用？
• [js] 说说你对作用域链的理解
• [软技能] Web安全色所能够显示的颜色种类有多少种？

题目一：
<source> 一般用于定义不同的媒体资源，由于各浏览器对视频格式的支持不同，可以通过video/audio内嵌source来链接多种视频格式，实现浏览器兼容

<audio controls>
<source src="test.mp3" type="audio/mp3" />
<source src="test.ogg" type="audio/ogg" />
</audio>
<track> 用于给音频和视频文件添加字幕文件

<video width=”450″ height=”340″ controls>
<source src=”W3Cschool.mp4″ type=”video/mp4″>
<source src=”W3Cschool.ogg” type=”video/ogg”>
<track kind=”subtitles” label=”English” src=”W3Cschool_en.vtt” srclang=”en”></track>
</video>
<canvas> 用于自定义图形，通过css/js自行绘制图像
<canvas width="200px" height="200px" style="border:1px solid black;">
<embed> 可用于显示外嵌的内容：例如媒体对象，插件
<embed height="100" width="100" type="audio/mp3" src="src="test.mp3".mp3" />
<object> 大致同embed，不过h5之前就支持
<object height="100" width="100" data="src="test.mp3".mp3"></object>
题目二：
坑： 当使用calc的时候，运算符号 左右需要有空格的哦，否则，属性不生效。例如： width: calc(100% - 30px);
题目三：
作用域链指的是代码执行时,
查找变量的规则,
先在当前自身的作用域查找,
找不到在往上级作用域查找,
查不到的话直至全局环境,
当然全局环境不能访问局部作用域的变量
题目四：

1. 概念
   所谓web安全色，在不同的平台展示的效果和预期一致。举个例子，在mac和window展示的效果一致。
2. 公式
   WEB安全色的RGB值均为51的倍数。举个例子，rgb(0,0,51),rgb(0,0,102), rgb(0,0,153) 都是web安全色。
3. 种类
   216，某些平台只支持216种颜色。

为什么是51倍数，为什么某些平台只支持216种颜色，有空再研究。

WEB安全色