- 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
