HTML5(一)新元素、新特性总结

HTML5 是如何起步的?

HTML5 是 W3C 与 WHATWG 合作的结果。
编者注:W3C 指 World Wide Web Consortium,万维网联盟。
编者注:WHATWG 指 Web Hypertext Application Technology Working Group。
WHATWG 致力于 web 表单和应用程序,而 W3C 专注于 XHTML 2.0。在 2006 年,双方决定进行合作,来创建一个新版本的 HTML。

HTML5(一)新元素、新特性总结_第1张图片

HTML5(一)新元素、新特性总结_第2张图片
E9 以下版本浏览器兼容HTML5的方法,使用本站的静态资源的html5shiv包:

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

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

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

为 HTML5 建立的一些规则:

  • 新特性应该基于 HTML、CSS、DOM 以及 JavaScript。
  • 减少对外部插件的需求(比如 Flash)
  • 更优秀的错误处理
  • 更多取代脚本的标记 HTML5 应该独立于设备
  • 开发进程应对公众透明

HTML5 的改进

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

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

  • HTML5
  • HTML5

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

  • 本地数据存储
  • 访问本地文件
  • 本地 SQL 数据
  • 缓存引用
  • Javascript 工作者
  • XHTMLHttpRequest 2

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

  • 使用 元素。
  • 使用内联 SVG。
  • 使用 CSS3 2D 转换、CSS3 3D 转换。

HTML5 使用 CSS3
新选择器、新属性、动画、 2D/3D、 转换、 圆角、 阴影效果、 可下载的字体

新的语义和结构元素
HTML5(一)新元素、新特性总结_第3张图片
HTML5 表单 新表单元素, 新属性,新输入类型,自动验证。
HTML5(一)新元素、新特性总结_第4张图片
已移除元素 以下的 HTML 4.01 元素在HTML5中已经被删除:

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

HTML 参考手册- (HTML5 标准):按字母顺序排列 New : HTML5新标签
HTML5(一)新元素、新特性总结_第5张图片

你可能感兴趣的:(前端基础,HTML5,HTML,HTML5)