每天一道前端面试题系列(2):HTML5有哪些新特性

HTML5有哪些新特性、移除了那些元素?如何处理HTML5新标签的浏览器兼容问题?如何区分 HTML 和 HTML5?

HTML5的新特性:

  • 绘画的 canvas 元素
  • 音频标签:video 和 audio 元素
  • 新增的结构元素:section、article、aside、nav、time、pubdate、header、footer、hgroup、address
  • 新增的状态元素:meter、progress
  • 新增的列表元素:datalist、details、summary
  • 新增的表单元素:calendar、date、time、email、url、search

表单验证

placeholder自动聚焦

  • 对本地离线存储的更好的支持


移除的元素:

  • 纯表现的元素:basefont,big,center,font, s,strike,tt,u;
  • 对可用性产生负面影响的元素:frame,frameset,noframes;


不能识别HTML5新标签而不能使用,解决办法有两种:

  • 方法1:实现标签被识别

通过document.createElement(tagName)方法即可让浏览器识别新标签,浏览器支持新标签后,还可以为新标签添加CSS样式。

  • 方法2:JavaScript解决方案
    • a)使用html5shim:

在中调用以下代码:

当然也可以直接把这个文件下载到自己的网站上,但这个文件必须在head标签中调用。

    • b)使用kill IE6

在之前调用以下代码:


区分HTML和HTML5:

  • DOCTYPE声明
  • 新增的元素
发表评论
留言与评论(共有 0 条评论) “”
   
验证码:

相关文章

推荐文章