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

链接相关的属性
其他属性

HTML5与传统HTML的区别相关推荐

蛋花花简单阐述HTML5和Web前端的区别
蛋花花简单阐述HTML5和Web前端的区别!据蛋花花了解随着互联网的快速发展,互联网软件开发行业就随之兴起,如今随着HTML5的广泛应用,大家对web前端行业的关注和了解也日渐增多.根据的蛋花花的了解 ...
图解Nosql（hbase）与传统数据库的区别
图解Nosql(hbase)与传统数据库的区别 http://www.aboutyun.com/thread-7804-1-1.html (出处: about云开发) 问题导读: 1.nosql数据库 ...
大数据统计分析毕业设计_大数据分析与传统统计分析的区别
大数据分析与传统统计分析的区别:其一是数据分析时不再进行抽样,而是采用全样本(n=all):其二是分析方法,不再采用传统的假设检验. 一.统计方法: 大数据的应用,解决了一般统计方法上主要误差来源:抽 ...
知识图谱·概念与技术--第1章学习笔记--知识图谱概述--知识图谱的概念，与传统语义网络的区别
知识图谱·概念与技术--第1章学习笔记--知识图谱概述--知识图谱的概念,与传统语义网络的区别知识图谱的概念,与传统语义网络的区别狭义概念作为语义网络的内涵与传统语义网络的区别优点缺点与 ...
UEFI和传统引导的区别有哪些
背景前两天装机时,用U盘启动进行安装系统时,发现还原ghost系统后怎么也进入不了windows10开机界面,一直显示: 在U盘中去使用引导修复,也失败了,后来重新将系统盘进行分区,变成MBR格式, ...
容器化部署与传统部署的区别及优势
编者按:随着互联网技术的发展和需求上的增加,从传统的物理服务器时代过渡到了容器化部署时代,那么容器化部署我们怎么去理解,以及它有什么优势呢?跟小编一起看看吧. 容器化部署与传统部署的区别以Docke ...
一对一营销与传统营销的区别在哪里？企业如何开展营销？
如今,企业的业务发展越来越难.在疫情的影响下企业更是举步维艰.企业管理者不得不寻找新的管理模式来让企业存活,发展.随着全球经济链的完善,很多产品质量.功能开始日趋统一,传统的"以产品为中心& ...
7张图让你看懂互联网营销思维与传统思维本质区别
7张图让你看懂互联网营销思维与传统思维本质区别有一些人这样说过,如果在一年前谈论"互联网思维"就会显得有一点点装逼,但是如果到了一年之后的今天,再谈论的话,就会显得有一点点落伍. ...
网络营销与传统营销的区别
网络营销与传统营销的区别摘要: 网络营销与传统的营销的区别网络营销与传统的营销方式的区别是显而已见的,从营销的手段.方式.工具.渠道以及营销策略都有本质的区别,但营销目的都是为了销售.宣传商品及服务 ...
oracle云erp产品有哪些,云ERP与传统ERP的区别有哪些百洋智能科技为您分析
该楼层疑似违规已被系统折叠隐藏此楼查看此楼 ERP系统按照部署方式的不同可以分为云ERP系统和本地ERP系统两种类型,云ERP系统服务器部署在云端,企业可以随时随地进行访问,本地ERP系统服务器部署 ...

HTML5与传统HTML的区别

参考

1.什么是 HTML5？

2.为什么推出HTML5？

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

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

4.新增的元素

5，废除的元素

6.新增的属性

HTML5与传统HTML的区别相关推荐

最新文章

热门文章