html5_蓝戒的博客_Page 2
您当前位置 :
蓝戒的博客 » 所有属于 "html5" 分类的文章
Jun 06 2015
1、placeholder是什么？
placeholder是html5新增的一个属性，当input或者textarea设置了该属性后，该值的内容将作为灰字提示显示在文本框中，当文本框获得焦点（或输入内容）时，提示文字消失。
例如下文本框文字效果
2、placeholder的浏览器兼容性和在不同浏览器下的表现
由于placeholder是个新增属性，目前只有少数浏览器支持，如何让更多的浏览器支持它呢？
目前最新的firefox、chrome... 阅读全文
May 07 2015
在做一个致匠心的专题页面中多个视频在要在本页面播放，为了更友好的用户体验，对视频播放进行优化，点开播放其中的一个视频，在没有看完视频并且没停止该视频的播放的情况下，又点击播放了另外一个视频，这时在一个页面中两个视频同时播放，需要用户自己去关闭上一个视频播放，那么我们通过页面中加入js代码帮助用户节省这个步骤，实现当其中一个视频播放时，又打开了另一个视频，那么上一... 阅读全文
作者：cywcd | 分类：
html5 | 阅读： 15,324 次 |
May 02 2015
为了确保各个浏览器初始化时页面布局一致，需要使用css在重置以下页面标签:
@charset "utf-8";
body, h1, h2, h3, h4, h5, h6, hr, p, dl, dt, dd, ul, ol, th, td, pre, blockquote, fieldset, lengend, input, button, textarea, form{margin: 0; padding: 0;}
body, input, button, textarea, select{font-size:12px; font-family: "Microsoft YaHei", Helvetica, Tahoma, Arial, sans... 阅读全文
Apr 11 2015
See the Pen doQwbv by cywcd (@webzsky) on CodePen.
屏幕的缩放及初始大小
添加到主屏幕全屏,图标等
苹果设备默认的工具栏和菜单栏
苹果设备状态栏样式
苹果设备自动识别电话、邮箱相关
屏幕的缩放及初始大小
<meta name="viewport" content="target-densitydpi=device-dpi, width=device-width, initial-scale=1, user-scalable=no, minimum-scale=1.0, maximum-scale=1.0">
vie... 阅读全文
作者：cywcd | 分类：
html5 | 阅读： 4,823 次 |
Nov 23 2014
响应式Web设计，这个概念是Ethan Marctte 在A List Apart 发表的一篇文章“Responsive Web Design”中援引响应式建筑而得名：响应式建筑（responsive architecture），物理空间应该可以根据存在于其中的人的情况进行相应。
为什么一定要为每个用户群各自打造一套设计和开发方案？Web设计应该做到根据不同设备环境自动响应及调整。当然响应式Web设计不仅仅是关于屏幕分辨率自适应以及自动缩放... 阅读全文
作者：cywcd | 分类：
html5 | 阅读： 5,911 次 |
Nov 11 2014
自从HTML5能为我们的新网页带来更高效洁净的代码而得到更多的关注，然而唯一能让IE识别那些新元素(如 article)的途径是使用HTML5 shiv,感谢remy sharp为我们提供了这个迷你脚本来解决IE支持HTML5的问题。 使用和下载 html5.js必须在页面head元素内调用(因为IE自从HTML5能为我们的新网页带来更高效洁净的代码而得到更多的关注，然而唯一能让IE识别那些新元素(如<article>)的途径是使用... 阅读全文
作者：cywcd | 分类：
html5 | 阅读： 5,529 次 |
Oct 23 2014
移动web开发头部meta标签5种实用方法
1、移动webAPP的Meta 视点设置：
<meta name=”viewport” content=”initial-scale=1.0, minimum-scale=1.0, maximum-scale=1.0, user-scalable=no”/>
2、在移动开发当中，屏蔽数字当作电话号码的代码：（针对苹果手机）
<meta content=”telephone=no” name=”format-detection” />
3、浏览器缓存控制
当我们在本地测试网页的时候，没有及时更... 阅读全文
作者：cywcd | 分类：
html5 | 阅读： 4,479 次 |
来自的朋友,欢迎您
点击这里 订阅我的博客 o(∩_∩)o~~~
1、placeholder是什么？ placeholder是html5新增的一个属性，当input或者textarea设置了该属性后，该值的内容将作为灰字提示显示在文本框中，当文本框获得焦点（或输入内容）时，提示文字消失。 例如下文本框文字效果 2、placeholder的浏览器兼容性和在不同浏览器下的表现 由于placeholder是个新增属性，目前只有少数浏览器支持，如何让更多的浏览器支持它呢？ 目前最新的firefox、chrome...阅读全文抢沙发
在做一个致匠心的专题页面中多个视频在要在本页面播放，为了更友好的用户体验，对视频播放进行优化，点开播放其中的一个视频，在没有看完视频并且没停止该视频的播放的情况下，又点击播放了另外一个视频，这时在一个页面中两个视频同时播放，需要用户自己去关闭上一个视频播放，那么我们通过页面中加入js代码帮助用户节省这个步骤，实现当其中一个视频播放时，又打开了另一个视频，那么上一...阅读全文作者：cywcd | 分类：html5 | 阅读： 15,324 次 |