h5从视频中截取图片，报错
Uncaught DOMException: Failed to execute 'toDataURL' on 'HTMLCanvasElement': Tainted canvases may not be exported.
产生这个问题原因是跨域，第一次碰到静态文件跨域问题
‘html/css’ 类别下的博文
各种语言都有截图的方法，我主要是做php，php当然也有截图的函数。css也是可以截图的，这对于做美工的人员来说，肯定都很熟悉，但是对做程序的来说，就不一定熟悉了。突然感觉css也是非常的强大的。
下面我们来看一个例子，大家肯定能明白css是怎么样实现截图的。
html的输入框有提示功能，你输入内容后，会记录下你在这个输入框中输入的内容，当你再输入后，就会在输入框的下面显示，以前你输入过的内容，这个设计挺好的，但是有的时候，也会带来麻烦。例如，如果我要自己来控制这个输入框的内容，像google输入框的下拉提示那样，输入框自带的提示功能就会，盖在自己设计的提示框的上面，这样就不好了。
<input value="" title="linux 在线搜索" name="search" id="search_input" maxlength="50">
上面的这个带有自动提示功能的输入框。
<input value="" title="linux 在线搜索" name="search" id="search_input" maxlength="50" autocomplete="off">
加上autocomplete="off"后，自动提示就没有了。
今天才发现，本bolg的相关文章好丑，右边空出来好大一块，感觉空空的，我做了一点修改，以一个实例来说明
要想把html中的层设计的很好，来实现一定的效果，也要有一定的思想。做web开发也有好几年了，刚开始的时候，对层不是很了解，总感觉不是很好做，因为当时，我对css这类东西不熟，总觉得这些东西应当由美工来完成，知识总是要学的。什么是html的层呢？html的层根普通意义上的层，意思是一样的。很多东西叠加在一起，三明志，汉堡等，分好几层。
看一个例子，一个拉窗帘的效果，用firefox看，IE下面还没有调试好.
今天遇到一个挺郁闷的，就是float与li有冲突。当他们二个同时出现时，在ie下面呢，li前面的小黑块不见了，但是在firefox下面是好的。
<html>
<style>
ul li{
color:#009999; float:left;list-style-type:square;padding-left:20px; WIDTH: 100%;
}
</style>
<body>
<h4>test:</h4>
<ul>
<li>china</li>
<li>anhui</li>
<li>luan</li>
</ul>
</body>
</html>
先看一下404页面,http://blog.51yip.com/404.html这里面主要就是一个404图片，代码如下
<div style="margin: 10px; text-align: center;">
<img src="test404_files/06.png" usemap="#Map" alt="HTTP 404,file not found"
border="0" height="422" width="450">
<map name="Map" id="Map">
<area shape="rect" coords="64,340,123,365" href="javascript:history.back();">
<area shape="rect" coords="164,340,205,365" href="http://blog.51yip.com">
</map>
</div>
解释：
usemap="#Map"调用一个name='Map'的标签
<map name="Map" id="Map"> html标签
一个<area>对应图片中的一块
shape="rect" 链接的形状，rect是rectangle(距形)英文单词的缩写
coords="64,340,123,365"距形链接坐标，这里的coords是coordinates（坐标）英文单词的缩写。
64,340,123,365这四个数字分别是链接距形相对于图片的左边，上边，右边，下边的位置。
64就是链接距形左边距大图片最左边的距离，其他数字也一样
select标签做应用层程序开发的肯定都用到过。有的时候老是忘记里面的一些东西，写出来了，自己查就方便了。看个例子
<html> <head> <meta http-equiv="Content-Type" content="text/html; charset=utf8"> <title>select example</title> </head> <body> <select id="test" size="10" name="test" multiple="multiple"> <optgroup label="lanuage"> <option value="HTML">html</option> <option value="CSS" selected>css</option> <option value="javascript">js</option> <option value="PHP">php</option> <option value="ASP">python</option> <option value="JSP">java</option> </optgroup> <optgroup label="database"> <option value="Pgsql">pgsql</option> <option value="MySQL">mysql</option> <option value="mssql">mssql</option> </optgroup> </select> </body> </html>
一，frameset和frame
我们在做后台管理的时候，难免会用到frameset和frame
<Frameset>为框架标记，说明该网页文档为框架组成，并设定文档中组成框架集的框架的布局。
<Frame>用以设置组成框架集中各个框架的属性。
说白了，就是Frameset是爷爷，frame是孙子。爷爷肯定比孙子大。嘿嘿，这样表述感觉挺爽的。
Frameset参数