【HTML5开发系列】HTML元素总结

【HTML5开发系列】meta元素详解

meta元素可以用来定义文档的各种元数据.他有很多种用法,一个HTML文档可以包含多个meta元素. meta元素在HTML5中的变化 charset属性是HTML5中新增的.在HTML4中,http-equiv属性可以有任意多个不同值.而在HTML5中则有限制.此外,现在已不再使用meta元素来指定网页所用的语言. meta元素用法 1.name和content属性 name属性用来表示元数据的类型,content属性用来提供值. meta元素可以使用几种预定义元数据类型.如下: applic…

【HTML5开发系列】HTML元素总结

HTML元素汇总,包含HTML4元素和HTML5新增元素.Y表示有变化,N则表示没有变化,N/A表示未知文档和元数据元素包括说明HTML文档的结构,向浏览器说明文档的情况,定义脚本程序和css样式,提供浏览器禁用脚本时要显示的内容文本元素文本元素用来为内容提供基本的结构和含义内容分组元素划分内容元素用于划分内容,让每个概念.观点或主题彼此隔开. 制表元素用于制作显示数据的表格表单元素创建HTML表单,一遍获取用户输入的数据嵌入内容元素未实现的元素…

【HTML5开发系列】表单元素

<form> 创建一个HTML表单属性: action 表示提交表单时浏览器应该把用户填写的数据发送到什么地方 method 用来指定表单数据发送到服务器的方式.允许值有get和post两个 enctype 用来指定浏览器发送给服务器的数据编码方式.该属性可用值有三个值说明 application/x-www-form-urlencoded 这是默认编码方式.它不能用来将文件上传到服务器 multipart/form-data 该编码方式用于将文件上传到服务器 text/plain 该编…

【HTML5开发系列】DOM及其相关

对象模型(Document Object Model,简称DOM),是W3C组织推荐的处理可扩展标志语言的标准编程接口.DOM把Javascript和HTML文档的结构和内容连接起来,通过DOM可以控制HTML的行为.DOM是一个树状结构,如下图所示. DOM Level和兼容性问题 DOM Level (即DOM等级)是W3C标准化过程中的版本号,在大多数情况下可以忽略他们. DOM0级(DOM Level 0) 实际上DOM0级标准是不存在的.所谓DOM0级只是DOM历史坐标中的一个参…

【HTML5开发系列】CSS3

选择器属性背景和边框盒模型布局文本动画其他…

读书笔记：《HTML5开发手册》--HTML5新的结构元素

