什么是HTML5

轩陌

分类: HTML/CSS、HTML5 3969 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:表示重要性而不是强调符号

  • 17人 Love
  • 0人 Haha
  • 1人 Wow
  • 0人 Sad
  • 0人 Angry
html5、前端笔记

作者简介: 轩陌

打赏

生命的意义在于折腾,一直努力成长中,期待梦想实现的那刻。

共 0 条评论关于 “什么是HTML5”

Loading...