什么是HTML5
分类: HTML/CSS、HTML5 3724 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>
<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:表示重要性而不是强调符号
共 0 条评论关于 “什么是HTML5”