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变革。

时间: 2024-11-03 21:20:32

HTML5实战 文摘 第一章 从文档到应用的转变的相关文章

第一章:文档

系统设计与工程搭建 学习目标 了解十次方的需求分析 理解十次方的系统设计已经REST请求 完成项目前期准备工作 完成十次方父模块与公共模块的搭建 完成基础微服务-标签CRUD的功能,掌握公共异常处理类 1.需求分析 1.1 十次方简介 <十次方>是程序员的专属社交平台,包括头条.问答.活动.交友.吐槽...... 1.2需求规格说明书 2.系统设计 2.1系统架构 <十次方>采用前后端的系统架构,后端架构为:SpringBoot+SpringCloud+SpringMVC+Spri

HTML5实战 文摘 第二章 HTML5用于创建表单的输入小部件 数据绑定以及数据验证

HTML5表单在原有表单特性的基础上增加了一些比较便捷的特性,使得我们实现一些常用的表单的小部件.输入类型.输入验证不再那么大费周章.上一篇文章提到了HTML5实现的几种新的输入类型,现在我们更加详尽的了解HTML5的表单产生的新特性和功能. 1. 输入类型和输入属性 菜鸟教程上给出了HTML5新增加的input输入类型,可以在上面尝试一下不同类型的样子,基本可以满足日常开发需求了.类型不同会照成什么内在差异呢?主要有三点,首先,浏览器会根据输入类型进行基本的数据校验,例如type="email

读书文摘--第一章 代码应当易于理解

译者序 1.<Clean Code>一书中Bob大叔认为在代码阅读过程中人们说脏话的频率是衡量代码质量的唯一标准. 2.写出的代码能让人快速理解.轻松维护.容易扩展的程序员才是专业的程序员. 关键思想: 1.代码应当易于理解 2.代码的写法应当使别人理解它所需要的时间最小化 -- 可读性基本定理 当犹豫不决时,可读性基本定理应该先于任何其它条例或原则,例如把理解代码所需时间最小化可能是比减少代码行数更好的目标. 读书文摘--第一章 代码应当易于理解,布布扣,bubuko.com

第3章 ES文档和故障处理

第3章 ES文档和故障处理 一.ES网络配置表 ES网络配置表是ES的硬件和软件组成的列表.ES网络配置常包括以下项目: 分级 项目 杂项信息 系统名.系统厂商/型号.CPU速率.RAM.存储器.系统功能 第1.2层 介质类型.接口速率.VLAN.MAC.网络接头 第3层 IP地址.缺省网关.子网掩码.WINS.DNS. 第7层 操作系统(版本).基于网络的应用程序.高带宽应用程序.低延时应用程序.特定考虑 二.ES网络拓扑图 ES网络拓扑图的典型项目有:系统名.网络连接.物理位置.系统目标.V

第2章 网络文档

第2章 网络文档 一.网络基线 解决网络问题的最简单途径是把当前配置和以前的配置相比较. 基线文档由不同的网络和系统文档组成,它包括: ? 网络配置表 ? 网络拓扑图 ? ES网络配置表 ? ES网络拓扑图 创建网络的注意事项: 1) 确定文档覆盖的范围: 2) 保持一致:收集网络中所有设备的相同信息: 3) 明确目标:了解文档的用途: 4) 文档易于使用和访问: 5) 及时维护更新文档. 二.网络配置表 网络配置表的通常目标是提供网络中使用的硬件和软件组成的列表,其组成有: 分级 项目 杂项信

3.30日第八次作业,第14章,采购管理,15章,信息文档和配置管理

3.30日第八次作业,第14章,采购管理,15章,信息文档和配置管理   第14章.采购管理1.采购管理包括哪些过程?(记)P382-383 答:1).编制采购计划.2).编制询价计划.3).询价.招投标.4).供方选择.5).合同管理.6).合同收尾. 2.编制采购计划过程的成果是什么?P386-387 答:1).采购管理计划.2).采购工作说明书. 3.判断:每个采购工作说明书都来自于项目范围基准.P387 答:是的. 4.结合P388页表14-1,工作说明书应该清楚地描述哪些内容?P388

iOS开发——完整项目实战OC篇&amp;百思不得姐简单文档说明

百思不得姐简单文档说明 必须熟练掌握: 主页发布界面:文字/图片/视频之tableView的实现 顶部活着左边tabBar的实现及切换 上拉刷新(刷新后的提示动画处理)和下拉加载更多 自定义蒙板(弹出和消失动画的处理) tableView多宫格布局 tableView设置界面实现封装实现与拓展 重点界面处理 推荐关注:左边Dock和右边小的tableView的实现 个人主页布局:可以使用facebook的POP实现 积分界面:tableView布局 设置界面:多功能及拓展 我的界面:tableV

第11章 linux文档的压缩与打包

1. gzip, bzip2 能否直接压缩目录呢?   不能2. 请快速写出,使用gzip和bzip2压缩和解压一个文件的命令.  压缩 gzip 1.txt ;  解压gzip -d 1.txt.gz bzip 1.txt : 解压bzip -d 1.txt.bz23. tar 在打包的时候,如果想排除多个文件或者目录如何操作?   tar -cvf file.tar --exclude.a.txt --exclude b.txt 123/4. 请实验,如果不加 "-" 是否正确,

《CSS权威指南(第三版)》---第一章 CSS和文档

主要学习的知识是怎么把CSS和HTML文档关联: 1.这是默认的样式表 <link rel="stylesheet" href="" type="text/css"  media="all"/> 2.候选样式表 <link rel="alternate stylesheet" type="text/css" href="" title="d