HTML5与HTML4的区别

发表于   |   分类于   |  

平时我们大家使用的一般都是HTML4，而HTML5顾名思义就是第五个版本的HTML，也是目前最新的，
HTML5是万维网的核心语言、标准通用标记语言下的一个应用超文本标记语言（HTML）的第五次重大修改。
2014年10月29日，万维网联盟宣布，经过接近8年的艰苦努力，该标准规范终于制定完成。

头声明的区别

HTML4的头声明：

<!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">

HTML5的头声明：

<!DOCTYPE HTML>
<html>

编码声明的区别

HTML4的编码声明：

<meta http-equiv="Content-Type" content="text/html; chartset=UTF-8" />

HTML5的编码声明：

<meta chartset="UTF-8" />

结构语义上的区别

html4:没有体现结构语义化的标签，通常都是这样如下来命名的，这样表示网站的头部。

<div id="header"><div>

html5:在语义上却有很大的优势。提供了一些新的标签，如下:

<header><article><footer>

HTML5的优点

第一，HTML5兼容以前HTML4下浏览器；

第二，HTML5新增加的元素都是对现有的网页和用户习惯进行跟踪、分析和概括；

第三，HTML5规范是以用户优先为准的编写，以提高用户开发效率为基础；

第四，HTML5更安全;HTML5引入了一种新的基地来源的安全模型，该模型不仅容易用，而且对各种不同的API都通用；

第五，HTML5将表现与内容分离；

第六，HTML5化繁为简；
a 以浏览器原生能力替代复杂的JAVASCRIPT代码；
b 简化了DOCTYPE；
c 简化的字符集声明；
d 简单而的强大的HTML5 API；

第七，HTML5无插件范式；
原来的HTML4插件存在一些问题：
a 插件安装可能失败；
b 插件可以被禁用或屏蔽；
c 插件自身有漏洞；
d 插件不容易与HTML文档的其他部分集成，因为插件的边界、剪裁和透明度问题

与其说区别，也就是说HTML5的优点，本篇介绍的一些主要的区别，其他就是一些标签元素的区别了，接下来的文章主要介绍一些新增常用的HTML5标签。

HTML5的基本网页结构

<!DOCTYPE html>
<html>
<head lang="en">
    <meta chartset="UTF-8" />
    <title></title>
</head>
<body>
    <header></header> # header元素表示页面中的一个内容区块或者整个页面的标题。
    <nav></nav> # nav元素表示页面中的导航链接部分。
    <article></article> # article元素表示页面中的一块与上下文不相关的独立内容，比如一篇文章中的文章。
    <section></section> # section元素表示页面中的一块内容区块，比如章节的页眉、页脚等等。也可以和Hn（h1-h6）等一起使用，标示出文档的结构。
    <aside></aside> # aside元素表示article元素的内容之外的，和内容相关的辅助信息。
    <footer></footer> # footer元素表示页面或者是页面中的一块区域的页脚，比如存放文件的创建时间、作者、联系方式等等。
</body>
</html>

热评文章