HTML5学习笔记

HTML5学习笔记2

4.超链接和路径一。超链接的属性 属性名称  说明 解释 href 指定<a>元素所指资源的URL 必须属性 如以http开头的URL，指向外部网站，没有的话就变成空元素。 hreflang 指向的链接资源所使用的语言   media 说明所链接资源用于哪种设备   rel 说明文档与所链接资源的关系类型   targe
·2015-03-19 10:00

HTML5学习笔记1

1.HTML5概述 继html4和xhtml1.0后的超文本标记语言最新版本。最重要的三项技术：html5核心规范（标签元素），CSS3，JavaScript2008年发布，主要为了补全功能。特点：1.向下兼容；2。用户至上；3.化繁为简；4.无插件范式（flash插件）；5.访问通用性；6.引用语义；7.引入原生媒体支持；8.引入可编程内容；开发工具：sublime text3，Soda Da
·2015-03-18 15:00

HTML5学习笔记之History API

一，开篇分析好了，废话不多说，直接进入今天的主题，今天主要讲的是“HistoryAPI”及在单页应用中的作用，并且会引入一个实际的例子做为讲解的原型范例，先来看看“HistoryAPI”：为了提高Web页面的响应速度，越来越多的开发者开始采用单页面结构（single-pageapplication）的解决方案。所谓的单页面结构就是指多个页面间切换时，不刷新当前整个页面，更新页面展示数据，并且相应地
佚名·2015-02-26 16:31

HTML5学习笔记1

HTML5基于的新理念：     新特性应该基于 HTML、CSS、DOM 以及 JavaScript。     减少对外部插件的需求（比如 Flash）     更优秀的错误处理     更多取代脚本的标记     HTML5 应该独
迷茫的眼·2014-08-02 11:00

HTML5学习笔记（二）――表单1

表单一直是网页必不可少的一部分，一直以来，表单的作用被无限扩展，发展出了诸多新奇的用法，老版的HTML只支持很少的一部分常用表单，许多的新表单都需要借助CSS与JavaScript语言来进行构建，现在HTML5来了，她带来了新的表单，这些强大的表单项，可以省去一大块复杂的JavaScript代码，很值得去学习。而且在新的表单里面，不再像以前每个表单都必须位于之内，只要在内定义一个id，然后在网页任
qe2592008·2014-06-26 23:25

