HTML5 简介

HTML

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 <!DOCTYPE>

<!doctype> 申明必须位于 HTML5 文档中的第一行,利用很是简略:

<!DOCTYPE html>

最小的HTML5文档

上面是一个简略的HTML5文档:

<!DOCTYPE html> <html> <head> <meta charset="utf-8"> <title>文档标题</title> </head> <body> 文档内容...... </body> </html>

注重:对中文网页须要利用 <meta charset="utf-8"> 申明编码,不然会呈现乱码。


HTML5 的改良

  • 新元素
  • 新属性
  • 完整撑持 CSS3
  • Video 和 Audio
  • 2D/3D 制图
  • 本地存储
  • 本地 SQL 数据
  • Web 利用

HTML5 多媒体

利用 HTML5 你能够或许简略的在网页中播放 视频(video)与音频 (audio) 。


HTML5 利用

利用 HTML5 你能够或许简略地开辟利用

  • 本地数据存储
  • 拜候本地文件
  • 本地 SQL 数据
  • 缓存援用
  • Javascript 使命者
  • XHTMLHttpRequest 2

HTML5 图形

利用 HTML5 你能够或许简略的绘制图形:


HTML5 利用 CSS3

  • 新挑选器
  • 新属性
  • 动画
  • 2D/3D 转换
  • 圆角
  • 暗影成果
  • 可下载的字体

领会更多CSS3常识请检查本站的 CSS3 教程。


语义元素

HTML5 增加了良多语义元素以下所示:

标签 描写
<article> 界说页面自力的内容地区。
<aside> 界说页面的侧边栏内容。
<bdi> 许可您设置一段文本,使其离开其父元素的文本标的目的设置。
<command> 界说号令按钮,比方单选按钮、复选框或按钮
<details> 用于描写文档或文档某个局部的细节
<dialog> 界说对话框,比方提醒框
<summary> 标签包罗 details 元素的标题
<figure> 划定自力的流内容(图象、图表、照片、代码等等)。
<figcaption> 界说 <figure> 元素的标题
<footer> 界说 section 或 document 的页脚。
<header> 界说了文档的头部地区
<mark> 界说带有暗号的文本。
<meter> 界说怀抱衡。仅用于已知最大和最小值的怀抱。
<nav> 界说导航链接的局部。
<progress> 界说任何范例的使命的进度。
<ruby> 界说 ruby 正文(中文注音或字符)。
<rt> 界说字符(中文注音或字符)的诠释或发音。
<rp> 在 ruby 正文中利用,界说不撑持 ruby 元素的阅读器所显现的内容。
<section> 界说文档中的节(section、区段)。
<time> 界说日期或时候。
<wbr> 划定在文本中的那边合适增加换行符。

HTML5 表单

新表单位素, 新属性,新输出范例,主动考证。


已移除元素

以下的 HTML 4.01 元素在HTML5中已被删除:

  • <acronym>
  • <applet>
  • <basefont>
  • <big>
  • <center>
  • <dir>
  • <font>
  • <frame>
  • <frameset>
  • <noframes>
  • <strike>

每章中的实例

经由过程咱们的 HTML 编辑器,您能够或许编辑 HTML,而后点击按钮来检查成果。

实例

<!DOCTYPE HTML> <html> <head> <meta charset="utf-8">  <title>【WEB手艺大学】(xfitphysio.com)</title>  </head> <body> <video width="320" height="240" controls> <source src="movie.mp4" type="video/mp4"> <source src="movie.ogg" type="video/ogg"> 你的阅读器不撑持 video 标签。 </video> </body> </html>

快乐飞艇是犯法的吗:亲身尝尝 »

点击 "亲身尝尝" 按钮检查在线运转成果。


HTML5 阅读器撑持

最新版本的 Safari、Chrome、Firefox 和 Opera 撑持某些 HTML5 特征。Internet Explorer 9 将撑持某些 HTML5 特征。

IE9 以下版本阅读器兼容HTML5的方式,利用本站的静态资本的html5shiv包:

<!--[if lt IE 9]> <script src="http://cdn.xfitphysio.com/libs/html5shiv/3.7/html5shiv.min.js"></script> <![endif]-->

载入后,初始化新标签的CSS:

/*html5*/ article,aside,dialog,footer,header,section,nav,figure,menu{display:block}

HTML5 参考手册

在本站中你能够或许找到对于HTML5 的标签及属性描写,具体请点击 快乐飞艇是犯法的吗:HTML5参考手册