什么是 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>
<meta charset=”utf-8″>
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:表示重要性而不是强调符号
标签: cssH5部分前端front