??原创文章，转载请注明出处：服务器非业余研究http://blog.csdn.net/erlib 作者Sunface联系邮箱：cto@188.com 虽然我从业服务器端开发多年，但是由于个人兴趣爱好，对于HTML5&CSS3关注研究许久，下面就陆续给大家添加一些自己收藏的干货： 1.http://html5up.net/ 一个非常棒的国外HTML5模版网站，Sunface倾情推荐！ 2.http://sc.chinaz.com/tag_moban/HTML5.html 这个网站虽然存量很多，但是质量层次不齐，可供...
HTML5学习：语义元素article一、定义<article> 标签定义外部的内容。外部内容可以是来自一篇文章，或者来自博客 的博文，或者是来自论坛的文章。二、用法格式和上篇的section元素一样：<h1></h1><p></p>，示例代码如下：<!DOCTYPE html> <html> <head> <meta http-equiv="Content-Type" content="text/html; charset=utf-8" /> </head> <body> <article> <h1>标题1</h1> <p>文章内容1</p...
之前为大家介绍了些许关于HTML5新添加的小东东，想必大家也有所了解了。今天为大家介绍HTML5中有关HTMLDocument方面新添加的内容。那么HTML5中有关HTMLDocument方面新添加的内容都有什么呢?HTML5中有关HTMLDocument方面新添加的内容有readyState属性、兼容模式判断和head属性。下面就为大家一一介绍这些新添加的小东东吧。 1、readyState属性 早在IE4时代的时候，document对象就引入了readyState属性了，但是一直都没有纳入标...
<form action="3.html">email:<input type="email" name="email" required="">网址<input type="url" required="">输入手机号码：<input type="tel" required=""><input type="number" required="" max="3" min="-3" step="1" ><input type="range" min="0" max="100" value="10" name="rr">time:<input type="time" required=""><br>date: <input type="date">week: <input type="week">month: <input type="month">localtime:...
清华大学出版社推出的《HTML5网页开发实例详解》是一本最全的HTML 5技术书，是一本最全的HTML 5案例书，由大众点评网资深前端工程师周遥和聚划算资深前端工程师李春城联袂奉献。所有的实例和框架在这里给读者做一个预览。 1、当前天气的APP 2、新闻阅读列表APP3、一个网站的用户增长曲线图 4、网页中的3D效果5、用Node.js搭建Web Server 6、销售数据图表7、带字幕的视频播放器 ...
html5开启了一个新时代，因为它让浏览器本身变得不那么被动，audio api就是一个典型的列子，在html5还没确定之前，如果想要在网页上听音乐看视频唯一的办法就是用flash意思是当你没有给浏览器装载Flash插件的话 那么音乐视频即是空谈，html5 audio的出现改变了这一格局，因为你可以不用Flash插件就可以听音乐看视频，当然这些能否实现还跟你用的浏览器有关。 1.html5 audio的语法以及属性和方法使用语法<audio src="song.mp3" con...
1、新增的主体元素结构 aside元素：用来表示当前页面或文章的附属信息部分，主要有两种使用方法： （1）被包含在article元素中作为主要内容的附属信息部分。<!DOCTYPE html> <head> <meta charset="utf-8" > <title>aside元素实例</title> </head><body> <header><h1>F#入门</h1> </header> <article><h1>第四节 词法闭包</h1><p>lambda表达式可以创建词法闭包...（文章正文）</p><aside><!--因为这个aside元素被放置在一个a...
在html5中可以使用canvas标签在画布上画图，先直接上代码，这篇文章先简单介绍一下canvas的使用方法，简单画几个圆，矩形，三角形，写字。在代码中均给出了注释，在这里特别强调的一点是：使用canvas画图时有时候必须beginPath和colsePath,但有时不需要，为了防止出现问题，可以在每次重新画一个图时重新开启路径，画完后关闭路径。这些代码是在猎豹浏览器上实现的，有些浏览器可能不支持。[html] view plaincopy <!DOCTYPE html> ...
js1k.com收集了小于1k的javascript小例子，里面有很多很炫很酷的游戏和特效，今年规则又增加了新花样，传统的classic类型基础上又增加了WebGL类型，以及允许增加到2K的++类型，多次想尝试提交个小游戏但总无法写出让自己满意还能控制在这么小的字节范围。自己写不出来，站在巨人肩膀总是有机会吧，想起《基于HTML5的电信网管3D机房监控应用》这篇提到的threejs，babylonjs和Hightopo的几种基于WebGL的3D引擎，突然想挑战下自己实现...
canvas介绍及使用方法一、canvas简介 ?<canvas> 是 html5 新增的，一个可以使用脚本(通常为 javascript) 在其中绘制图像的 html 元素。它可以用来制作照片集或者制作简单的动画，甚至可以进行实时视频处理和渲染。 ?它最初由苹果内部使用自己 macos x webkit 推出，供应用程序使用像仪表盘的构件和 safari 浏览器使用。后来，有人通过 gecko 内核的浏览器 (尤其是 mozilla和firefox)，opera 和 chrome 和超文本网络应用技术工作...
前言 随着浏览器的发展 HTML5+CSS3 的使用也越来越广泛，一直想学这个，想学那个折腾下来几乎没学到什么东西。工作经验告诉我，要掌握一门技术，就需要在项目中去磨练，所以我就准备开发一个手机端的BBS练练手，技术更新快，也要学的快，跟的上时代，才涨的了工资。 技术的选择jQuery Mobile Phone Gap 等都是比较成熟的框架为什么我不用这些框架呢？ 因为我考虑到底层的技术应用和练习 。我的选择是：Html5+css3+angularjs+j...
自己在“上海某985大学”待了四年，有蛮多的不舍。但是终究还是要离开。下面对这几年HTML5的使用做一个总结。总结是一种技术的沉淀。HTML5大家现在很火，它的标准已经出来。在标准还没有成型的时候，相信我们都已经开始使用HTML5的图表和研究HTML5的游戏引擎了。HTML5跨平台和轻量级，这是本人最喜欢的一点。虽然期间也考虑过Mono.大二（2009年）就开始使用HTML4.0,哪个时候为“页面动画效果、浏览器的兼容性、分辨率的设置”吐了多...
HTML5 视频和音频的 DOM 参考手册HTML5 DOM 为 <audio> 和 <video> 元素提供了方法、属性和事件。这些方法、属性和事件允许您使用 JavaScript 来操作 <audio> 和 <video> 元素。HTML5 Audio/Video 方法方法描述addTextTrack()向音频/视频添加新的文本轨道canPlayType()检测浏览器是否能播放指定的音频/视频类型load()重新加载音频/视频元素play()开始播放音频/视频pause()暂停当前播放的音频/视频HTML5 Audio/Video 属性属性描述au...
DocumentHTML4文档声明 : <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">HTML5文档声明 :<!DOCTYPE html>HTML4 meta : <meta http-equiv="Content-type" content: text/html" charset="UTF-8">HTML5 meta :<meta charset="UTF-8">HTML5 新增元素<header> 元素：header元素表示页面中的一个内容区块或者整个页面的标题。<nav> 元素：nav元素表示页面中的导航链接部分。<...
HTML5 留给我印象最深的之一就是 Video 标签了，毕竟之前在被 Flash 统治下确实非常难受，现在使用 HTML5 播放器别提多爽了。 但是，我对视频这块了解真的并不是很深，于是稍微研究了下。预备知识最近几年 HTML5 这个词越来越流行，但是别以为 HTML5 最近几年才开始出现，引用 WIKI 上的话：HTML 5 草案的前身名为 Web Applications 1.0，是在 2004 年由网页超文本技术工作小组（WHATWG）提出. 再于 2007 年获 W3C 接纳，并成立了新...