教程 > 阅读：383

html5 教程——迹忆客-ag捕鱼王app官网

html5_logo html5是html最新的修订版本，2014年10月由万维网联盟（w3c）完成标准制定。
html5的设计目的是为了在移动设备上支持多媒体。
html5 简单易学。

什么是 html5?

html5 是下一代 html 标准。

html , html 4.01的上一个版本诞生于 1999 年。自从那以后，web 世界已经经历了巨变。

html5 仍处于完善之中。然而，大部分现代浏览器已经具备了某些 html5 支持。

html5 是如何起步的？

html5 是 w3c 与 whatwg 合作的结果,whatwg 指 web hypertext application technology working group。

whatwg 致力于 web 表单和应用程序，而 w3c 专注于 xhtml 2.0。在 2006 年，双方决定进行合作，来创建一个新版本的 html。

html5 中的一些有趣的新特性：

  • 用于绘画的 canvas 元素
  • 用于媒介回放的 video 和 audio 元素
  • 对本地离线存储的更好的支持
  • 新的特殊内容元素，比如 article、footer、header、nav、section
  • 新的表单控件，比如 calendar、date、time、email、url、search

html5

声明必须位于 html5 文档中的第一行,使用非常简单:

最小的html5文档

下面是一个简单的html5文档：


文档标题
 
文档内容......

注意：对于中文网页需要使用 声明编码，否则会出现乱码。

html5 的改进

  • 新元素
  • 新属性
  • 完全支持 css3
  • video 和 audio
  • 2d/3d 制图
  • 本地存储
  • 本地 sql 数据
  • web 应用

html5 多媒体

使用 html5 你可以简单的在网页中播放 视频(video)与音频 (audio) 。

  • html5
  • html5

html5 应用

使用 html5 你可以简单地开发应用

  • 本地数据存储
  • 访问本地文件
  • 本地 sql 数据
  • 缓存引用
  • javascript 工作者
  • xhtmlhttprequest 2

html5 图形

使用 html5 你可以简单的绘制图形:

  • 使用 元素。
  • 使用内联 svg。
  • 使用 、。

html5 使用 css3

  • 新选择器
  • 新属性
  • 动画
  • 2d/3d 转换
  • 圆角
  • 阴影效果
  • 可下载的字体
  • 了解更多css3知识请查看本站的 。

语义元素

html5 添加了很多语义元素如下所示：

标签 描述
定义页面独立的内容区域。
定义页面的侧边栏内容。
允许您设置一段文本，使其脱离其父元素的文本方向设置。
定义命令按钮，比如单选按钮、复选框或按钮
用于描述文档或文档某个部分的细节
定义对话框，比如提示框
标签包含 details 元素的标题
规定独立的流内容（图像、图表、照片、代码等等）。
定义
元素的标题
定义 section 或 document 的页脚。
定义了文档的头部区域
定义带有记号的文本。
定义度量衡。仅用于已知最大和最小值的度量。
定义导航链接的部分。
定义任何类型的任务的进度。
定义 ruby 注释（中文注音或字符）。
定义字符（中文注音或字符）的解释或发音。
在 ruby 注释中使用，定义不支持 ruby 元素的浏览器所显示的内容。
定义文档中的节（section、区段）。
定义日期或时间。
规定在文本中的何处适合添加换行符。

html5 表单

新表单元素, 新属性，新输入类型，自动验证。

已移除元素

以下的 html 4.01 元素在html5中已经被删除:

网站地图