前端开发2025年06月02日
最近测试html5页面，发现默认都允许用户缩放页面，或者在屏幕双击放大或缩小。即相当于这样设置 <meta name="viewport" content="width=device-width, initial-scale=1.0 user-scalable=yes" /> 如果要禁止此情形，修改相应参数即可。 <meta conten...
前端开发2025年06月01日
1. 要回答这个问题，我们需要先了解一下HTML是什么。HTML的英文全称为Hyper Text Markup Language， HTML5是HTML最新的修订版本，由万维网联盟（W3C）于2014年10月完成标准制定。目标是取代1999年所制定的HTML 4.01和XHTML 1.0标准，以期能在互联网应用迅速发展的时候，使网络标准达到匹配当代的网络需...
前端开发2025年06月01日
收集总结的HTML5的新特性，基本除了IE9以下都可以使用。 HTML5语法 大部分延续了html的语法 不同之处：开头的 <!DOCTYPE html> <html lang="zh-CN"> <meta charset="utf-8"> 字符编码变得简洁， 不区分大小写， 添加了布尔值，类似checked，selec...
前端开发2025年06月01日
最近在搞支持iphone， ipad观看的视频项目，于是查找网上并整理下资料如下： HTML Video Element 对象 <video ></video> <script> var video = document.getElementById("video_id"); </script> 方法和属性：...
前端开发2025年05月31日
拖放 拖放是一种常见的特性，即抓取对象以后拖到另一个位置。 在 HTML5 中，拖放是标准的一部分，任何元素都能够拖放。 设置元素为可拖放 首先，为了使元素可拖动，把 draggable 属性设置为 true ： &lt;img draggable="true" /&gt; 拖动什么 - ondragstart 和 se...
前端开发2025年05月29日
HTML5页面的图片上传功能在iOS端的实现。 首先，页面上用的是plupload组件，在wkwebview上存在两个坑需要修复才能正常使用。 问题：在webview上点击选择照片/相机拍摄，就会出现whose view is not in the window hierarchy这个错误。其实stackoverflow上有这个错误的解释，但是我们并不能采...
前端开发2025年05月29日
基于Swift 3 、 Xcode 8 、 iOS 10 下的WKWebView的使用。 首先是WKWebView的基本用法： var wk:WKWebView! var progBar:UIProgressView! //定义的进度条 override func viewDidLoad() { super.viewDidLoad() self.wk = ...
前端开发2025年05月24日
&lt;style&gt;input[type="search"]{ border-radius:2px;} input::-webkit-search-cancel-button {margin-right:10px} } &lt;/style&gt; search:&lt;input type...
前端开发2025年05月24日
实战前的准备工作：了解HTML5大纲算法 在html5中有一个很重要的概念，叫做html5大纲算法(HTML5 Outliner)，它的用途为用户提供一份页面的信息结构目录。合理的使用HTML5元素标签，可以生成一个非常清晰的文档大纲。 HTML5大纲算法 我们可以通过各种工具去查看当前页面，这里推荐使用一个测试工具：HTML5 Outliner，网址如下...
前端开发2025年05月23日
最近在项目中遇到了拖动排序的需求，所以就学习了一下H5的新属性，写篇博客记录一下。 draggable属性是指定当前元素可以被拖动的属性；我们要为需要拖动的元素设置该属性 <div id="columns"> <div class="column" draggable="true"><header>A</heade...