HTML5
2016-08-18 本文已影响27人
INTERNALENVY
1.不管是招聘还是聊天经常能听到 h5开发,它指的是什么?和 HTML5有什么关系?
招聘中的H5不是指一种语言,而是可以制作出一类产品的技术的总称,这类产品中流传最为广泛的是微信活动页面。
2.HTML5是什么?有哪些新特性?有哪些新增标签?如何让低版本的 IE 支持 HTML5新标签。
HTML5是超文本标记语言的第五代标准。
新特性:
- 新增了很多语义化标签,例如<header><footer><main>等。
- 新增了绘图标签<canvas>,并且支持SVG绘图。
- 媒体功能<audio><vedio>。
- 对本地离线存储的更好的支持,分担cookie的压力;例如localStorage和sessionStorage
- 新的跨域通信机制window.postMessage
- 以及一些新的功能:contenteditable,这个属性让原来一些不能被编辑的可以被用户编辑内容;draggable:这个属性能允许用户拖动元素;Geolocation地理位置等。
常用新标签:
- <article> 定义页面独立的内容区域。
- <aside> 定义页面的侧边栏内容。
- <bdi> 允许您设置一段文本,使其脱离其父元素的文本方向设置。
- <command> 定义命令按钮,比如单选按钮、复选框或按钮
- <details> 用于描述文档或文档某个部分的细节
- <dialog> 定义对话框,比如提示框
- <summary> 标签包含 details 元素的标题
- <figure> 规定独立的流内容(图像、图表、照片、代码等等)。
- <figcaption> 定义 <figure> 元素的标题
- <footer> 定义 section 或 document 的页脚。
- <header> 定义了文档的头部区域
- <mark> 定义带有记号的文本。
- <meter> 定义度量衡。仅用于已知最大和最小值的度量。
- <nav> 定义导航链接的部分,<b>自动inline-block了。</b>
- <progress> 定义任何类型的任务的进度。
- <ruby> 定义 ruby 注释(中文注音或字符)。
- <rt> 定义字符(中文注音或字符)的解释或发音。
- <rp> 在 ruby 注释中使用,定义不支持 ruby 元素的浏览器所显示的内容。
- <section> 定义文档中的节(section、区段)。
- <time> 定义日期或时间。
- <wbr> 规定在文本中的何处适合添加换行符。
- 参考
兼容IE9一下版本:
使用这个js文件来兼容
<pre>
</pre>
3.input 有哪些新增类型?
4.浏览器本地存储中 cookie 和 localStorage 有什么区别? localStorage 如何存储删除数据。
- cookie很小,4KB左右,不适合存储业务数据,它的主要用途有保存登录信息,比如你登录某个网站可以看到“记住密码”,这就是通过在 Cookie 中存入一段辨别用户身份的数据来实现的。
- localStorage是HTML5标准中新加入的技术,用于持久化的本地存储,除非主动删除数据,否则数据是永远不会过期的,和cookie不一样,他不会主动的数据发送给服务器,大小可达到5mb左右,并且可永久保存,不参与http通信,本质是在本地读取数据,他分为两种:sessionStorage和localStorage;
版权归ENVY和饥人谷所有,转载请注明出处