WEB前端之HTML5~HTML5与HTML4的区别

推出的理由及目标!

HTML5的出现,对于WEB来说意义是非常重大的,因为他的意图是想要把目前WEB上存在的各种问题一并解决掉了。

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应用的实现变成了可能。

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

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

语法的改变!

DOCTYPE的声明

在传统的HTML中DOCTYPE的声明方式比较繁琐,不容易记住,具体看以下代码。

XHTML的DOCTYPE声明方式

<?xml version="1.0" encoding="UTF-8"?>
<!DOCTYPE html
        PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN"
        "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en" lang="en">
<head>
    <title>XHTML的DOCTYPE声明</title>
</head>
<body>

</body>
</html>

运行结果图:  这里写图片描述