HTML5与传统HTML的区别

参考

1.什么是 HTML5?

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

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

HTML5 仍处于完善之中。然而,大部分现代浏览器已经具备了某些 HTML5 支持。

为 HTML5 建立的一些规则:

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

 

2.为什么推出HTML5?

传统WEB浏览器存在的问题包括以下三点

  • WEB浏览器之间的兼容性很低

    在某个WEB浏览器上可以正常运行的HTML5、CSS、JavaScript等WEB程序,在另一个WEB浏览器上就不一定能正常运行了。导致这种问题的主要原因就是规范不统一,没有被标准化。在HTML5中,这个问题被解决了。HTML5的使命是详细分析各WEB浏览器所具有的功能,然后以此为基准,要求这些浏览器内部的功能都要符合一个通用标准。

  • 文档结构不够明确

    在HTML5之前的HTML版本中,文档结构不够明确、清晰。例如为了要表示标题、正文、之前一般都会使用DIV元素,但是严格来说,DIV元素不是一个能把文档结构表示的很清楚的元素,使用过多会导致阅读时不仔细研究或者很难去看出文档结构,而且对于搜索引擎或者屏幕阅读等等应用程序来说,过多的使用DIV元素,那这些程序从哪到哪算是正文都很难确定。在HTML5中,为了解决这个问题,增加很多和结构相关的元素。

  • WEB应用程序的功能受到限制

    HTML5与WEB应用程序的关系十分薄弱,WEB应用程序的特征是先从网络下载,然后忠实的运行。因此,他会对威胁到用户安全的功能进行限制,目前安全性的保障这方面已经做到了。但是对于WEB应用程序来说,一直以来HTML5真正所做出的贡献是很少的。例如 就连想同时上传多个文件都不允许。为了弥补这方便的不足,HTML5已经开始提供各种各样的WEB应用上的新API。各浏览器也在快速封装这些API。 HTML5已经丰富了WEB应用的实现变成了可能。

3.世界知名浏览器厂商对HTML5的支持

  • 微软的IE<分两个阶段IE9以上支持HTML5>
  • Google的Chrome
  • 苹果的Safari
  • Opera
  • Mozilla Firefox

4.新增的元素

新增的结构元素(section、article、aside、header、hgroup、footer、nav、figure)
新增的其他元素(video、audio、embed、mark、 progress、 meter、time、ruby、rt、rp、wbr、canvas、command、details、datagrid、keygen、output、source、menu)
新增的input元素的类型(email、url、number、range、Date 、Search)

标签

描述

<article>

定义 article。

<aside>

定义页面内容之外的内容。

<audio>

定义声音内容。

<bdi>

定义文本的文本方向,使其脱离其周围文本的方向设置。

<canvas>

定义图形。

<command>

定义命令按钮。

<datalist>

定义下拉列表。

<details>

定义元素的细节。

<embed>

定义外部交互内容或插件。

<figcaption>

定义 figure 元素的标题。

<figure>

定义媒介内容的分组,以及它们的标题。

<footer>

定义 section 或 page 的页脚。

<header>

定义 section 或 page 的页眉。

<hgroup>

定义有关文档中的 section 的信息。

<keygen>

定义生成密钥。

<mark>

定义有记号的文本。

<meter>

定义预定义范围内的度量。

<nav>

定义导航链接。

<output>

定义输出的一些类型。

<progress>

定义任何类型的任务的进度。

<rp>

定义若浏览器不支持 ruby 元素显示的内容。

<rt>

定义 ruby 注释的解释。

<ruby>

定义 ruby 注释。

<section>

定义 section。

<source>

定义媒介源。

<summary>

定义 details 元素的标题。

<time>

定义日期/时间。

<track>

定义用在媒体播放器中的文本轨道。

<video>

定义视频。

5,废除的元素

能使用CSS代替的元素(basefont、big、center、font、s、tt、u)等等 
不再使用frame框架 
只有部分浏览器支持的元素 
其他被废除的元素

6.新增的属性

表单相关的属性 

  • email
  • Url    
  • number
  • range
  • Date pickers (date, month, week, time, datetime, datetime-local)
  • search
  • color

链接相关的属性 
其他属性

 

发布了77 篇原创文章 · 获赞 46 · 访问量 4万+
展开阅读全文

没有更多推荐了,返回首页

©️2019 CSDN 皮肤主题: 书香水墨 设计师: CSDN官方博客

分享到微信朋友圈

×

扫一扫,手机浏览