HTML5学习笔记(1)

HTML5的基本介绍

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

语法的改变

  • 内容类型(htm html)
  • DOCTYPE声明(变化较大:<!DOCTYPE html>)
  • 指定字符编码(变化较大: )
  • 具备boolean值的属性
  • 省略引号

HTML5新增的主题结构元素

  • article元素html

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

    article元素能够嵌套使用的。html5

    article元素能够用来表示插件。web

  • section元素bootstrap

    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多特性app

相关文章
相关标签/搜索