HTML与HTML5之间的区别
我们现在在前端静态网页开发中用的html一般是指html4.0版本,同时是符合W3C的xhtml1.0规范来的。而html5是HTML的最新标准,加入了许多新特性,包括语义化标签、多媒体支持、本地存储、以及对设备API的调用等,那么他们两者又有什么实质性的区别呢?
1. 在文档类型声明上
2. 在结构语义上
在html中并没有体现结构语义化的标签,我们通常都是这样来命名网站的头部,如下所示:
<div id="header"></div>
相反,html5在语义上却有很大的优势,提供了一些新的html标签,如下所示:
<header>、<nav>、<section>、<footer>、<article>、<aside>
3. HTML5的新功能
(1)Canvas标签和SVG画图
在html5中,主要通过Canvas标签和SVG来画图,画出相应的图片和动画,但在html中却不行。
Canvas 标签通过 JavaScript 来绘制 2D 图形,Canvas 是逐像素进行渲染的。在 Canvas 中,一旦图形被绘制完成,它就不会继续得到浏览器的关注,如果其位置发生变化,那么整个场景也需要重新绘制,包括任何或许已被图形覆盖的对象。
SVG 是一种使用 XML 描述 2D 图形的语言,SVG 基于 XML,这意味着 SVG DOM 中的每个元素都是可用的,您可以为某个元素附加 JavaScript 事件处理器。在 SVG 中,每个被绘制的图形均被视为对象,如果 SVG 对象的属性发生变化,那么浏览器能够自动重现图形。
在html中,我们想要插入一段视频,可能还需要引用一小段的代码;但是在html5的情况下,我们只需要用于一个Video标签即可。Audio 标签和Video标签支持视频或音乐插入到网页中。
XHTML的介绍与特性
XHTML 指扩展超文本标签语言,XHTML 的目标是取代 HTML,与HTML 4.01 版本几乎是相同的,是更严格更纯净的 HTML 版本。XHTML 是作为一种 XML 应用被重新定义的 HTML。
最主要的特性:
- XHTML元素必须被正确地嵌套
- XHTML 元素必须被关闭
- 标签名必须用小写字母
- XHTML 文档必须拥有根元素