HTML5新特性

不管是招聘还是聊天经常能听到 h5开发,它指的是什么?和 HTML5有什么关系?

  • h5实际上是一个解决方案,一个看起来酷炫的移动端onepage网站的解决方案。而这个解决方案不仅包含了HTML5新增的audio标签,canvas,拖拽特性,本地存储,websocket通信,同时也包括了盒模型,包括绝对定位,包括一切前端的基本知识
  • HTML5

HTML5是什么?有哪些新特性?有哪些新增标签?如何让低版本的 IE 支持 HTML5新标签

HTML5 是对 HTML 标准的第五次修订,目前仍未完工。其主要的目标是将互联网语义化,以便更好地被人类和机器阅读,并同时提供更好地支持各种媒体的嵌入。HTML5 的语法是向后兼容的。

  • 语义:能够让你更恰当地描述你的内容是什么。

  • 连通性:能够让你和服务器之间通过创新的新技术方法进行通信。

  • 离线 & 存储:能够让网页在客户端本地存储数据以及更高效地离线运行。

  • 多媒体:使 video 和 audio 成为了在所有 Web 中的一等公民。

  • 2D/3D 绘图 & 效果:提供了一个更加分化范围的呈现选择。

  • 性能 & 集成:提供了非常显著的性能优化和更有效的计算机硬件使用。

  • 设备访问 Device Access:能够处理各种输入和输出设备。

  • 样式设计: 让作者们来创作更加复杂的主题吧!

  • 新增标签有:<header>、<main>,<footer>,<figure>,<nav>,<aside>,<svg>``<section>,<article>,<canvas>。都是块级元素,主要体现了标签的语义化

  • 对于低版本的IE,加入

<scriptsrc="http://apps.bdimg.com/libs/html5shiv/3.7/html5shiv.min.js"></script>

就可以支持HTML5的新标签。

input 有哪些新增类型?

  • color
  • date
  • datetime
  • datetime-local
  • email
  • month
  • number
  • range
  • search
  • tel
  • time
  • url
  • week

参考更多

浏览器本地存储中 cookie 和 localStorage 有什么区别? localStorage 如何存储删除数据。

cookie localStorage
有效期 cookie只在设置的cookie过期时间之前一直有效,即使窗口或浏览器关闭 除非被清除,否则永久保存
数据大小 4K数据极小 5MB
与服务端通信 每次都会携带在HTTP头中 在客户端中保存,不与服务器通信
数据共享 在所有同源窗口中都是共享的 在所有同源窗口中都是共享的
最后编辑于
©著作权归作者所有,转载或内容合作请联系作者
平台声明:文章内容(如有图片或视频亦包括在内)由作者上传并发布,文章内容仅代表作者本人观点,简书系信息发布平台,仅提供信息存储服务。

推荐阅读更多精彩内容

  • 前言 认识HTML5 之前学的是HTML4或者HTML4.1; 网页开发: html:结构 4.0 Css:样式...
    magic_pill阅读 451评论 0 2
  • 问答 1.不管是招聘还是聊天经常能听到 h5开发,它指的是什么?和 HTML5有什么关系? h5指的是一系列技术做...
    GarenWang阅读 28,447评论 2 20
  • HTML5 中的一些有趣的新特性:用于绘画的 canvas 元素用于媒介回放的 video 和 audio 元素对...
    Sun____阅读 424评论 0 0
  • 一、问答 (一)、不管是招聘还是聊天经常能听到 h5开发,它指的是什么?和 HTML5有什么关系? h5开发其实就...
    该帐号已被查封_才怪阅读 764评论 0 3
  • 在佐伽走过无数个光年后,众星臣服的太阳也逐渐变得模糊,而前方的虚无依旧清晰着。佐伽探出手,太空的尘埃擦过,在她早已...
    江汀州阅读 489评论 0 1