美文网首页
01.HTML5与HTML4的区别

01.HTML5与HTML4的区别

作者: Ching_Lee | 来源:发表于2018-01-18 11:33 被阅读0次

    1.出现的意图想要将目前web存在的问题解决掉

    • Web浏览器之间的兼容性低
    • 文档结构不明确
    • Web应用程序功能受限

    2.DOCTYPE,文档声明

    之前声明时需要指出html的版本,html5不需要

    <!DOCTYPE html>
    

    3.指定字符编码

    4.boolean类型的属性

    前三个都选中最后一个不选中

    5.省略引号

    6.新增的元素和废除的元素

    6.1结构元素:
    • section元素
      对页面中的内容进行分块,表示一个章节,一段。一个section元素通常由内容及标题组成,表示文档的结构。
      注意:
      i.不要将section元素作为设置样式的页面容器,那是div的工作
      ii.如果article、aside、nav元素更符合使用条件,就不要使用section元素
      iii.没有标题内容,不要使用section

    • article元素
      表示与上下文不相关的独立内容,比如博客中的一篇文章,报纸中的一篇文章。
      article元素可以嵌套使用
      article元素可以用来表示插件

    • aside元素
      表示article内容之外的,与article内容相关的辅助信息。


      在article内使用
      在页面中使用
    • header元素
      页面中的内容区域块,通常用来表示标题

    • hgroup元素
      对网页或区段(section)的标题进行组合


    • footer元素
      页面中内容区域块,通常表示脚部。

    • nav元素
      可以用作页面导航的链接组,其中导航元素链接到其他页面或当前页面的其他部分。
      应用场景:
      导航条,翻页操作

    • figure元素
      一段独立的流的内容,表示文档主题流独立的内容单元

    • time元素与微格式



      pubdate属性:发布日期 boolean类型


      表明是一个发布时间
    • address元素
      用来在文档中呈现联系信息。

    6.2其他元素
    • video
      表示视频
    • audio
      表示音频
    • canvas
      画布
    6.3新增的input元素类型

    email:表示邮件地址
    url:表示url地址
    number:数值
    range:范围
    Date Pickers:和日历相关

    7.新增的属性和废除的属性

    8.全局属性

    html5中新增了全局属性的概念,表示对所有元素可以使用的属性


    • contentEditable属性
      该元素内容可被编辑,boolean元素,true为可编辑,false为不可编辑。未指定该属性根据继承的父元素的状态来指定,父元素可编辑,子元素即可编辑。


      写属性,或赋值为true,赋值为“”,都是可编辑
      可以编辑
    • designMode属性
      整个页面是否可编辑,当页面可编辑时,页面中所有支持contentEditable的属性都变成可编辑状态。只能在javascript脚本里被修改编辑。
      on表示页面可编辑,off表示页面不可编辑
    • hidden属性
      true:元素可见
      false:元素不可见
    • spellcheck属性
      对用户输入的内容进行文本检查
    • tabindex属性
      按tab键获取焦点的顺序


    相关文章

      网友评论

          本文标题:01.HTML5与HTML4的区别

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