随笔分类 -  HTML5

canvas
摘要：1. 初识1 2 您的浏览器不支持canvas标签3 2. canvas标签属性只有width和height。默认宽度为300px，高度为150px，背景为白色。3. API属性：方法： 阅读全文
posted @ 2014-06-03 03:16 总钻风 阅读(193) 评论(0) 推荐(0)
video
摘要：1. 初识1 2 您的浏览器不支持video标签3 或1 2 3 4 5 您的浏览器不支持video标签6 2. video标签的属性video有9个属性：属性值描述autoplaycontrolslooppreloadsrcmutedwidthheightp... 阅读全文
posted @ 2014-06-03 02:54 总钻风 阅读(404) 评论(0) 推荐(0)
audio
摘要：1. 初识1 2 您的浏览器不支持audio标签3 或1 2 3 4 5 您的浏览器不支持audio标签6 2. audio标签的属性audio标签共有6个属性：属性值描述autoplayautoplay如果出现该属性，则音频在就绪后马上播放。controlscont... 阅读全文
posted @ 2014-06-03 01:12 总钻风 阅读(631) 评论(0) 推荐(0)
推荐的HTML5书写格式
摘要：1. 元素和属性全部小写2. 属性值尽量使用引号包围3. 成对标签都要闭合4. 空元素无需结束5. 标签有lang属性。en代表英语，zh代表中文，不区分大小写6. 无需完整地书写所有属性名等于属性值的属性7. 推荐在每个html文件中引入重置样式表normalize.css8. 为HTML5语义元... 阅读全文
posted @ 2014-05-21 23:14 总钻风 阅读(550) 评论(0) 推荐(0)
响应式Web设计
摘要：1. 响应式Web设计采用灵活的、设备无关的方法来为Web进行设计。响应式Web设计使用了与渐进增强相同的思想。包括三个核心元素：媒介查询、流动布局、自适应图片。响应式站点不是PC站，也不是手机站。2. 优雅降级当你利用所有新的特性时，你要保证那些相对较老的浏览器也能访问你的内容。3. 渐进增强把优... 阅读全文
posted @ 2014-05-21 21:55 总钻风 阅读(226) 评论(0) 推荐(0)
Chrome浏览器模拟手机访问网站
摘要：1. 按F12开打开发者工具，点击红框部分按钮2. 点击红框部分3. 输入网址试一下 阅读全文
posted @ 2014-05-21 20:59 总钻风 阅读(249) 评论(0) 推荐(0)
viowport设置适应移动屏幕大小
摘要：device-height：高度，不常用device-width：宽度user-scalable：是否允许用户手动缩放initial-scale：初始缩放比例maximun-scale：范围为0.1~10.0minimum-scale：范围为0.1~10.0 阅读全文
posted @ 2014-05-17 17:31 总钻风 阅读(301) 评论(0) 推荐(0)
本地存储Web Storage
摘要：Web Storage提供了两种存储类型的API接口：sessionStorage和localStorage。对于其生命周期，sessionStorage在会话期间内有效；而localStorage永久存储在本地，除非用户对其执行删除操作。localStorage实际客户端的Cookies类似；se... 阅读全文
posted @ 2014-05-17 17:04 总钻风 阅读(284) 评论(0) 推荐(0)