html5
文章平均质量分 77
jennypypy
这个作者很懒,什么都没留下…
展开
-
移动前端不得不了解的html5 head 头标签
转载于:http://www.css88.com/archives/5480本文主要内容来自一丝的常用的 HTML 头部标签和百度FEX的HTML head 头标签。移动端的工作已经越来越成为前端工作的重要内容,除了平常的项目开发,HTML 头部标签功能,特别是meta标签显得非常重要。DOCTYPE(Document Type),该声明位于文档中最前面的位置,处于转载 2015-02-05 16:02:13 · 600 阅读 · 0 评论 -
不想浪费时间写重复代码(二)
倒计时:/* 实现多个时间进行倒计时,或者直接格式化时间:time为时间戳 */var deadline = { counting:function(ele,timer){ var _this=this; setTimeout(function(){ if(timer >=0 ){ ele.ht原创 2016-09-08 16:46:35 · 678 阅读 · 0 评论 -
不想浪费时间写重复代码(一)
.icon_close{ position: absolute; top: 50%; right: 0.5rem; display: inline-block; width: 0.85rem; height: 0.1rem; background: #a3a3a3; line-height: 0; font-size: 0;原创 2016-08-02 17:52:11 · 786 阅读 · 0 评论 -
H5问题总结
搜索键盘与事件绑定input type="search"即可调用搜索键盘但是有时候键盘回车键并不一定具有“搜索”或“前往”字样,需要将input包裹在form中,有时还需要填上action属性(仍然不是所有有效)。回车键事件使用submit。为了防止表单提交时自动刷新页面,js事件中需要组织默认事件:return false。 另外,如果要移除搜索框的叉叉图标,可以设置样式原创 2016-09-01 14:13:21 · 1509 阅读 · 0 评论 -
页面局部刷新
场景:页面A使用第三方插件C,如果页面刷新,C会重新初始化并且无法记录之前的信息。现在希望页面的主要功能区B刷新,但是C的信息不要丢失。解决方案:B采用iframe方式引入到A中,B刷新采用self.location.reload(),这时B内容刷新,而A中除了B以外的其他内容保持不变。局部刷新一般就是采用ajax或者iframe(frameset)的方式,这里之所以用iframe原创 2016-10-27 12:19:17 · 1193 阅读 · 0 评论 -
div模拟文本框
最近做H5页面,经常碰见实现高度自适应且计数的文本框需求,所以在这里记录一下。其实很早之前就看了张鑫旭的“div模拟textarea文本域轻松实现高度自适应”,现在的做法也就是文章中提到的方法,主要是用到contenteditable属性。html结构如下: 0/30 这里主要介绍下contenteditable属性:(参考https://w3c原创 2016-08-02 17:03:59 · 4759 阅读 · 1 评论 -
老浏览器(特别是IE)支持html5标签
主要有三个方法:1、 javascript: document.createElenment("......")[if lt ie 9]> --> 不要忘了指定新建标签的display属性,大多情况下我希望标签是block的:header,footer,article,aside,section,nav,menu,hgroup,details,dialo原创 2015-04-23 17:47:12 · 798 阅读 · 0 评论 -
移动端H5页面之iphone6的适配
大屏幕手机其实一直有,只是以前大家没怎么重视,移动端的H5页面大部分都以320px为基准宽度进行布局,那些大屏屌丝android用户也懒得去理,而现在iphone也搞起多屏幕,老板们重视程度就不一样了。回归正题,兼容iphone各版本机型最佳的方式就是自适应。1、viewport 简单粗暴的方式:meta name="viewport" conten转载 2015-04-23 14:31:11 · 2235 阅读 · 0 评论 -
HTML5判断移动端横屏竖屏功能
用CSS判断横屏竖屏问题:@media (orientation: portrait) { } 横屏@media (orientation: landscape) { }竖屏横屏竖屏用JavaScript判断横屏竖屏问题://判断手机横竖屏状态:function hengshuping(){ if(window.orientation==180||window.or原创 2015-04-23 14:24:08 · 5341 阅读 · 0 评论 -
HTML5自定义文字背景生成签名档
HTML5自定义文字背景生成签名档DEMO body{ background-color: #ddd;-webkit-user-select:none;font-family:hychf,"黑体";margin: 0; } @font-face{ font-family:hychf; src:url('font原创 2015-03-04 11:08:28 · 1907 阅读 · 0 评论