HTML5学习笔记(1)

HTML5的基本介绍

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

语法的改变

  • 内容类型(htm html)
  • DOCTYPE声明(变化较大:<!DOCTYPE html>)
  • 指定字符编码(变化较大: )
  • 具有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多特性

转载于:https://www.cnblogs.com/onefiter/p/5454916.html

评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值