HTML5技术

HTML5学习笔记----html5与传统html区别 - jerry666

字号+ 作者:H5之家 来源:博客园 2016-01-01 17:57 我要评论( )

一. HTML5语法的改变 该知识点所说变化指的是基于HTML4基础上所定义的改变,主要有如下: 为了保证兼容性,需从元素说起,在HTML5.中,元素的标记可以省略。其体来说,元素的标记分为不允许写结束标记、可以省略结束标记和开始标记和结束标记全部可以省略三

一. HTML5语法的改变

该知识点所说变化指的是基于HTML4基础上所定义的改变,主要有如下:

 

   为了保证兼容性,需从元素说起,在HTML5.中,元素的标记可以省略。其体来说,元素的标记分为“不允许写结束标记”、“可以省略结束标记”和‘“开始标记和结束标记全部可以省略”三种类型。

  •  不允许写结束标记元素有:area、base、br、col.....
  •  可以省略结束标记:li、dt、dd、p、rt......
  •  开始标记和结束标记全部可以省略:html、head、body.....

     

  • 二.新增的结构元素

     

     

    2、新增的其他元素

     

     

    3、新增的input元素

     

          HTML5拥有多个可供选取日期和时间的新型输入文本框:

     

     

    三.废除元素

     

    1、能使用CSS替代的元素

     

  • 对干basefont、big、center、font、s、strike、tt、u这些元素,由于它们的功能都是纯粹去画面展示服务的,而HTML5中提倡把画面展示性功能放在CSS样式表中统一编辑,所以这些元素废除了
  •  

    2、不再使用frame框架

     

  • 对于frameset元素、frame元素与noframes元素,由于frame框架对网页可用性存在负面影响,在HTML5中已不支持frame框架,只支持iframe框架,或者用服务器方创建的由多个页面组成的复合页面的形式,同时将以上这三个元素废除。
  •  

    3、只有部分浏览器支持的元素

     

  •  对于applet、bgsound、blink、marquee等元素,由于只有部分浏览器支持这些元素,特别是bgsound元素以及marquee元素,只被Internet Explorer所支持,所以在HTML 5中被废除。其中applet元素可由ernedd元素或object元素替代,bgsound元素可由audio元素替代,marquee可以由JavaScript编程的方式所替代
  •  

    4、其他被废除的元素:

     

     

     

    四.新增属性和废除属性

    一、新增属性

    1、与表单相关属性

     

    2、与链接相关属性
    3、其他属性

     

    二、废除属性

     

     

    五.全局属性

          在HTML5中,新增了一个’‘全局属性“的概念。所谓全局属性,是指可以对任何元素都使用的属性。

     

    1、contentEditable 属性

  • 该属性允许用户编辑元素中的内容,可以获得鼠标焦点,属性为布尔值,可被指定为true或false。另外,该属性还有个隐藏inherit状态,为true时,允许编辑,为false时,不允许编辑,未指定时,由inherit决定。
  • 2、designMode 属性
  • 该属性用来决定整个页面是否可编辑。有两个属性“on”与"off"。属性为"on"时,可编辑,为“off”时,不可编辑。
  • 3、hidden属性
  • 所有元素都允许使用一个hidden属性,该属性类似于input元素中的hidden元素,功能是通知浏览器不渲染该元素,使该元素处于不可见状态。该属性值为布尔值,为true时,不可见,为false时,可见。
  • 4、spellcheck属性
  • 该属性是HTML 5针对input元素(type=text) 与textarea这两个文本输入框提供的一个新属性,主要对用户输入内容进行拼写与语法检查。属性值为布尔值,书写时必须明确声明属性值为true或false书写方式如下:
  •   <!—以下两种书写方法正确—>
    <textarea spellcheck="true"  >
    <input type=text spellcheck=false>
       <!—以下两种书写方法为错误—>
    <textarea spellcheck  >

     

     

     

    1.本站遵循行业规范,任何转载的稿件都会明确标注作者和来源;2.本站的原创文章,请转载时务必注明文章作者和来源,不尊重原创的行为我们将追究责任;3.作者投稿可能会经我们编辑修改或补充。

    相关文章
    • HTML5 进阶系列:拖放 API 实现拖放排序 - _林鑫

      HTML5 进阶系列:拖放 API 实现拖放排序 - _林鑫

      2017-05-02 11:02

    • HTTP协议学习随笔 - 糖醋酸辣椒

      HTTP协议学习随笔 - 糖醋酸辣椒

      2017-05-01 18:03

    • HTML5 进阶系列:indexedDB 数据库 - _林鑫

      HTML5 进阶系列:indexedDB 数据库 - _林鑫

      2017-04-27 14:02

    • HTML5 高级系列:web Storage - _林鑫

      HTML5 高级系列:web Storage - _林鑫

      2017-04-27 14:01

    网友点评