• 技术文章 >web前端 >H5教程

    若干个HTML5的新特性与技术

    2016-05-17 09:09:32原创595

    1. 新的Doctype

    尽管使用,即使浏览器不懂这句话也会按照标准模式去渲染

    2. Figure元素

    来语义化地表示带标题的图片

    About image

    This is an image of something interesting.

    3. 重新定义的

    已经被重新定义了,现在被用来表示小的排版,如网站底部的版权声明

    4. 去掉link和script标签里面的type属性

    5. 加/不加 括号

    HTML5没有严格的要求属性必须加引号,闭合不闭合,但是建议加上引号和闭合标签

    6. 让你的内容可编辑,只需要加一个contenteditable属性

    7. Email Inputs

    如果我们给Input的type设置为email,浏览器就会验证这个输入是否是email类型,当然不能只依赖前端的校验,后端也得有相应的校验

    8. Placeholders

    这个input属性的意义就是不必通过javascript来做placeholder的效果了

    9. Local Storage

    使用Local Storage可以永久存储大的数据片段在客户端(除非主动删除),目前大部分浏览器已经支持,在使用之前可以检测一下window.localStorage是否存在

    10. 语义化的header和footer

    11. 更多的HTML5表单特性

    12. IE和HTML5

    默认的,HTML5新元素被以inline的方式渲染,不过可以通过下面这种方式让

    其以block方式渲染

    header, footer, article, section, nav, menu, hgroup {

    display: block;

    }

    不幸的是IE会忽略这些样式,可以像下面这样fix:

    document.createElement("article");  document.createElement("footer");  
    document.createElement("header");  document.createElement("hgroup");  
    document.createElement("nav");  document.createElement("menu");

    13. hgroup

    一般在header里面用来将一组标题组合在一起,如

    Recall Fan Page

    Only for people who want the memory of a lifetime.

    14. Required属性

    required属性定义了一个input是否是必须的,你可以像下面这样声明

    或者

    15. Autofocus属性

    正如它的词义,就是聚焦到输入框里面

    16. Audio支持

    HTML5提供了

      

      相关课程推荐

    • javascript初级视频教程

      《javascript初级视频教程》是JavaScript的入门课程,旨在让大家认识,了解JavaScript的常见概念

      JavaScript教程79194次播放


    • jquery 基础视频教程

      jQuery 很容易学习,希望通过我们的《jquery 基础视频教程》可以帮助大家来更好的学习jQuery。 jQuery 是一个 JavaScript 库,简化了 JavaScript 编程。

      jQuery教程49495次播放


    • javascript三级联动视频教程

      《javascript三级联动视频教程》介绍了javascript开发的三级联动功能,该功能在日常使用中还是经常能用的到的一个。

      JavaScript教程29237次播放


    • 独孤九贱(3)_JavaScript视频教程

      javascript是运行在浏览器上的脚本语言,连续多年,被评为全球最受欢迎的编程语言。是前端开发必备三大法器中,最具杀伤力。如果前端开发是降龙十八掌,好么javascript就是第18掌:亢龙有悔。没有它,你的前端生涯是不完整的。《php.cn独孤九贱(3)-JavaScript视频教程》课程特色:php中文网原创幽默段子系列课程,以恶搞,段子为主题风格的php视频教程!轻松的教学风格,简短的教学模式,让同学们在不知不觉中,学会了javascript知识。

      JavaScript教程117634次播放


    • 独孤九贱(6)_jQuery视频教程

      jQuery是一个快速、简洁的JavaScript框架。设计的宗旨是“write Less,Do More”,即倡导写更少的代码,做更多的事情。它封装JavaScript常用的功能代码,提供一种简便的JavaScript设计模式,优化HTML文档操作、事件处理、动画设计和Ajax交互。 核心特性可以总结为:具有独特的链式语法和短小清晰的多功能接口;具有高效灵活的css选择器,并且可对CSS选择器进行扩展;拥有便捷的插件扩展机制和丰富的插件。兼容各种主流浏览器,如IE 6.0+、FF 1.5+、Safari 2.0+、Opera 9.0+等,是全球最流行的前端开发框架之一。PHP中文网根据最新版本,独家录制jQuery最新视频教程,回馈PHP中文网的新老用户。

      jQuery教程97135次播放


    全部评论我要评论

  • 取消发布评论发送
  • 1/1