Code前端首页关于Code前端联系我们

html5有哪些新特性

terry 3年前 (2023-09-10) 阅读数 804 #前端面试题
html5有哪些新特性
  • HTML5 现在已经不是 SGML 的子集,主要是关于图像,位置,存储,多任务等功能的增加
    • 新增选择器 document.querySelector、document.querySelectorAll
    • 拖拽释放(Drag and drop) API
    • 媒体播放的 video 和 audio
    • 本地存储 localStorage 和 sessionStorage
    • 离线应用 manifest
    • 桌面通知 Notifications
    • 语意化标签 article、footer、header、nav、section
    • 增强表单控件 calendar、date、time、email、url、search
    • 地理位置 Geolocation
    • 多任务 webworker
    • 全双工通信协议 websocket
    • 历史管理 history
    • 跨域资源共享(CORS) Access-Control-Allow-Origin
    • 页面可见性改变事件 visibilitychange
    • 跨窗口通信 PostMessage
    • Form Data 对象
    • 绘画 canvas
  • 移除的元素:
    • 纯表现的元素:basefont、big、center、font、 s、strike、tt、u
    • 对可用性产生负面影响的元素:frame、frameset、noframes
  • 支持HTML5新标签:
    • IE8/IE7/IE6支持通过document.createElement方法产生的标签
    • 可以利用这一特性让这些浏览器支持HTML5新标签
    • 浏览器支持新标签后,还需要添加标签默认的样式
  • 当然也可以直接使用成熟的框架、比如html5shim

如何区分 HTML 和 HTML5

  • DOCTYPE声明、新增的结构元素、功能元素

版权声明

本文仅代表作者观点,不代表Code前端网立场。
本文系作者Code前端网发表,如需转载,请注明页面地址。

热门