拖拽（Drag 和 drop）是 HTML5 标准的组成部分。拖拽是一种常见的特性，即抓取对象以后拖到另一个位置。Internet Explorer 9、Firefox、Opera 12、Chrome 以及 Safari 5 支持拖放。DataTransfer 对象 退拽对象用来传递的媒介，使用一般为Event.dataTransfer。被拖元素： ondragstart（开始拖拽） function drag(ev) { ev.dataTransfer.setData("Text",ev.target.id); }ondrag(拖拽中) ondragend(拖拽结...
学习前端有一段时间了，一直在看书上的理论知识，而实战项目却很少。师兄常说，想要知道自己的实力有多少，知识掌握了多少，最好的方法就是去实践了，实践出真知嘛。于是决定在这个假期里，主要是通过项目的实践以及理论知识的辅助来提高代码水平。首先是做几个HTML5+CSS3静态页面布局的练习，查缺补漏知识点并且总结在实践过程中遇到的一些错误。页面的设计稿主要是网络上找来了的，也尝试自己切图、测量位置、获得内容的属性等等...
section标签 表示页面中的一个内容区块,比如章节、页眉、页脚或页面的其他部分。可以和h1、 h2……等标签结合起来使用，表示文档结构。例：HTML5中 <section>……</section>HTML4中<div> ……</div>。article标签 表示页面中一块与上下文不相关的独立内容。比如一篇文章。aside标签 表示article标签内容之外的、与article标签内容相关的辅助信息。header标签 表示页面中一个内容区块或整个页面的标题。hgroup标签 表示对整个页面或...
前言 html5中对音频,视频播放原生支持.最近做了一个音乐播放器,得益于快过年了,才能抽出一点时间来总结一下.总的来说,html5对audio的支持非常强大, 难怪flash要死.浏览器上装播放插件的时代已经接近尾声了.目前大多数浏览器都支持了大部分常用的api,ie8及其以前除外(万恶的ie啊). HTML5 音频虽然很健壮，但有其局限性，这主要取决于它的实现。对于音乐播放器（点唱机播放器）或简单的声音效果，它很有效，但是对于声音密集的...
一HTML5新增属性1.1contcxtmcnucontextmenu的作用是指定右键菜单。<!DOCTYPE html><html><head><meta charset="UTF-8"><title></title></head><body><div id="div1" style="height:900px; background: lightgreen;" contextmenu="menuShare"></div><menu id="menuShare" type="context"><menuitem label="分享到QQ空间" onclick="alert(‘QQ‘);"></menuitem><menuitem label="分享到朋友圈" onclick="alert(‘朋友圈‘);"></menui...
自己在“上海某985大学”待了四年，有蛮多的不舍。但是终究还是要离开。下面对这几年HTML5的使用做一个总结。总结是一种技术的沉淀。HTML5大家现在很火，它的标准已经出来。在标准还没有成型的时候，相信我们都已经开始使用HTML5的图表和研究HTML5的游戏引擎了。HTML5跨平台和轻量级，这是本人最喜欢的一点。虽然期间也考虑过Mono.大二（2009年）就开始使用HTML4.0,哪个时候为“页面动画效果、浏览器的兼容性、分辨率的设置”吐了多...
save 和 restore 函数的应用 保存canvas和恢复canvas clip函数的应用 文字的绘制 背景图片的绘制 离屏canvas 基于时间的运动原文：https://www.cnblogs.com/qianduanjingying/p/8391125.html
总是遇到h5新标签的笔试题目，就查阅了资料来总结一下：1.form相关：（1）form属性：在HTML5中表单元素可放在表单之外，通过给该元素添加form属性来指向目标表单（form属性值设为目标表单id）即可。（2）formaction属性：HTML5给提交按钮(如button、submit、image等)增加了formaction属性，以便提交到不同的服务器地址。<input formaction="new.html" type="submit" value="提交到new.html">（3）formmethod属性：用法同formaction...
公司部门姓名职位分享内容痛客梦工厂科技有限公司技术部张应钦Web前端开发工程师HTML5与CSS3 注：此帖子详见本人博客文件HTML5与CSS3.docx文件一、 HTML5为什么需要HTML5什么是HTML5HTML5现状及浏览器支持HTML5优点与缺点HTML5语法规则与文档声明HTML5新增表达标签HTML5多媒体组件HTML5之canvas二、 CSS3CSS3简介CSS3有什么（边框、圆角、背景、渐变、文本效果、字体、2D转换、3D转换、过渡、动画、多列、用户界面、图片、按...
1.背景图片和插入图片的区别： 1>.在网页中如果插入了一张图片后，容器会随着图片的大小发生变化；如果插入一张背景图片容器不会随着图片的大小而变化。 2>.插入图片如果太小不会对网页的容器带来任何影响，图片也不会变大来填满容器；而背景图片会自动重复的去填满整个容器。 3>.在插入的图片上可以运用热点链接，可以设置它的属性，改变大小；但背景图片上只能设置图片的对齐方式和是否重复。 4>.在插入的图片上我们...
一、 HTML5为什么需要HTML5什么是HTML5HTML5现状及浏览器支持HTML5优点与缺点HTML5语法规则与文档声明HTML5新增表达标签HTML5多媒体组件HTML5之canvas二、 CSS3CSS3简介CSS3有什么（边框、圆角、背景、渐变、文本效果、字体、2D转换、3D转换、过渡、动画、多列、用户界面、图片、按钮、分页、框大小、弹性盒子、多媒体查询） 三、 jQuery与CSS3选择器（详见PDF文档）注：部分实例见分享会文件demo.html 1. 为什么需要HTML...
背景： HTML5（下面简称H5）技术早在N多年前就“如火如荼”了，当然现在的热度依旧不减。尤其是移动市场大火的今天，很多网站都采用了H5的技术。其实很多时候我们实际开发中多或少的都会用到H5技术。尤其是像我这种“半道出家”的非“职业前端”开发人员，很多页面效果都是度娘和google的，网上dang下来也简单测试下兼容性也就用了。我想这也是H5工作小组想要达到的目的，“文化渗透”、“逐步蚕食”，避免大规模“反弹”...
近期接触了HTML5本地缓存，在HTML页面的html标签加入后缀为.appcache的文件，即可以轻松地创建 web 应用的离线版本。使用本地缓存带来的好处：离线浏览 - 用户可在应用离线时使用它们速度 - 已缓存资源加载得更快减少服务器负载 - 浏览器将只从服务器下载更新过或更改过的资源。浏览器支持：所有主流浏览器均支持应用程序缓存，除了 IEHTML5 Cache Manifest 实例下面的例子展示了带有 cache manifest 的 HTML 文档（供离线浏览）：...
一、video标签的基本属性1.autoplay=“autoplay”：规定一旦视频就绪马上开始播放2.control=“controls”：让浏览器为视频播放器提供默认的暂停、进度条等控件。如果设置了这个就不能使用自己定义的控件。3.width=“320” height=“240”：定义视频播放器的宽高。设置这个会让页面对视频播放器部分空间进行保留，入不设置一开始不会保留可能造成页面布局混乱4.loop=“loop”：规定视频结束后将重新开始播放5.preload属性：auto表示...
本文讲述了关于HTML5的data-*自定义属性。分享给大家供大家参考，具体如下： 一、关于html元素的特性 1.html元素都存在一些标准的特性： id 元素在文档中的唯一标识符； title 有关元素的附加说明信息，一般通过工具提示条显示出来； lang 元素内容的语言代码，很少使用； dir 语言的方向，很少使用； className，与元素的class特性对应，考虑到与ECMAScript的保留字class的冲突，因此命名为className； 2.操作特性...