什么是HTML5

轩陌 2016-03-14 19:27:09

分类： HTML/CSS、HTML5 3891 0

什么是 HTML5？

HTML5 将成为 HTML、XHTML 以及 HTML DOM 的新标准。

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

HTML5 仍处于完善之中。然而，大部分现代浏览器已经具备了某些 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 建立的一些规则：

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

HTML5申明改变

<!doctype html>

HTML5新增结构标签

结构标签：(块状元素) 有语意的div

<article> 标记定义一篇文章
<header> 标记定义一个页面或一个区域的头部
<nav> 标记定义导航链接
<section> 标记定义一个区域
<aside> 标记定义页面内容侧边栏
<hgroup> 标记定义文件中一个区块的相关信息
<figure> 标记定义一组媒体内容以及它们的标题
<figcaption> 标签定义 figure 元素的标题。
<footer> 标记定义一个页面或一个区域的底部
<dislog> 标记定义一个对话框(会话框)类似微信

HTML5新增其他元素

多媒体标签

<video> 页面中插入视频
<audio> 页面中插入音频
<source> 可定义多个媒体资源

绘图标签

<canvas> 绘制图片
<svg> 矢量图

WEB运用标签

<meter> 状态标签、温度
<progress> 进度条
datalist 为input定义下拉列表
details 定义元素的详细内容
menu 可定义一个右键菜单

注释标签

<ruby> 标记定义注释或音标
<rp> 告诉那些不支持 Ruby元素的浏览器如何去显示
<rt> 标记定义对ruby的注释内容文本

其他标签

<keygen> 标记定义表单里公钥
<mark> 标记定义有标记的文本 (默认为黄色背景)
<output> 标记定义一些输出类型,计算表单结果配合oninput事件
<time> 标记定义一个日期/时间

HTML5废除元素

纯表现

basefont，big，center，font, s，strike，tt，u；

会产生负面影响

frame，frameset，noframes；

产生混淆

acronym ，applet，isindex，dir。

HTML5重新定义的元素

dd:可以同details与figure一同使用，定义包含文本，dialog也可用

dt:可以同details与figure一同使用，汇总细节，dialog也可用

hr:表示主题结束，而不是水平线，虽然显示相同

menu:重新定义用户界面的菜单，配合commond或者menuitem使用

small:表示小字体，例如打印注释或者法律条款

strong:表示重要性而不是强调符号