- HTML5 11-25
- html5 canvas元素使用1 11-25
- HTML5 的路在何方？ 11-25
- 什么是 HTML5 11-25
- HTML5实体N 11-25
- HTML5实体J 11-25
- HTML5实体L 11-25
- HTML5兼容性代码 11-25
- HTML5 Web 存储 11-25
- HTML5 拖放实例 11-25
HTML5
发布者: superzhang | 发布时间:2017-11-25在谈及HTML5之前，我想有必要带大家了解一下我们的HTML的历史。HTML全称为(HyperText Markup Language),是用来结构化细节，定义文档外观和语义的一种标记语言。
早期的HTML非常简单，经过20多年对的发展经历了多个版本
超文本标记语言（第一版）——在1993年6月作为互联网工程小组（IETF）工作草案发布，并非标准。
HTML 2.0——1995年11月作为RFC1866发布，在RRFC2854于2000年6月发布之后被宣布已经过时。
HTML 3.2——1997年1月14日，W3C推荐标准。
HTML 4.0——1997年12月18日，W3C推荐标准
HTML4.1——1999年12月24日，W3C推荐标准。
ISO/IEC 15445:2000 (“ISO HTML”) ——2000年5月15日发布，基于严格的HTML4.01语法，是国际标准化组织和国际电工委员会的标准。
HTML5.0——HTML5是HTML最新的修订版本，2014年10月由W3C完成标准定制。
HTML5.0火爆的原因：
HTML5.0新增了许多特性，让网页能力变得更强，折让许多在网页上不切实际的想法变为现实。
近几年的移动互联网变得越来越
html5 canvas元素使用1
发布者: superzhang | 发布时间:2017-11-25html5 canvas元素使用1
html5新增了一个canvas元素，用于在网页上生成一块矩形区域，用于绘制图像，功能非常强大，下面我来简单介绍一下
在页面中添加canvas如上图所示，如果不给canvas设置宽高，默认宽是300px，高是150px。同时，canvas默认是透明的
我们可以给它设置宽高，边框，甚至背景颜色。
注意，这边设置的宽高是画布的属性，和style的是不一样的
HTML5 带来很多新功能，以及 HTML 代码上的改变，你需要使用一些特定的 API 脚本，如：
DOM
实现 2D 绘图的 Canvas 对象
可控媒体播放
离线存储
文档编辑
拖放
跨文档消息
浏览器历史管理
MIME 类型和协议注册
那些支持 HTML5 的浏览器在处理 HTML 代码错误的时候必须更灵活，而那些不支持 HTML5 的浏览器将忽略 HTML5 代码。
HTML5实体N
发布者: superzhang | 发布时间:2017-11-25并非下表中的所有实体都能在所有的浏览器中正确地显示。
目前，IE 11 是唯一一个能正确显示所有 HTML5 实体的浏览器。
HTML5实体J
发布者: superzhang | 发布时间:2017-11-25并非下表中的所有实体都能在所有的浏览器中正确地显示。
目前，IE 11 是唯一一个能正确显示所有 HTML5 实体的浏览器。
HTML5实体L
发布者: superzhang | 发布时间:2017-11-25并非下表中的所有实体都能在所有的浏览器中正确地显示。
目前，IE 11 是唯一一个能正确显示所有 HTML5 实体的浏览器。
HTML5兼容性代码
发布者: superzhang | 发布时间:2017-11-25随首移动客户端的蓬勃发展，html5日益引起大家的重视。但不同的浏览器，html标签的标准化语义常常会渲染出的效果不尽相同，这时候就需要重新定义，以达到互相兼容，界面统一的效果。我把常见的几个问题的处理方案简单总结了一下，以飨读者。
body,div,ul,li,a,ol,dl,dt,dd,p,h1,h2,h3,h4,h5,h6,form,input,span,label,b{margin:0;padding:0}//消除内外边距
li{list-style:none}//消除无序列前的修饰，默认是个实心圆点
a{text-decoration:none}//消除链接的下划线
img,input{border:none}//消除图像或输入框控件的边框
a,input{outline:none}//消除链接或输入框外部的虚线
textarea{resize:none}//禁止多行输入框控件调整大小，这个是否需要，要根据实际情况而定
h1,h2
HTML5 Web 存储
发布者: superzhang | 发布时间:2017-11-25HTML5 web 存储,一个比cookie更好的本地存储方式。
什么是 HTML5 Web 存储?
使用HTML5可以在本地存储用户的浏览数据。
早些时候,本地存储使用的是 cookie。但是Web 存储需要更加的安全与快速. 这些数据不会被保存在服务器上，但是这些数据只用于用户请求网站数据上.它也可以存储大量的数据，而不影响网站的性能.
数据以 键/值 对存在, web网页的数据只允许该网页访问使用。
浏览器支持
HTML5 拖放实例
发布者: superzhang | 发布时间:2017-11-25<!DOCTYPE HTML>
<html>
<head>
<meta charset="utf-8">
<title>H5混合开发(runoob.com)</title>
<style type="text/css">
#div1{width:350px;height:70px;padding:10px;border:1pxsolid#aaaaaa;}
</style>
<script>
function allowDrop(ev)
{
ev.preventDefault();
}
function drag(ev)
{
ev.dataTransfer.setData("Text",ev.target.id);
}
function drop(ev)
{
ev.preventDefault();
var data=ev.dataTransfer.getData("Text");
ev.target.appendChild
