zoukankan      html  css  js  c++  java
  • HTML4和HTML5之间10主要差异

           HTML5恐怕要让部分网页工作者抓狂了,HTML5将採用标准的XML语法格式,这对代码的规范要求很高。

          HTML5是最新的HTML标准。尽管还在制定。但或迟或早,全部的web程序猿都会发现须要使用到这个最新的标准。并且,非常多人都会感觉到,又一次开发一个HTML5的站点。要比把一个网 站 从HTML4迁移到HTML5 easy的多,这是由于这两个版本号之间有非常大不同之处。事 实上,HTML5并没有对HTML4做什 么重大的修改,保留了大部分HTML4的长处,以至于过度不致于那么困难。

    但是,当中有一些非常重要的差别须要知道。

          以下列出的就是一些HTML4和HTML5之间10个关键的不同之处:

    1. HTML5 标准还在制定中
    首先要注意的是,HTML5尽管如今非常火,可是HTML5标准还在制定中,标准仍在改变。

    HTML4已经10多年了。不会有不论什么改变了。还有一方面,HTML5仍处在早期阶段,以后的改动会不断的出现。这就是眼下为止。最好在产品里使用HTML4,仅仅在实验里使用HTML。

    2. 简化的语法
    HTML5简化了非常多细微的语法。比如doctype的声明,你仅仅须要写<!doctype html>即可了。HTML5与HTML5,XHTML1兼容,可是与SGML不兼容。

    3. <canvas>标签替代Flash
    Flash给非常多Web开发人员带来了麻烦。要在网页上播放Flash须要一堆代码和插件。

    <canvas>标签使得开发人员仅仅要使用一个标签就 能和用户产生UI交互。

    尽管眼下<canvas>标签还不能实现Flash的全部功能,但假以时日,Flash必将从web上淘汰。



    4. 新增<header> 和 <footer> 标签
    HTML5设计的一个原则是更好的体现站点的语义性,所以添加了<header>和<footer>这种标签,用来明白表示网页的结构。

    5.新增 <section> 和 <article> 标签
    与<header>, <footer>类似。<section>和<article>也有利于清晰化网页的结构,更有利于SEO。

    6.新增 <menu> 和 <figure> 标签
    <menu>能够被用于创建传统的菜单。也能够用于工具栏和上下文菜单。<figure>标签使得网页文字和图片的排版更专业。

    7. 新增 <audio> 和 <video> 标签
    这两个标签可能是HTML5里面最实用的两个标签了。顾名思义。这两个标签是用来播放音频和视频的。

    8. 全新的表单
    HTML5对 <form> 和 <forminput> 标签进行了大量改动。加入了非常多新的属性,也改动了非常多属性。

    9.去掉 <b> 和 <font> 标签
    这个改进我还无法理解。

    我不觉得删除这两个标签对代码的改进有非常大的帮助。官方的解释是应该用CSS来替代这两个标签。但我还是觉得对于简单的文本,这两个标签还是非常方便的。

    10. 去掉 <frame>, <center>, <big> 标签

    其实,我已经记不清以前何时用过这些标记了,所以,我并不为去除这些标记感到悲哀。

    同样的原因,有更好的标记能实现它们的功能——这非常好,不论什么作废的标记从标准中剔除都是受欢迎的。

    尽管如今大多数流行的浏览器的最新版都支持HTML5,但有些新的(或改动的)标记和属性它们并不支持,所以你的网页在用户的屏幕上有可能前后显示的不一致。但我相信它可以在不久的将来所有的浏览器使用。

    版权声明:本文博客原创文章,博客,未经同意,不得转载。

  • 相关阅读:
    Prometheus监控node-exporter常用指标含义
    Go 程序开发的注意事项
    kafka集群安装和使用
    storm集群的安装
    如何用zabbix监控mysql多实例
    企业环境下用脚本设置ubuntu防火墙
    使用教程:宝塔服务器管理助手Linux面版
    Zabbix是什么?
    小白都能看懂的Linux系统下安装配置Zabbix
    Linux:检查当前运行级别的五种方法
  • 原文地址:https://www.cnblogs.com/lcchuguo/p/4648025.html
Copyright © 2011-2022 走看看