HTML5博客_原创博文第160页

HTML5 history新特性pushState、replaceState

从HTML5开始，我们可以开始操作这个历史记录堆栈。 DOM中的window对象通过window.history方法提供了对浏览器历史记录的读取，让你可以在用户的访问记录中前进和后退。1.History使用back(),forward(),和go()方法可以在用户的历史记录中前进和后退前进和后退后退：window.history.back();这个方法会像用户点击了浏览器工具栏上的返回键

java

history

html5

原创精选

a7272706

2016-04-07 19:13:27

1239阅读

Html5之高级-13 Web存储API (两个存储系统、sessionStorage、localStorage)

一、两个存储系统两个存储系统 - 万维网最初的设想，是作为展示信息的一种方式。信息处理是后来才出现的，但是Web的实质并没有变---信息在服务器上处理，然后显示给用户。因为系统没有利用计算机资源，所以复杂操作都是在服务器上完成的 - 对于任何程序来说，能够实现数据存储是必备功能之一，并且在需要的时候能够提供数据。但在过去的We

服务器

计算机

cookie

原创

jason_teach

2016-03-30 20:45:35

693阅读

Html5之高级-12 Web Workers(概述、 API)

一、Web Workers 概述Web Workers 简介 - Web Workers 是运行在后台的 JavaScript - 充分利用多核 CPU 的优势 - 对多线程

浏览器

通信

检测

原创

jason_teach

2016-03-30 19:41:48

732阅读

Html5之高级-11 拖放API (拖放事件、dataTransfer对象、setDragImage方法)

一、拖放APIWEB 拖放 - 在桌面应用程序上，可以将元素从一个位置拖放到另一个位置，但在Web上，开发者没有一种能够实现这种操作的标准技术，从而在Web上去实现这个功能并不太容易 - 在 HTML5 标准中引入了拖放API,从而使我们有可能开发出于桌面应用程序完全相同的 Web应用程序源元素事件 &n

HTML

应用程序

开发者

原创

jason_teach

2016-03-30 19:09:02

3264阅读

Html5之高级-10 Geolocation(Geolocation、百度地图API)

一、GeolocationGeolocation API 介绍 - Geolocation API 用于将用户当前地理位置信息共享给信任的站点 - Geolocation API 位于 navigator 对象中，只有3个方法 - getCur

message

经纬度

百度地图

原创

jason_teach

2016-03-30 16:51:08

3195阅读

Html5之高级-9 HTML5 Two.js(概述、入门)

一、Two.js 概述Two.js 简介 - Two.js 是一个面向现代 Web 浏览器提供绘制二维图形的 API ，它允许使用不同的上下文，而使用相同的 API 进行绘制 - Two.js 所支持的上下文: - SVG&

浏览器

解释器

上下文

原创

jason_teach

2016-03-30 16:12:01

2108阅读

Html5之高级-8 HTML5 SVG(概述、元素)

