• wordpress CMS主题:ssmay主题 wordpress CMS主题:ssmay主题
  • 首页 > HTML5与CSS3.0 > HTML5与HTML4的区别具体有哪些?

    HTML5与HTML4的区别具体有哪些?

    作者: 分类:HTML5与CSS3.0 点击: 2,764 次
    wordpress CMS主题:ssmay主题

      扫描下面的二维码,“关注”我的百家号。

      HTML5标准是未来网站开发的一个趋势,这是不容置疑的。当然,虽然在手机端已经得到全面应用,但在目前的PC端还没能兼容到所有的浏览器,所以,据专家推算,HTML5至少还需6年左右的时间才能在PC端普及,因为IE7\IE8等浏览器还会在相当长的时间内存在,所以,当下,在PC端依然是HTML4的天下。虽然如此,但是,如今掌握HTML5技术是作为站长的你所必备的武器。废话不多说,一起来看盾HTML5与HTML4都有哪些区别吧?

      1、DTD声明不同。

      html4
      <!doctype html public"-/w3c/dtd xhtml1.0 Transitional/en" "http://www.w3.org/TR//xhtml/DTD/xhtml1-transitional.dtd">

      html5
      <!doctype html>

      2、设置页面字符。

      html4
      <meta http-equiv="content-type" content="text/html;charset=utf-8">

      html5
      <meta charset="utf-8">

      3、部分元素可以完全省略。

      html4
      不能省略  html   head   body ,必须有的。

      html5
      可以省略  html   head   body ,就是在源代码中,我们可以不写这3个标签,这是在html4中所不能想像的。

      4、表单元素。

      html4
      表单元素必须包含在<form>表单标签内;

      html5
      表单元素可以放在<form>表单标签外。html5的表单还新增加了好多的属性,让表单制作更加方便简单。

      5、新增了一些元素和属性

      audio 音乐
      video 视频

      section 内容区块,如章节、页眉、肌肤
      article 页面中的一块与上下文不相关的独立内容
      adide article元素内容之外的,与article内容相关的辅助信息
      header 页面中一个内容区块或整个页面的标题或头部
      hgroup 整个页面或页面中一个内容区块的标题进行组合
      footer 整个页面或页面中一个内容区块的脚注
      nav 页面中导航链接部分
      figure 一段独立的流内容,

      6、删除了一些不需要的标签。

      html5删除 <b>、<frame>、 <center>、<big> 等众多在html4中都不怎么用的标签。

      这里,就总结这6点。当然,html5与html4的区别远不止这些,html5相对于html4,在功能上有着质的飞越,通过html5可以让你的整个网站内容更加丰富、更炫,这点你可以参观一下众多的html5制作出来的网站就可以了解。总之,html5是未来网站的趋势,这也是我们做为网站开发人员所必需要掌握的一门功夫哦。



      欢迎“关注”我的百家号。

      头条二维码
      加入我的QQ群
      头条二维码
      关注我的百家号

    文章作者:码不停蹄
    本文地址:http://wanlimm.com/77201506194440.html
    版权所有 © 转载时必须以链接形式注明作者和原始出处!

    上一篇:
    下一篇:
    wordpress CMS主题:ssmay主题

    或许你会感兴趣的文章:

    发表评论

    电子邮件地址不会被公开。 必填项已用*标注

    This site uses Akismet to reduce spam. Learn how your comment data is processed.