html5
江东策备书
这个作者很懒,什么都没留下…
展开
-
h5的部分新特性
1. 新的Doctype 尽管使用,即使浏览器不懂这句话也会按照标准模式去渲染 也可以考虑使用怪异盒模式 2. Figure元素 用和来语义化地表示带标题的图片 figure> img src=”path/to/image” alt=”About image” /> figcaption> p>This is an image of something interesting原创 2017-02-13 09:46:49 · 351 阅读 · 0 评论 -
HTML5 data-* 自定义属性
1.设置方法 A.直接在标签内书写,格式如下 div id="test" data-age="24"> Click Here div> B.用 js 设置 var test = document.getElementById('test'); test.dataset.my = 'Byron'; 2.获取方法 var test = document.getElem原创 2017-02-13 09:52:16 · 335 阅读 · 0 评论 -
关于H5中自定义属性的设置和获取
自定义数据属性是在HTML5中新加入的一个特性。简单来说,自定义数据属性规范规定任何以data-开头属性名并且赋值。自定义数据属性是为了保存页面或者应用程序的私有自定义数据,这些自定义数据属性保存进DOM中,对于整个DOM的布局和表现无任何影响,但是却可以方便操控整个网页的交互以及想要表达的效果。 比如我们想要统计一个页面玩家的排行榜,但是DOM页面的原生标签并没有提供这样的一原创 2017-02-13 09:53:28 · 353 阅读 · 0 评论 -
ie浏览器和其他浏览器关于解读overflow:visible的差异
在使用bootstrap框架的情况下,我在body中设置固定高度和overflow:hidden ,对子iframe设置了固定宽高,对父级页面的标题栏设置了宽高overflow:hidden,如图所示:在ie中出现了红框内部分,闪动一下就消失的问题。测试结果:其他浏览器均无此问题。解决方案:将红框范围的元素,设置为overflow:visible,并且取消了clean:both;解决此问题。...原创 2018-04-18 10:39:51 · 884 阅读 · 0 评论 -
autoComplete 插件引起的高度塌陷问题以及解决办法
先附插件源码(不包含507行):在自动补全插件中,点击加载出来的列表框后,会导致父级页面的标头高度塌陷(原因不明,可能是因为某个隐藏导致的bug)。经过审查元素,发现该元素并没有消失,而是高度塌陷。隐藏到了标头的后面。尝试样式修改,无果。最终解决方案:在点击事件触发后,完成对应操作后,return false(如代码507行)。问题解决。...原创 2018-04-18 10:55:08 · 361 阅读 · 0 评论 -
table表格简单的分离布局——便于固定表头,无限制滚动tbody
<style> .table-head{padding-right:17px;background-color:#999;color:#000;} .table-body{width:100%; height:300px;overflow-y:scroll;} .table-head table,.table-body table{width:100%;} .table-bo...转载 2018-09-12 09:39:56 · 767 阅读 · 0 评论