HTML5学习笔记（1）

HTML5的基本介绍

• HTML5的出现解决了以下问题
  • Web浏览器之间的兼容性很低
  • 文档结构不够明确
  • Web应用程序的功能受到了限制
  • 世界知名浏览器厂商对HTML5的支持
    • 微软（IE9以上）
    • Google(Chrome)
    • Opera
    • Mozilla

语法的改变

• 内容类型（htm html）
• DOCTYPE声明(变化较大:)
• 指定字符编码(变化较大: <meta charset="UTF-8">)
• 具有boolean值的属性
• 省略引号

---

HTML5新增的主题结构元素

• article元素

  article元素代表文档、页面或者应用程序中独立的、完整的、可以独自被外部引用内容。可以是一篇博客或者报刊的文章，一篇论坛体重、一段用户评论或独立的插件，或其他任何内容。

  article元素可以嵌套使用的。

  article元素可以用来表示插件。

• section元素

  section元素用于网站或应用程序中对页面进行分块。一个section通常是由内容和标题组成。但section并不是一个普通的容器元素；当一个容器需要被直接定义样式或通过脚本定义行为时，推荐使用div而非section元素。

HTML5基础知识介绍

基础知识

• 网页的5.0版本
• 2014年才制定完成HTML5的标准，历时8年
• 移动先行

现有的框架

• sencha-touch
• phoneGap
• jQuery mobile
• bootstrap

手机APP的开发模式

• 原生
• 纯HTML5
• 原生+HTML5

移动工程师的职责

• 手机UI界面
• 与服务器的交互

开发工具

• Andriod

  • elcipse、MyEclipse、Android studio

• iOS

  • Xcode

• HTML5

  • elcipse、MyEclipse(Andriod、Java后台)
  • Dreamwaver(UI)
  • WebStorm(前端)

Web开发的新时代

• Web1.0

  • 主流技术：HTML+CSS

• Web2.0

  • 主流技术和：Ajax(JavaScript/DOM/异步数据请求)

• Web3.0

  • 主流技术：HTML5+CSS3

    1.HTML5：Canvas HTML5音视频 Web存储 Geolocation Workers多线程处理

    2.CSS3： 设计动画 2D形变 N多特性