zoukankan      html  css  js  c++  java
  • HTML5实战 文摘 第一章 从文档到应用的转变

    1. HTML5的基本特性

      1.1 DOCTYPE声明方式

        HTML5的声明格式非常简单不需要DTD和URL

    <!DOCTYPE html>

        就这么一句声明放在文档的开头就可以了。

      1.2 新的元素

        增加新的元素代表新的语义,例如,新增加了<hgroup>标签,这个标签用于对网页或区段(section)的标题进行组合。再例如<nav>标签,它定义了网站导航的链接。有了类似这种新的元素,页面标记结构不仅清晰易读,搜索引擎机器人和辅助技术也能比较好的解读页面的内容。

      1.3 新的表单特性

      HTML引入了新的表单输入类型,例如:

      color: 

      time:

      month:

      date: 

      number: 

      range: 

      除了input元素的type有了丰富,HTML5还引入了新的输入元素属性

      例如: autocomplete, autofocus, placeholder, list 等等

      1.4 进度条 度量器 可折叠内容

      这些是一些常用的显示小部件。个人认为在实际的工程项目中,更多的是用自己构建的组件,这些原生的小组件用的不多。

      1.5 微数据

      搜索引擎和浏览器可以通过微数据提供更多的功能

    2. 高级特性

      2.1 HTML的画布Canvas,通过HTML和JS就可以制作丰富的动画,从而代替并不 好的实现方式,例如用Flash技术实现。

      2.2 音频和视频,之前的实现方式都是通过第三方插件的方式来支持视频和音频,现在却可以原生的用HTML支持。这也许就是最近HTML5火起来的重要原因,视频能在移动端方便的传播,而不需要任何第三方插件。

      2.3 拖放功能,之前在页面中的拖放功能是通过JS来实现的,现在结合新的HTML5的拖放API就可以实现拖放的功能。

      2.4 使用WebSockets实现服务器端与客户端的双向通信, 这种通信方式没有HTTP相关的开销,和适合快速传输小规模数据。

      2.5 利用服务器发送事件实现从服务器端到客户端的单向通信。利用EventSource接口,你的web应用能够订阅一个服务器事件流,它只接收服务器发送的更新消息。

      2.6 文档可编辑。通过设置contenteditable属性使得该元素具备可编辑的特性,设置designMode可以使整个文档都具有可编辑的特性。

      2.7 使用Cooki会产生很多负面的问题。Web存储 Web Storage DOM API 为web应用替代Cookie的解决方案。这个API涉及两个接口:sessionStorage和localStorge

      2.8 通过IndexDB可以开发离线web应用。在离线状态时可以调用本地的IndexDB数据库进行操作,等连接到网络后再通过ajax请求更新到服务端

      2.9 可伸缩矢量图形

     这一个系列的文章主要是将HTML5实战(HTML IN ACTION)的内容进一步精简和提炼。总结思路和方法,精简内容,进一步了解HTML5规范带来的WEB变革。

  • 相关阅读:
    201671030122杨凡亿《英文文本统计分析》结对项目报告
    201671030122杨凡亿 实验二 词频统计软件项目报告
    201671030122杨凡亿 实验三作业互评与改进报告
    通读《现代软件工程—构建之法》后的疑惑
    201671030126 赵佳平 实验十四 团队项目评审&课程学习总结
    201671030126赵佳平《英文文本统计分析》结对项目报告
    201671030126 词频统计软件项目报告
    201671030126 赵佳平 实验三 作业互评与改进报告
    我的问题
    201671030128周琳 实验十四 团队项目评审&课程学习总结
  • 原文地址:https://www.cnblogs.com/yuenan/p/6063545.html
Copyright © 2011-2022 走看看