html5教程 - 低调共享者

针对IE9不支持placeholder的兼容处理方法代码

IE9及IE9以下浏览器不支持placeholder属性，对IE9的placeholder兼容性处理方法通常是把placeholder的属性值放在value属性中，但这样不利于判断值是否为空，兼容性比较好一个方法是用一个元素覆盖在输入框上面代替placeholder，点击时再隐藏。 HTML代码 <div class="input"> <label class="placeholder" for="inpName"><i class="rq">Name</i></label> <i...

2020-12-9/ 2152 次浏览/ Web前端开发

html5视频媒体标签video的使用方法及完整参数说明

video是HTML5的一个视频媒体标签，其作用是在网页中嵌入指定的视频，video标签的代码结构及参数如下。 HTML代码结构： <video controls autoplay loop preload="auto" poster="img/popup-img.png" webkit-playsinline="true" playsinline="true" x5-video-player-type="h5" x5-video-player-fullscreen="tr...

2019-9-26/ 6209 次浏览/ Web前端开发

SVG定义路径的path标签入门详细教程

SVG的<path>元素用于定义一些复杂的图形。它可以结合使用直线，曲线等来制作各种不规则的图形。<path>元素是SVG基本图形中最为复杂的一个。要掌握和理解它也需要下一点苦工。先来看一个例子： <svg xmlns="http://www.w3.org/2000/svg"> <path d="M50,50 A30,30 0 0,1 35,20 L100,100 M110,110 L100,0" style="stroke:#660000; fill:none;"/> </svg> ...

2019-2-20/ 5405 次浏览/ Web前端开发

HTML5之新增标签用途及应用场景

新的页面结构以及宽松的语法规范，标签可以不用闭合，可以省略head，body等标签 <!DOCTYPE HTML> <meta charset="utf-8"> <title>无标题文档</title> <h1>标题</h1> 语义化标签 <header></header> 页眉主要用于页面的头部的信息介绍，也可用于板块头部 <hgroup></hgroup> 页面上的一个标题组合一个标题和一个子标题，或者标语的组合 ...

2014-4-10/ 5756 次浏览/ Web前端开发