HTML5学习笔记(一）

HTML5是一个崭新的标记语言。HTML5提供许多新的标签，这些标签其实大多数在我们以往的网页设计中已经经常用到了，只是HTML5将其标准化了而已。所以我们的设计理念方法其实还是不变的，只是将需要替换的标签进行替换即可，当然HTML5还提出了不少新的理念，这些个内容则需要我们认真去研究一下了，所以我们学习HTML5，其实就是在学习这些新的设计理念。   下面我就来研究一下HTML51、关于申明  
qe2592008·2014-06-24 23:17

html5学习笔记

一. HTML5拖放 实现图片在两个div中来回拖放 代码： <!DOCTYPE HTML> <html> <head> <style type="text/css"> #div1,#div2 {width:488px;height:70px;padding:10px;border:1px solid #aaaaaa;
柿子love·2014-04-23 13:00

HTML5学习笔记之二——HTML5与HTML4的区别（3）

四.全局属性 在HTML5中，新增了一个“全局属性”的概念。所谓全局属性，是指可以对任何元素都可以使用的元素 contentEditable 该元素的主要功能是允许用户编辑元素中的内容。 该元素可以获得鼠标焦点 的元素，而且在点击鼠标后向用户提供一个插入符号，提示用户该元素的内容允许编辑。 是个boolean值。 该元素还有一个隐藏的 inherit 状态，属性为true时，元素被指定为
清心明目·2014-02-19 21:00

HTML5学习笔记之二——HTML5与HTML4的区别（2）

三、新增/废除的属性 1.新增的属性 1）.表单相关的属性 对input(type=text),select ,textarea与button元素新增自动获取焦点的autofocus属性。autofocus 可以赋值为 autofocus，也就是在页面加载完成的时候自动聚焦到这个input标签，自然 type="hidden"的时候是不能用的。 这个也是一个比较常
清心明目·2014-02-19 21:00

HTML5学习笔记之二——HTML5与HTML4的区别（1）

 二者的区别包括以下几个方面：1.语法的改变；2.新增和废除的元素；3.新增和废除的属性；4.全局属性。--------------------------------------------一、语法的改变1.HTML5中的标记方法   1）内容类型（ContentType）       HTML5的文件扩展符与内容类型都不变，即扩展符仍然为.html或者.htm，内容类型仍然为“text/htm
清心明目·2014-02-19 21:00

HTML5学习笔记之一——HTML5简介

　　HTML5自2010年正式被推出.后就广受关注。 　　HTML5推出了许多新的属性和标签来取代HTML4中出现的js代码或者是HTML4中的div标签。       HTML5的目标：          事实上，每一次的升级或者改版都是为了使功能更强大或者程序
清心明目·2014-02-17 20:00

html5学习笔记（系列4）

参照w3cschool中的示例，根据文章中的代码编写的网页是不能在canvas中显示图像的，原代码 Your browser does not support the canvas element. var c=document.getElementById("myCanvas"); var cxt=c.getContext("2d"); var img=new Image() img.src
heiden_deng·2014-01-28 17:00

html5学习笔记（系列3）

测试代码：  百度地图测试      if(window.navigator.geolocation){    varoptions={      enableHighAccuracy:true    };    window.navigator.geolocation.getCurrentPosition(handleSuccess,handleError,options);  }else{  
heiden_deng·2014-01-28 16:00

HTML5学习笔记

参考资料：http://www.csdn.net/article/2012-02-21/3121791、文档声明新特性例子1)需填写：
Alan_xu_·2014-01-26 11:35

html5学习笔记（系列2）

6，audio标签6.1标签属性标签的属性属性值描述autoplayautoplay如果出现该属性，则音频在就绪后马上播放。controlscontrols如果出现该属性，则向用户显示控件，比如播放按钮。looploop如果出现该属性，则每当音频结束时重新开始播放。preloadpreload如果出现该属性，则音频在页面加载时进行加载，并预备播放。如果使用"autoplay"，则忽略该属性。src
heiden_deng·2014-01-22 18:00

html5学习笔记（系列1）

1，什么是XHTML可扩展超文本标记语言。HTML是一种基本的WEB网页设计语言，XHTML是一个基于可扩展标记语言的标记语言，看起来与HTML有些相象，只有一些小的但重要的区别，XHTML就是一个扮演着类似HTML的角色的可扩展标记语言（XML），所以，本质上说，XHTML是一个过渡技术，结合了部分XML的强大功能及大多数HTML的简单特性。2000年底，国际W3C组织（万维网联盟）组织公布发行
heiden_deng·2014-01-22 17:00

经典博文收集（强烈推荐！！！）

[01]汤姆大叔系列博文[01]大叔手记全集[02]Knockout应用开发指南[03]微软ASP.NET站点部署指南[04]HTML5学习笔记简明版[05]大叔翻译博文索引[06]深入理解JavaScript
A09211008·2013-12-13 11:00

HTML5学习笔记(一)

如何将任何HTML升级到HTML51.原来的HTML4.01版本的doctype:改为HTML5的新doctype：这不仅仅是HTML5的doctype，这也是HTML将来所有版本的doctype。换句话说，doctype不会再变了。不仅如此，它甚至在老版本的浏览器中也能正常工作。2.处理meta标记内容。调整前:调整后：用HTML5指定meta标记时，只需要标记提供一个字符编码3.升级link标
黎静·2013-10-10 10:45

HTML5学习笔记(七)-WebSockets API

阅读更多一、概述HTML5WebSockets是HTML5中最强大的通信功能，它定义了一个全双工通信信道，仅通过Web上的一个Socket即可进行通信。目前实时Web应用的实现方式，大部分是围绕轮询和其他服务器端推送技术展开的，Comet、轮询、长轮询、流（streaming）解决方案，所有这些提供实时数据的方式包含有大量额外的、不必要的报头数据，会造成传输延迟。最重要的是为了在半双工HTTP的基
toplchx·2013-08-26 16:00

HTML5学习笔记(七)-WebSockets API

一、概述HTML5WebSockets是HTML5中最强大的通信功能，它定义了一个全双工通信信道，仅通过Web上的一个Socket即可进行通信。目前实时Web应用的实现方式，大部分是围绕轮询和其他服务器端推送技术展开的，Comet、轮询、长轮询、流（streaming）解决方案，所有这些提供实时数据的方式包含有大量额外的、不必要的报头数据，会造成传输延迟。最重要的是为了在半双工HTTP的基础上模拟
toplchx·2013-08-26 16:00

HTML5学习笔记(七)-WebSockets API

一、概述HTML5WebSockets是HTML5中最强大的通信功能，它定义了一个全双工通信信道，仅通过Web上的一个Socket即可进行通信。目前实时Web应用的实现方式，大部分是围绕轮询和其他服务器端推送技术展开的，Comet、轮询、长轮询、流（streaming）解决方案，所有这些提供实时数据的方式包含有大量额外的、不必要的报头数据，会造成传输延迟。最重要的是为了在半双工HTTP的基础上模拟
toplchx·2013-08-26 16:00

HTML5学习笔记(七)-WebSockets API

一、概述HTML5WebSockets是HTML5中最强大的通信功能，它定义了一个全双工通信信道，仅通过Web上的一个Socket即可进行通信。目前实时Web应用的实现方式，大部分是围绕轮询和其他服务器端推送技术展开的，Comet、轮询、长轮询、流（streaming）解决方案，所有这些提供实时数据的方式包含有大量额外的、不必要的报头数据，会造成传输延迟。最重要的是为了在半双工HTTP的基础上模拟
toplchx·2013-08-26 16:00

HTML5学习笔记(六)-Communication API

本章探讨用于构建实时（real-time）跨源（cross-origin）通信的两个重要模块：跨文档消息通信（Cross Document Messaging）和XMLHttpRequest Level 2. 一、跨文档消息通信     出于安全方面的考虑，运行在同一浏览器中的框架、标签页、窗口间的通信一直都受到了严格的限制。然而现实中存在一些合理的让不同站点的内容能在浏览
toplchx·2013-07-17 16:00

HTML5学习笔记(六)-Communication API

本章探讨用于构建实时（real-time）跨源（cross-origin）通信的两个重要模块：跨文档消息通信（Cross Document Messaging）和XMLHttpRequest Level 2. 一、跨文档消息通信     出于安全方面的考虑，运行在同一浏览器中的框架、标签页、窗口间的通信一直都受到了严格的限制。然而现实中存在一些合理的让不同站点的内容能在浏览
toplchx·2013-07-17 16:00

HTML5学习笔记(六)-Communication API

本章探讨用于构建实时（real-time）跨源（cross-origin）通信的两个重要模块：跨文档消息通信（Cross Document Messaging）和XMLHttpRequest Level 2. 一、跨文档消息通信     出于安全方面的考虑，运行在同一浏览器中的框架、标签页、窗口间的通信一直都受到了严格的限制。然而现实中存在一些合理的让不同站点的内容能在浏览
toplchx·2013-07-17 16:00

HTML5学习笔记(三)-Video、Audio

一、概述 HTML5增加了audio和video两个元素，开发人员不必使用插件就能播放音频和视频了。 audio元素和video元素有两个关键概念：容器(container)和编解码器(codec) 1、视频容器 主流食品容器支持的视频格式： Audio Video Interleave(.avi)、Flash Video(.flv)、MPEG4(.mp4)、Matroska(.mkv)
toplchx·2013-07-03 11:00

HTML5学习笔记(四)-Geolocation API

一、位置信息1、数据位置信息由经度、纬度坐标和一些其他元数据组成。纬度：距离赤道以北或以南的数值。比如：39.17222经度：距离英国格林威治以东或以西的数值。比如：-120.13778经纬度可以以十进制表示，也可以以DMS（角度）格式表示。HTML5GeolocationAPI的坐标格式是十进制格式。除经纬度外，HTML5Geolocation还提供坐标的准确度。依据浏览器所在的硬件设备，还可能
toplchx·2013-07-03 11:00

HTML5学习笔记(四)-Geolocation API

一、位置信息1、数据位置信息由经度、纬度坐标和一些其他元数据组成。纬度：距离赤道以北或以南的数值。比如：39.17222经度：距离英国格林威治以东或以西的数值。比如：-120.13778经纬度可以以十进制表示，也可以以DMS（角度）格式表示。HTML5GeolocationAPI的坐标格式是十进制格式。除经纬度外，HTML5Geolocation还提供坐标的准确度。依据浏览器所在的硬件设备，还可能
toplchx·2013-07-03 11:00

HTML5学习笔记(三)-Video、Audio

一、概述 HTML5增加了audio和video两个元素，开发人员不必使用插件就能播放音频和视频了。 audio元素和video元素有两个关键概念：容器(container)和编解码器(codec) 1、视频容器 主流食品容器支持的视频格式： Audio Video Interleave(.avi)、Flash Video(.flv)、MPEG4(.mp4)、Matroska(.mkv)
toplchx·2013-07-03 11:00

HTML5学习笔记(三)-Video、Audio

一、概述 HTML5增加了audio和video两个元素，开发人员不必使用插件就能播放音频和视频了。 audio元素和video元素有两个关键概念：容器(container)和编解码器(codec) 1、视频容器 主流食品容器支持的视频格式： Audio Video Interleave(.avi)、Flash Video(.flv)、MPEG4(.mp4)、Matroska(.mkv)
toplchx·2013-07-03 11:00

HTML5学习笔记(四)-Geolocation API

一、位置信息1、数据位置信息由经度、纬度坐标和一些其他元数据组成。纬度：距离赤道以北或以南的数值。比如：39.17222经度：距离英国格林威治以东或以西的数值。比如：-120.13778经纬度可以以十进制表示，也可以以DMS（角度）格式表示。HTML5GeolocationAPI的坐标格式是十进制格式。除经纬度外，HTML5Geolocation还提供坐标的准确度。依据浏览器所在的硬件设备，还可能
toplchx·2013-07-03 11:00

HTML5学习笔记(一)-概述

最近在看《html5程序设计(第2版)》，在此做一些学习笔记。 书中的示例代码可以在http://www.apress.com/9781430238645 的“Source Code/Downloads”中下载   (一)HTML5的新功能 1、新的DOCTYPE和字符集 旧： <!DOCTYPE HTML PUBLIC "-//W3C//DTD H
toplchx·2013-07-03 11:00

HTML5学习笔记(二)-Canvas、SVG

Canvas与SVG(Scalable Vector Graphics)的区别： Canvas是一个位图画布，其上绘制的图形不可缩放；SVG是矢量图可以放大缩小。 Canvas绘制出的对象不属于页面DOM结构或者任何命名空间；SVG支持单机检测（能检测鼠标单机了图像上哪个对象） Canvas不需要存储图像中的对象所以性能非常好。 一、Canvas 1、元素：<canv
toplchx·2013-07-03 11:00

HTML5学习笔记(二)-Canvas、SVG

Canvas与SVG(Scalable Vector Graphics)的区别： Canvas是一个位图画布，其上绘制的图形不可缩放；SVG是矢量图可以放大缩小。 Canvas绘制出的对象不属于页面DOM结构或者任何命名空间；SVG支持单机检测（能检测鼠标单机了图像上哪个对象） Canvas不需要存储图像中的对象所以性能非常好。 一、Canvas 1、元素：<canv
toplchx·2013-07-03 11:00

HTML5学习笔记(一)-概述

最近在看《html5程序设计(第2版)》，在此做一些学习笔记。 书中的示例代码可以在http://www.apress.com/9781430238645 的“Source Code/Downloads”中下载   (一)HTML5的新功能 1、新的DOCTYPE和字符集 旧： <!DOCTYPE HTML PUBLIC "-//W3C//DTD H
toplchx·2013-07-03 11:00

HTML5学习笔记(一)-概述

最近在看《html5程序设计(第2版)》，在此做一些学习笔记。 书中的示例代码可以在http://www.apress.com/9781430238645 的“Source Code/Downloads”中下载   (一)HTML5的新功能 1、新的DOCTYPE和字符集 旧： <!DOCTYPE HTML PUBLIC "-//W3C//DTD H
toplchx·2013-07-03 11:00

HTML5学习笔记(二)-Canvas、SVG

Canvas与SVG(Scalable Vector Graphics)的区别： Canvas是一个位图画布，其上绘制的图形不可缩放；SVG是矢量图可以放大缩小。 Canvas绘制出的对象不属于页面DOM结构或者任何命名空间；SVG支持单机检测（能检测鼠标单机了图像上哪个对象） Canvas不需要存储图像中的对象所以性能非常好。 一、Canvas 1、元素：<canv
toplchx·2013-07-03 11:00

html5学习笔记---05.JavaScript 中的面向对象,继承和封装

05.JavaScript中的面向对象a.创梦技术qq交流群：CreDream：251572072a.JavaScript是一种基于对象的语言 类:JavaScript对象很抽象，所以下面将以实际的例子来解释如何定义一个简单的类。以下    是一个没有任何属性和方法的类的定义：    functionMyClass(){};    如何使用这个类呢？看下面的代码：    varcls1=newMy
lidew521·2013-06-11 14:00

html5学习笔记---03.　Canvas简介,Canvas的使用方法

2013/6/1003.Canvas简介a.创梦技术qq交流群：CreDream：251572072-------------------------a.Canvas元素是HTML5的新元素之一，用于在网页上绘制图形，相当于在HTML中嵌 入了一张画布，这样就可以直接在HTML上进行图形操作了，所以它具有极大的应用价值。 Canvas元素本身是没有绘图能力的，它需要借助JavaScript来实现绘
lidew521·2013-06-11 14:00

html5学习笔记---01.HTML5介绍,02.HTML5的新特性

2013/6/1001.HTML5介绍a.创梦技术qq交流群：CreDream：251572072--------------------a.创梦技术qq交流群：CreDream：251572072 HTML是HyperTextMarkupLanguage的简称，它是一种用于描述网页文档的标记语言， 而HTML5则是这种标记语言的新标准。------------------------------
lidew521·2013-06-10 18:00

HTML5学习笔记二

主体结构元素：section、article、nav、aside【注】内容区块：是指将页面按逻辑进行分割的单位。例如对于书籍来说，章、节都可以成为内容区块；对于博客来说，导航菜单，文章正文，文章评论等每一个部分都可以称为内容区块。article：可独自被外部引用的内容，可以是一篇博文，或报刊中的文章、一片论坛帖子。ViewCode 苹果 发表日期: 2010/10/09 苹果，植物类水果，多次花
dyllove98·2013-05-26 16:00

经典博文收集

 [01]汤姆大叔系列博文[01]大叔手记全集[02]Knockout应用开发指南[03]微软ASP.NET站点部署指南[04]HTML5学习笔记简明版[05]大叔翻译博文索引[06]深入理解JavaScript
luqin1988·2013-04-15 14:00

HTML5学习笔记---Html5简单理解,发展情况...

HTML5是HTML下一个主要的修订版本，现在仍处于发展阶段。目标是取代1999年所制定的HTML4.01和XHTML1.0标准，以期能在互联网应用迅速发展的时候，使网络标准达到符合当代的网络需求。广义论及HTML5时，实际指的是包括HTML、CSS和JavaScript在内的一套技术组合。它希望能够减少浏览器对于需要插件的丰富性网络应用服务（plug-in-basedrichinternetap
lidew521·2013-03-16 11:00

HTML5学习笔记

这两天看了下《html5揭秘》，把这两天看的内容总结下：   1.检测浏览器是否支持html5特性 modernizr是一个基于MIT许可证发布的开源JavaScript类库，http://modernizr.com/download/   2.canvas html的绘图api感觉和java的差不多   3.地理位置 Chrome浏览器需要把htm
lanhuidong·2012-10-01 11:00

HTML5学习笔记简明版 目录索引

HTML5学习笔记简明版（1）：HTML5介绍与语法 HTML5学习笔记简明版（2）：新元素之section,article,aside HTML5学习笔记简明版（3）：新元素之hgroup,header
lk557·2012-09-09 17:00

HTML5学习笔记简明版 目录索引

HTML5学习笔记简明版（1）：HTML5介绍与语法 HTML5学习笔记简明版（2）：新元素之section,article,aside HTML5学习笔记简明版（3）：新元素之hgroup,header
lk557·2012-09-09 17:00

html5学习笔记四

新的form属性： ?autocomplete ?novalidate 新的input属性： ?autocomplete ?autofocus ?form ?formoverrides(formaction,formenctype,formmethod,formnovalidate,formtarget) ?height和width ?list ?min,max和step ?multiple ?p
retacn_yue·2012-09-04 10:00

html5学习笔记四

新的form 属性： ? autocomplete ? novalidate 新的input 属性： ? autocomplete ? autofocus ? form ? form overrides (formaction, formenctype, formmethod, formnovalidate, formtarget) ? height 和width ? list ? min, ma
岳振华·2012-09-04 10:00

html5学习笔记三

html5在客户端存贮数据   有两种方式：   1. localStorage没有时间限制的存储     示例代码如下：                 localStorage.lastname="yuezhenhua";          document.write(localStorage.lastname);            例如对用户访问页面的次数进行计数           
retacn_yue·2012-09-04 10:00

html5学习笔记三

html5 在客户端存贮数据 有两种方式： 1. localStorage 没有时间限制的存储 示例代码如下： <script type="text/javascript"> localStorage.lastname="yuezhenhua"; document.write(localStorage.lastname); <script&
岳振华·2012-09-04 10:00
上一页 1 2 3 4 5 6 下一页
按字母分类： ABCDEFGHIJKLMNOPQRSTUVWXYZ其他