HTML5（超文本标志语言）
直到2014年才定制完标准，所以编程相对自由。由于
HTML5开发可以适用于各个平台，利用HTML5编写的UI界面能运行在所有拥有浏览器的平台。 但是他本身存在一些 局限性， 不可以实现拍照与第三方框架集成的功能，现阶段并没有迅速普及，但是HTML5可能是未来的一个趋势，以下是HTML5的一些相关介绍。
现在在使用HTML5进行编程基本会使用一些框架 ，进行界面的实现
使用现成的HTML5框架
sencha-touch
phoneGap
jQuery mobile
bootStrap
主流技术:HTML5+CSS3
HTML5亮点: Canvas HTML5音视频 Web存储 Geolocation Workers多线程处理
CSS3亮点：设计动画，2D变形 新特性
1.HTML：网页的结构
2.CSS：网页的样式
3.JavaScript:网页的交互，对鼠标的点击事件做出响应
HTML 的常见标签
标题：h1 h2 h3 h4 h5 h6...
段落：p
换行：br
容器：div span (用来容纳其他标签)
表格：table tr td
列表：ul ol li
图片：img
表单；input 输入框
链接：a
HTML5新增了27个标签元素,废弃了16个标签元素,主要包括结构性标签、级块性标签、行内语义性标签、交互性标签
1.结构性标签
负责Web上下文结构的定义，确保HTML文档，包括：
article 文章主体内容(一篇博客、一篇论坛帖子、一段用户评论、插件)
header 标记头部区域内容
footer 标记脚部区域内容
section 区域章节表述
nav 菜单导航,链接导航
2.块级性标签
完成Web页面区域的划分确保内容的有效分割
aside 注记 摘要 侧栏 贴士 插入的引用作为补充主体的内容
figure 对多个元素组合并展示的元素,常与figcaption联合使用
code 表示一段代码块
dialog 人与人之间对话,包含dt和dd两个组合元素（dt用于表示说话者、dd用于表示说话者的内容）
3.行内语义性标签
完成Web页面具体内容的引用和表述，丰富展示内容，包括：
meter 特定范围内的数值，如工资、数量、百分比
time 时间值
progress 进度条，可用max、min、step进行控制，完成对进度的表示和监听
video 视频元素，用于视频播放，支持缓冲预载和多种视频媒体格式
audio 音频元素，用于音频播放，支持缓冲预载和多种音频媒体格式
4.交互性标签
功能性内容的表达，有一定的内容和数据的关联，是各种事件的基础，包括：
details 表示一段具体的内容，默认不显示，通过某种方式（单击）与legend交互才会显示
datagrid 控制客户端数据与显示，可用于动态脚本及时更新
menu 用于交互菜单
command 用来处理命令按钮
CSS层叠样式表
他是用来控制HTML标签的样式，美化网页
CSS的编写格式是键值对形式的，比如
color:red;
background-color:blue;
font-size:20px;
冒号:左边的是属性名，冒号:右边的属性值
CSS有3种书写形式
行内样式：（内联样式）直接在标签的style属性中书写
<body style="color:red;">
页内样式：在本网页的style标签中书写
<style>
body {
color:red;
}
</style>
外部样式：在单独的CSS文件中书写，然后在网页中用link标签引用
<link rel="stylesheet" href="index.css">
CSS选择器
1.标签选择器：根据标签名找到标签
<div>div1</div>
div{
color:red;
}
2.类选择器： 根据类名选择
<p class = "high">第一段文字</p>
.high {
color = @"red";
}
3.id选择器
<p id= "first">我是id选择器</p>
#first{
color = "red";
}
4.并列选择器
<div class = “high”>我是红色</div>
div, .high{
color:red
}
凡是是容器的文字为红色 有high的为红色 二者皆有的也为红色
5.复合选择器
<div class = "yes">div</div>
div.yes {
color:red;
}
是容器必须也是yes类的文字才显示为红色
6.后代选择器
<div>
<p>div里面的段落</p> //显示红色
<span>
<p>div里span里面的段落</p> //显示红色
</span>
</div>
<p>外面的p</p> // 不为红色
div.p{
color:red;
}
7.直接后代选择器
<div>
<p>div里面的段落</p> //显示红色
<span>
<p>div里span里面的段落</p> //不显示红色
</span>
</div>
<p>外面的p</p> // 不为红色
div >p{
color:red;
}
8.相邻兄弟选择器
<div>
<p>div里面的段落</p> //不显示红色
<span>
<p>div里span里面的段落</p> //不显示红色
</span>
</div>
<p>外面的p</p> // 红色
<p>外面的相邻的兄弟p</p> // 不为红色
div + p{
color:red;
}
9.属性选择器
1.<div name = "cjoe"> 属性选择器</div> //red
<div name = "cj"> 属性选择器</div> //red
div[ name] {
color:red;
}
2.<div name = "cjoe"> 属性选择器</div> //red
<div name = "cj"> 属性选择器</div>
div[ name = "cjoe"] {
color:red;
}
CSS 伪类
：focus 向拥有键盘输入焦点的的元素添加样式
：hover向鼠标停留在元素上方的时候添加样式
：active 向被激活的元素添加样式
：link 向被访问的链接添加样式
：first-child向被访问的第一个子元素添加样式
：lang 向带有指定lang元素添加样式
CSS伪元素
：before在元素之前添加内容
HTML5 学习网站
http://html5test.com/
http://www.w3school.com.cn/
http://ask.dcloud.net.cn/docs/#http://ask.dcloud.net.cn/article/129
开发工具
1> Android
eclipse、MyEclipse、androidstudio
2> iOS
Xcode
3>HTML5
eclipse、MyEclipse
后端喜爱
Dreamweaver
网⻚三剑客 Dreamwaver、Flash、Fireworks -> Adobe
WebStrom
前端喜爱,⼤神编辑器,默认集成各种各样的插件,配⾊完美
##ps:在使用mac版本的web storm时候，如果使用的是试用版，那么这里有个注册码：
User or company Name:
EMBRACE
===== LICENSE KEY=====
24718-12042010
00001h6wzKLpfo3gmjJ8xoTPw5mQvY
YA8vwka9tH!vibaUKS4FIDIkUfy!!f
3C"rQCIRbShpSlDcFT1xmJi5h0yQS6
===== LICENSE END =====
在填写完成之后。选择accept 啥啥啥哪里打钩， 完成 就可以使用永久版的了