读书笔记:<HTML5开发手册> (HTML5 Developer's CookBook) 虽然从事前端开发已有很长一段时间,对HTML5标签也有使用,但在语义化上面理解还不够清晰.之前在图书馆看到HTML5这类书基本就是略过,想想无非就是介绍一些标签,给一些初学者看,但看了本书之后深受启发,拿来分享,也希望大家多提意见. 一.HTML5中新的结构元素 1. HTML5初始文件 1.1.doctype 在之前,doctype的声明是这样的: <!DOCTYPE HTML PUBLIC &…

读书笔记：《HTML5开发手册》--现有元素的变化

读书笔记:<HTML5开发手册>-- 现存元素的变化继续学习HTML5语义化的内容,今天主要介绍一下,HTML5之前的元素经HTML5规范后的语义及一些使用示例. 一.cite HTML5对cite元素的定义进行了很大的修改,在HTML4中,cite元素允许开发人员显示引用内容的作者或发言人. <cite>恺撒大帝</cite>曾经说过, <q>来,信,砍.</q> 然而,HTML5中的cite用来显示某个作品(书籍.诗歌)的标题.HTML5规…

HTML5游戏开发系列教程5(译)

原文地址:http://www.script-tutorials.com/html5-game-development-lesson-5/ 最终我决定准备下一篇游戏开发系列的文章,我们将继续使用canvas来进行HTML5游戏开发系列的文章.今天我准备音乐的例子(有点儿像音乐合成器),它用到了使用CSS3来制作的基于DOM的对话框.为什么我使用独立的对话框--简单,最主要是因为CSS有很多处理标准元素的文本和样式的方法,且它可以使JS的代码简单,同时能提升例子程序的速度.所以你可以对这些对话框应…

HTML5游戏开发系列教程4(译)

原文地址:http://www.script-tutorials.com/html5-game-development-lesson-4/ 这篇文章是我们继续使用canvas来进行HTML5游戏开发系列的文章,我们要学习下一个元素:精灵动画和基本的声音处理.在我们这个示例中,你将看见一直正在飞的龙,我们能一直听见它翅膀扇动的声音,当鼠标释放事件发生时还有龙咆哮的声音.最后我们将教会龙移动到鼠标按下处. 前一篇的的介绍在HTML5游戏开发系列教程3(译). 第一步:HTML index.html…

读书笔记：《HTML5开发手册》-- 现存元素的变化

继续学习HTML5语义化的内容,今天主要介绍一下,HTML5之前的元素经HTML5规范后的语义及一些使用示例. 一.cite HTML5对cite元素的定义进行了很大的修改,在HTML4中,cite元素允许开发人员显示引用内容的作者或发言人. <cite>恺撒大帝</cite>曾经说过, <q>来,信,砍.</q> 然而,HTML5中的cite用来显示某个作品(书籍.诗歌)的标题.HTML5规范中还着重强调:人名并非作品标题的一部分.因此,可以用下面的代码:…

HTML5游戏开发系列教程10(译)

原文地址:http://www.script-tutorials.com/html5-game-development-lesson-10/ 最后我们将继续使用canvas来进行HTML5游戏开发系列的文章.今天我准备了一个新游戏--SkyWalker.这游戏基本上算是一个射击模拟类型的游戏(有飞机和敌人).我们的目标是到达终点线.该游戏有几个关键的特征:使用了精灵来处理飞机和爆炸,可以按下多个按键(比如你可以移动飞机的同时发射子弹),a certain level length,增强的碰撞检测…

HTML5游戏开发系列教程9(译)

原文地址:http://www.script-tutorials.com/html5-game-development-lesson-9/ 今天我们将继续使用canvas来进行HTML5游戏开发系列的文章.这次我准备了一个新游戏,是基于第4篇的游戏,但是增加了火球,敌人和碰撞检测.故,我们的龙可以发射火球来杀死敌人,并且记录分数.这样该游戏就有更多的交互性. 之前的翻译文章可以点击这里:http://www.cnblogs.com/pigzhu/p/3234255.html 第一步:HTML 首…

HTML5游戏开发系列教程8(译)

原文地址:http://www.script-tutorials.com/html5-game-development-lesson-8/ 这是我们最新一篇HTML5游戏开发系列文章.我们将继续使用canvas来进行HTML5游戏开发系列的文章.这次我将展示在你的项目中,如何使用Box2D的创建物体.Box2D是一个非常流行的开源物理引擎对于那些需要模拟2D物体的应用来说.在游戏开发中,2D物理引擎是个非常热门的话题.有了物理引擎的帮助,再设定环境和简单的规则,我们可以很容易的创建好玩的游戏.…

HTML5游戏开发系列教程7(译)

原文地址:http://www.script-tutorials.com/html5-game-development-lesson-7/ 今天我们将完成我们第一个完整的游戏--打砖块.这次教程中,将展示怎样进行基本的碰撞检测和使用HTML5的本地存储.你可以使用鼠标和键盘来操作挡板,上一次游戏的持续时间和分数将会保存. 前一篇的的介绍在HTML5游戏开发系列教程6(译). 第一步:HTML <!DOCTYPE html> <html lang="en"> &l…

HTML5游戏开发系列教程6(译)

原文地址:http://www.script-tutorials.com/html5-game-development-lesson-6/ 这是我们最新一篇HTML5游戏开发系列文章.我们将继续使用canvas来进行HTML5游戏开发系列的文章.这次是个完整的游戏例子,再现一款经典的电脑游戏--坦克大战.我将教你们使用交替的数组地图(alternative array-maps),同时将说明如何检测活动对象(坦克)和周围环境之间的碰撞. 前一篇的的介绍在HTML5游戏开发系列教程5(译). 第一…

使用 jQuery Mobile 与 HTML5 开发 Web App 系列文章目录

使用 jQuery Mobile 与 HTML5 开发 Web App 系列文章目录时间:2012年9月20日分类:JavaScript 标签:HTML5‚ jQuery Mobile‚ Web App “使用 jQuery Mobile 与 HTML5 开发 Web App”系列文章的数目累积起来也比较多了,为方便大家浏览, Kayo 把这些文章整理成一个目录,收录那些已经写好的文章并会继续更新. 该系列的文章实质上分成四个部分,分别是总体概况.jQuery Mobile 组件.jQue…

【HTML5 3】《html5 开发精要与实例讲解》 step2 -- 结构元素 (待续)

主要内容:通过一个博客网站和一个企业网站的制作展示如何运用HTML5中的各种结构元素,构建出一个语义清晰,结构分明的Web3.0时代的网站. 案例1:用HTML5中的结构元素构建一个博客网站疑问:结构元素的作用?使用场合?使用方法? 主要内容:1.HTML5的网页结构与HTML4的网页结构的区别. 2.HTML5中添加了哪些结构元素,这些结构元素的作用和使用场合是什么. 3.HTML5的网页大纲是什么,这些结构元素会在网页大纲生成的过程中起到什么作用,一份网页大纲是根据什么原则生成的.…

html5文章 -- 使用 jQuery Mobile 与 HTML5 开发 Web App —— jQuery Mobile 基础

这篇文章是使用 jQuery Mobile 与 HTML5 开发 Web App 系列的第二篇,在本文以及接下来的数篇文章 Kayo 将会介绍 jQuery Mobile 的组件.事件响应以及可以调用的方法,而作为该系列的第一篇文章,Kayo 将会先介绍 jQuery Mobile 的基本情况和一些基础的实例. 一.jQuery Mobile 的渐进增强设计与浏览器支持在上一篇文章中, Kayo 简单介绍了渐进增强设计的概念,可以参考文中的第四点内容.而 jQuery Mobile 虽然是一些…

[转]使用 jQuery Mobile 与 HTML5 开发 Web App —— jQuery Mobile 事件详解

在前文<使用 jQuery Mobile 与 HTML5 开发 Web App —— jQuery Mobile 默认配置与事件基础>中,Kayo 对 jQuery Mobile 事件的基础作出了一些说明,建议在阅读本文前首先阅读前文,这里 Kayo 再引用前文的重要内容. “jQuery Mobile 在基于本地事件上,创建了一系列的自定义事件,大部分事件是基于触摸设备的使用情况开发的,当然这些事件对于桌面环境也会有适当的处理,开发者可以使用 bind() 函数绑定到需要的页面对象中. 值得…

[js高手之路] html5 canvas系列教程 - 图片操作(drawImage,clip,createPattern)

接着上文[js高手之路] html5 canvas系列教程 - 文本样式(strokeText,fillText,measureText,textAlign,textBaseline)继续,本文介绍的内容是canvas开发,特别是游戏中,比较常用的内容:图片处理.在游戏中的资源大多数都是加载图片. 一.canvas怎么加载图片? canvas提供3种图片加载的API调用方式. drawImage( image, dx, dy ) drawImage( image, dx, dy, dw, dh…

读书笔记：《HTML5开发手册》--figure、time、details、mark

这是补充HTML5基础知识的系列内容,其他为: 一.HTML5-- 新的结构元素二.HTML5-- figure.time.details.mark 三.HTML5-- details活学活用四.HTML5-- 现存元素的变化五.HTML5 -- Web表单周日继续读<HTML5开发手册>,并进行Demo练习,今天主要学习四个HTML5新增的元素:figure.time.details.mark. 不学不知道,原来这些平时不注意的元素都有着很大的功能.好了,下面开始吧. 一.figur…

【微信小程序开发•系列文章六】生命周期和路由

这篇文章理论的知识比较多一些,都是个人观点,描述有失妥当的地方希望读者指出. [微信小程序开发•系列文章一]入门 [微信小程序开发•系列文章二]视图层 [微信小程序开发•系列文章三]数据层 [微信小程序开发•系列文章四]模块化 [微信小程序开发•系列文章五]主界面 [微信小程序开发•系列文章六]生命周期和路由整个微信小程序从打开到关闭,整个过程可以分为很多阶段或者说状态,这一整段的过程,我们称之为小程序的生命周期.而周期中的每种不同的状态,到另一个状态的过度和转化,是需要一个触发机制的,这种机…

iOS开发系列--App扩展开发

概述从iOS 8 开始Apple引入了扩展(Extension)用于增强系统应用服务和应用之间的交互.它的出现让自定义键盘.系统分享集成等这些依靠系统服务的开发变成了可能.WWDC 2016上众多更新也都是围绕扩展这一主题来进行了的,例如开发的Siri.iMessage Apps其实都是依靠扩展来工作的.在最新的Xcode 8 beta中也增加了众多的Extension 模板帮助开发者更快的实现不同类型的扩展.因此今天有必要介绍一下扩展相关的开发内容. 扩展的生命周期 iOS对于扩展的支持已经…

iOS开发系列--Swift进阶

概述上一篇文章<iOS开发系列--Swift语言>中对Swift的语法特点以及它和C.ObjC等其他语言的用法区别进行了介绍.当然,这只是Swift的入门基础,但是仅仅了解这些对于使用Swift进行iOS开发还是不够的.在这篇文章中将继续介绍一些Swift开发中一些不常关注但是又必备的知识点,以便对Swift有进一步的了解. 访问控制 Swift命名空间 Swift和ObjC互相调用 Swift和ObjC映射关系 Swift调用ObjC ObjC调用Swift 扩展-Swift调用C 反射…

iOS开发系列--网络开发

概览大部分应用程序都或多或少会牵扯到网络开发,例如说新浪微博.微信等,这些应用本身可能采用iOS开发,但是所有的数据支撑都是基于后台网络服务器的.如今,网络编程越来越普遍,孤立的应用通常是没有生命力的.今天就会给大家介绍这部分内容: Web请求和响应使用代理方法简化请求方法图片缓存扩展--文件分段下载扩展--文件上传 NSURLSession 数据请求文件上传文件下载会话 UIWebView 浏览器实现 UIWebView与页面交互网络状态 Web请求和响应使用代理方法做…

Win10 UWP开发系列：使用VS2015 Update2+ionic开发第一个Cordova App

安装VS2015 Update2的过程是非常曲折的.还好经过不懈的努力,终于折腾成功了. 如果开发Cordova项目的话,推荐大家用一下ionic这个框架,效果还不错.对于Cordova.PhoneGap.ionic.AngularJS这些框架或库的关系,我个人理解是这样,PhoneGap是一个商业项目,用来实现HTML5式的跨平台开发,后来Adobe公司将其中的核心代码开源,就是Cordova,Cordova只负责实现JavaScript调用原生代码的功能,是一个壳,而壳里具体用什么样式,在H…