【前端面试笔记】HTML5篇

本文探讨了HTML5的新特性,包括拖放API、语义化标签、音频视频API、画布API、地理API、本地储存等,以及移除的元素如big、center等。同时介绍了如何处理HTML5新标签的浏览器兼容问题,通过使用html5shim框架让旧版IE支持新标签,并解释了如何通过DOCTYPE声明区分HTML和HTML5。文章还涉及浏览器内多个标签页之间的通信方法,利用localStorage和cookie实现数据共享。

1,HTML5有哪些新特性,移除了哪些元素?

  • 拖放API
  • 语义化更好的标签,例如,header,nav,footer,aside,article,section
  • 音频视频(Audio,Video)API
  • 画布(Canvas)API
  • 地理(Geolocation)API
  • 本地离线储存,长期储存,浏览器关闭后数据不丢失
  • 会话储存,数据在浏览器关闭后自动删除
  • 表单控件包括calendar,data,time,email,URL,search
  • 新的技术包括webworker,websocket,Geolocation
  • 移除的元素有:纯表现的元素,包括big,center,font,strike,tt,u,s;对可用性产生负面影响的元素:frame,frameset,noFrame

2,如何处理HTML5新标签浏览器的兼容问题

IE678支持用document.creatElement产生标签,可以用此让这些浏览器支持标签;

浏览器支持标签后,可以添加标签默认样式,最好是使用成熟的框架,引入html5shim框架

3,如何区别HTML和HTML5

用doctype声明新增的结构元素和功能元素来区分他们

4,如何实现浏览器内多个标签页之间的通信

在标签页之间,调用localstorage,cookie等数据储存,实现通信

5,Canvas和SVG内容

6,Cookie和Session的区别

7,应用缓存的内容

评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值