A股上市公司传智教育(股票代码 003032)旗下技术交流社区北京昌平校区

本帖最后由 武汉分校-小舞 于 2016-3-22 11:46 编辑

【武汉校区】独家分享:html 与html5 的区别


什么是html5呢?
        html5最先由WHATWG(Web超文本应用技术工作组)命名的一种超文本标记语言,随后和W3C的xhtml2.0(标准)相结合,产生现在最新一代的超文本标记语言。可以简单点理解成:HTML 5 ≈ HTML+CSS 3+JS+API。

hmtl5于html的区别
        我们现在web前端开发的静态网页,一般都是html4.0。同时是符合W3C的xhtml1.0规范来的。那么他们两者又有什么实质性的区别呢?

1.在文档类型声明上
html:<!DOCTYPE html PUBLIC "-//W3C//DTDXHTML 1.0 Transitional//EN""http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<htmlxmlns="http://www.w3.org/1999/xhtml">
html5:<!doctype html>
由这两者对比可见:在文档声明上,html有很长的一段代码,并且很难记住这段代码,想必很多人都是靠工具直接生成的吧?而html5却是不同,只有简简单单的声明,这也方便人们的记忆。

2.在结构语义上
html:没有体现结构语义化的标签,我们通常都是这样来命名的<div id="header"></div>.这样表示网站的头部。
html5:在语义上却有很大的优势。提供了一些新的标签,比如:<header><article><footer>
提供这样的标签有什么样的好处呢?我觉得最主要还是在SEO的优化上,不管是我们自己来对网页模块命名,还是有这样的标签。因为做网站最终的目的只有一个,那就是盈利。想盈利的话,就只有通过SEO优化的技术,把你网站排名做上来,这样你的网站才有价值,且正是这一点,html5符合了这一点。为什么这么说 呢?因为他定义的这些标签,更加有利于优化,蜘蛛能识别你。

3.新特性:HTML5 中的一些有趣的新特性:
用于绘画的 canvas 元素
用于媒介回放的 video 和 audio 元素
对本地离线存储的更好的支持
新的特殊内容元素,比如 article、footer、header、nav、section
新的表单控件,比如 calendar、date、time、email、url、search"    Html5 在原来的html4 上面的功能上面进行了增强,比如我们的之前要实现一个复杂的网页效果,我们要会js ,还需要会些简单的css 才能完成,我们现在只需要会简单的标签我们就可以实现这些效果

想获取最新传智播客武汉中心分享技术文章请加QQ  1641907557 ,后期会分享更多与实体班同步教程,助你冲击月薪20K!
《黑马程序员Android实体班同步项目Demo源码汇总,挑战月薪20K!》


您需要登录后才可以回帖 登录 | 加入黑马