一、SVG 概述SVG 概念 - SVG (Scalable Vector Graphics) 是一种使用XML技术描述二维图形的语言 - SVG 可以使用三种方式描述二维图形 - 矢量图 (vector graphic shapes

Vector

应用程序

处理器

原创

jason_teach

2016-03-30 14:10:07

1056阅读

Html5之高级-7 HTML5 Chart.js(概述、入门、使用)

一、Chart.js 概述Chart.js 简介 - Chart.js 是一个简单、面向对象、为设计者和开发者准备的图表绘制工具库 - 官方地址: http://www.chartjs.org/ Chart.js 特点 - 基于 HTML 5 &nbsp

浏览器

开发者

曲线图

原创

jason_teach

2016-03-30 11:45:34

2109阅读

Html5之高级-6 HTML5 Canvas绘图(Canvas概述、Canvas绘图、处理 Canvas 中的图像)

一、Canvas 概述Canvas概述 - Canvas 是 HTML5 出现的新标签，像所有DOM一样，拥有自己的属性、方法和事件，其中就会绘图的方法，JavaScript 能够调用它在网页上完成绘图 - Canvas 也是 HTML5 中最强大的特性之一。允许开发者使用动态和交互式可视化方法在Web上实现桌面应用程序的功能

标签

应用程序

开发者

原创

jason_teach

2016-03-29 17:13:09

2400阅读

Html5之高级-5 HTML5音频处理(在H5中播放音频、编程实现音频播放器)

一、在HTML5中播放音频audio 元素 - audio元素可以实现在HTML页面中嵌入音频内容，该元素的属性可以设置是否自动播放、预加载及循环播放等 - audio元素提供了播放、暂停和音量控件来控制音频 - 使用audio元素提供三种音频格式的文件:MP3、Ogg、Wav&n

视频

浏览器

播放器

原创

jason_teach

2016-03-29 15:37:48

4737阅读

Html5之高级-4 HTML5视频处理(H5中播放视频、编程实现视频播放器)

一、在 HTML5 中播放视频在 HTML5 中播放视频 - HTML5 中提到最多的是视频处理，视频也是互联网中的重要应用。在HTML5中，增加了一个元素，以便在HTML文档中插入和播放视频，这个元素就是video元素 - video元素提供了播放、暂停和音量控件来控制视频，也提供了width和height属性控制

视频

浏览器

播放器

原创

jason_teach

2016-03-29 15:22:33

10000+阅读

Html5之高级-3 HTML5表单验证(验证属性、验证状态)

一、验证属性Required 属性 - Required 属性主要防止域为空时提交表单。该属性不需要设置任何值 - 语法:Pattern 属性 - Pattern 属性的作用是实现元素的验证。它支持使用正则表达式定制验证规则 - 语法:Min 和

表达式

如何

HTML5

原创

jason_teach

2016-03-29 13:38:34

2550阅读

1点赞

Html5之高级-2 HTML5表单属性(属性介绍、属性详解)

一、属性介绍属性介绍 - 有一些输入类型要求使用特定的属性才能显示效果，如前面提到过min,max,step. 其他输入类型需要使用一些属性来改进其他性能，或者决定验证过程的重要性。HTML5 标准中再原来的基础上增加了一些新的属性。 - Placeholder 属性

email

单词

file

原创

jason_teach

2016-03-29 11:42:14

715阅读

Html5之高级-1 HTML5表单元素(表单简介、input类型、新表单元素)

一、表单简介表单元素简介 - 无论是实现功能还是展示页面元素，表单在HTML中都有不可能替代的作用 - 在其他版本的HTML中，表单包含的元素非常有限，并且属性也不多，尤其是在数据交互过程中数据的验证需要编写大量的JavaScript代码 - 上述的不足，都已经在HTML5中被客服了。HTML5在以上

浏览器

文本框

关键字

原创

jason_teach

2016-03-29 11:07:43

907阅读

Html5之基础-9 HTML表单、其他控件、其他常用标记

一、表单概述表单的作用（1）表单用于显示、收集信息，并提交信息到服务器（2）表单有两个基本部分 - 实现数据交互的可见的界面元素，比如文本框或按钮 - 提交后的表单处理（3）页面元素 - 使用 <form> 元素创建表单

服务器

文本框

method

原创

jason_teach

2016-03-19 15:37:54

1119阅读

Html5之基础-8 HTML结构标记

一、结构标记概述结构标记的作用（1）经常使用<div>元素设计页面的大致布局，如页头、导航栏、主要内容部分和页脚等 - 布局复杂时，会出现大量的 <div> 元素 - 元素相互形成嵌套，页面会难以处理和维护（2） HTML5 提供了结构标记，专门用于标识常见的结构&

图片

标签

HTML5

原创

jason_teach

2016-03-19 14:58:59

1870阅读

Html5之基础-7 HTML列表

一、列表的作用列表的作用（1）列表是指将具有相似特征或者具有先后顺序的几行文字进行对齐排列（2）所有的列表都是由列表类型和列表项组成 - 列表类型: 有序列表 <ol> 和无序列表

项目

元素

字母

原创

jason_teach

2016-03-19 14:22:25

966阅读

Html5之基础-6 HTML表格

一、表格的作用表格的作用（1）表格通常用来组织结构化的信息（2）表格是一些被称作单元格的矩形框按照从左到右，从上到下的顺序排列在一起而形成的（3）表格的数据保存在单元格里 - 显示表格数据 - 设置页面布局二、使用表格创建表格（1）定义表格 &

信息

center

border

原创

jason_teach

2016-03-19 14:03:08

1207阅读

Html5之基础-5 HTML图像、链接

一、URL目录结构（1）目录就是 Web 站点中文件夹的名称 - 包含多个目录 - 每个目录包含站点的不同部分（2） Web 站点的主目录，称为 Web 站点的根目录 - 位于根目录下的其他文件夹，称为子目录

网络

图片

文件夹

原创

jason_teach

2016-03-19 12:27:37

672阅读

【 H5EDU干货】零基础必看！人生不如意必看！留邮箱给源码

导演张艺谋在陕北拍电影时见到一个孩童，夕阳西下骑在牛背上悠闲地哼着陕北小调，就问：“娃，你在干啥？”孩童很悠闲地答：“我在放牛！”“为啥放牛？”“放牛挣钱！”“挣钱干嘛？”“挣钱娶媳妇！”“娶媳妇干嘛？”“娶媳妇生娃！”“生娃干嘛？”“生娃放牛！”八岁的小男孩就这样规划好了他的人生：放牛—挣钱—娶媳妇—生娃再放牛。我想！诸位同学来到这里一定不是想继续过着这种放牛—挣钱—娶媳妇—生娃再放牛的日子吧。

毕业生

张艺谋

前端

原创

胡耀文

2016-03-17 15:46:06

1023阅读

Html5之基础-4 HTML文本

一、HTML 文本标记概述文本标记的作用（1）文本是网页上的重要组成部分（2）直接书写的文本会用浏览器默认的样式显示（3）包含在标记中的文本则会被显示为标记所拥有的样式 - 特殊字符 - 注释 -

浏览器

网页

下划线

原创

jason_teach

2016-03-16 16:36:13

908阅读

Html5之基础-3 HTML概述、基础语法、文档结构

一、HTML 概述超文本（1） Web 是一个超文本文件的集合（2）超文本文件是 Web 的基本组成单元，也称为网页或 HTML 文档、Web页等，通常是以.html或.htm为后缀的文件（3） Web页上之间通过超文本中的超级链接组织在一起HTML 概述（1） HTML（HyperText Markup Language）：超文本标记语言

浏览器

网页

程序

原创

jason_teach

2016-03-16 15:49:57

642阅读

Html5之基础-2 HTML快速入门

一、HTML 概述超文本 - Web 是一个超文本文件的集合 - 超文本文件是 Web 的基本组成单元，也称为网页或 HTML 文档、Web页等，通常是以.html或.htm为后缀的文件 - Web页上之间通过超文本中的超级链接组织在一起HTML 概述 - HTML（HyperText Markup Language）：超文本标记语言，一种纯文本类型

浏览器

网页

程序

原创

jason_teach

2016-03-16 15:36:17

780阅读

简析hybird与原生开发局限性

经过众多开发者与成功案例证明Hybrid App兼具了Native App的良好用户体验的优势，也兼具了Web App使用HTML5跨平台开发低成本的优势

开发

原生

hybird

原创

jaywen1989

2016-03-14 14:48:45

845阅读

1点赞

HTML5（WeX5框架）开发概述

一、先了解什么是Hybrid App(混合模式移动应用)http://baike.so.com/doc/6731462-6945763.html 二、这里先来尝试学习下国内免费开源框架WeX5 1、先看看综合演示案例好了：http://www.wex5.com/portfolio-items/demo-wex5portal/ &nbsp

HTML5

WeX5

混合模式移动应用

Hybrid App

原创

艺晨光

2016-03-12 16:37:32

2053阅读

html5 localStorage(本地存储)

html5提供两种新的客户端存储数据的方法：localStorage和sessionStorage。localStorage 方法是长期保存，存储的数据没有时间限制。第二天、第二周或下一年之后，数据依然可用。而sessionStorage 方法是临时保存，针对一个 session 进行数据存储。当用户关闭浏览器窗口后，数据会被删除。这里主要讲解一下localstorage的用法。

html5

localStorage

本地存储

精选

smile_panda

2016-03-11 08:57:14

781阅读

初见html5

概念

html5

原创

lsl_lcy

2016-03-06 15:01:03

443阅读

Bootstap相关知识

.框架1.1全局样式使用 HTML5的 doctypescaffolding.less 中定义全局样式从2开始使用 normalize.css 并使用 reset.less 进行简化 1.2默认栅格系统 940px 宽12列栅格使用 row 与 span[NUM]的 class 来控制使用 offset[NUM]来控制偏移于 non-fluid 可以直接嵌套提供了四种响

知识

media

智能手机

HTML5

百分比

精选

guanzhizhi

2016-03-05 11:58:02

722阅读

html5开发之viewport使用

原文：http://www.php100.com/html/webkaifa/HTML5/2012/0831/10979.htmlviewport 语法介绍：  <meta name="viewport"

html5 viewport

精选

oyjjpp

2016-03-01 18:33:07

650阅读

HTML5替代div的元素

section页面中的一个内容区块和 h1,h2等元素结合起来使用 article页面中的一块与上下文不相关的独立内容，比如博客中的一篇文章 aside和article配合 header标签定义文档的页眉 hgroup标签用于对网页或区段（section）的标题进行组合 footer 页脚 nav导航链接 figure请使用元素为元素组添加标题

HTML

元素

原创

风雨萧条

2016-02-26 15:05:40

1675阅读