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

相關文章
相關標籤/搜索