美文网首页
浅谈:html5和html的区别

浅谈:html5和html的区别

作者: Pitfalls | 来源:发表于2016-06-17 15:41 被阅读911次

    1、取消了一些过时的 HTML4的标签

    其中包括纯粹显示效果的标记,如<font>和<centwer>,它们已经被 CSS完全取代。

    其他取消的属性:acronym, applet, basefont, big, center, dir, font, frame, frameset, isindex, noframes, strike, tt。

    2、添加了一些新的元素

    比如:更加智能的表单标签:date, email, url 等;更加合理的标签:section, video, progress, nav, meter, time, aside, canvas等。

    3、新的全局属性:id, tabindex, repeat

    4、文件类型声明

    5、新的JS API

    什么是html5呢?

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

    HTML+CSS 3+JS+API。

    hmtl5html的区别

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

    1.在文档类型声明上

    html:<!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有很长的一段代码,并且很难记住这段代码,想必很多人都是靠工具直接生成的吧?而html5却是不同,只有简简单单的声明,这也方便人们的记忆。

    2.在结构语义上

    html:没有体现结构语义化的标签,我们通常都是这样来命名的<id="header">.这样表示网站的头部。

    html5:在语义上却有很大的优势。提供了一些新的标签,比如:<header><articale><footer>

    提供这样的标签有什么样的好处呢?我觉得最主要还是在SEO的优化上,不管是我们自己来对网页模块命名,还是有这样的标签。因为做网站最终的目的只有一个,那就是盈利。想盈利的话,就只有通过SEO优化的技术,把你网站排名做上来,这样你的网站才有价值,且正是这一点,html5符合了这一点。为什么这么说呢?因为他定义的这些标签,更加有利于优化,蜘蛛能识别你。

    总结:虽然在前几年html5已经出来了,但是那时候因为不够成熟,时机不对,才没被兴起。在这互联网高速发展的时候,也是来临4G的时代。我们还不学习hml5+css3我们就out了!

    2016年6月

    相关文章

      网友评论

          本文标题:浅谈:html5和html的区别

          本文链接:https://www.haomeiwen.com/subject/xssvdttx.html