wordpress CMS主题 微信
Home > HTML5与CSS3.0 > HTML5与HTML4的区别具体有哪些?

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

高时银博客 HTML5与CSS3.0 点击: 732 次 0 1
  • 标签:
  • 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是未来网站的趋势,这也是我们做为网站开发人员所必需要掌握的一门功夫哦。


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

    目前还没有评论。赶快来坐沙发吧。

    发表评论