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

HTML5 是定义 HTML 标准的最新的版本。 该术语表示两个不同的概念:

它是一个新版本的HTML语言,具有新的元素,属性和行为

它有更大的技术集,允许更多样化和强大的网站和应用程序

HTML5新特性:

HTML5 现在已经不是 SGML 的子集,主要是关于图像,位置,存储,多任务等功能

增加绘画 canvas

用于媒介回放的 video 和 audio 元素

本地离线存储 localStorage 长期存储数据,浏览器关闭后数据不丢失

sessionStorage 的数据在浏览器关闭后自动删除

语意化更好的内容元素,比如 article、footer、header、nav、section

表单控件,calendar、date、time、email、url、search

新的技术webworker, websocket, Geolocation

移除元素:

纯表现的元素basefont ,big,center,font, s,strike,tt,u

对可用性产生负面影响的元素:frame,frameset,noframes

处理HTML5新标签的浏览器兼容问题:

IE8/IE7/IE6支持通过document.createElement方法产生的标签,可以利用这一特性让这些浏览器支持HTML5新标签,浏览器支持新标签后,还需要添加标签默认的样式。

可直接使用成熟的框架、比如html5shiv

如何区分 HTML 和 HTML5:

DOCTYPE声明

新增元素

HTML5有哪些新特性相关推荐

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

    前端面试题(4) 打卡 2021-4-28 HTML HTML5 有哪些新特性.移除了哪些元素? HTML5新增27个元素 移除16个元素 根据现有的标准规范,把 HTML5的元素 按 优先级 定义为 ...

  2. 【Day05】Html5 有哪些新特性?如何处理 Html5 新标签的浏览器兼容问题?如何区分 Html 和 Html5?

    Html5 有哪些新特性?如何处理 Html5 新标签的浏览器兼容问题?如何区分 Html 和 Html5? 一.Html5 新特性 1. 拖拽释放(Drag and drop)API 2. 语义化更 ...

  3. 开课吧:Html5有哪些新特性?

    在编程中,语义指的是一段代码的含义,这个HTML元素有什么作用,扮演了什么样的角色.简单的概括为:在适当的位置使用适当的标签,用正确的标签做正确的事情 Html5有哪些新特性? Html5有哪些新特性 ...

  4. 前端教程:HTML5有哪些新特性?

    当我们进行Web开发时,使用Html是非常重要的,因为它包含了最基本的网页结构,尽管Html只能帮助我们构建静态网页,但这是我们最不能缺少的部分,如果将网页比作房屋,那么Html就是基础,今天就跟随小 ...

  5. HTML5超酷新特性WebSockets初体验

    人人网Web前端开发工程师暴风彬彬(网名),在个人网站彬Go上发表了一篇博文<HTML5 WebSockets 基础使用教程>,和大家一起分享了如何利用HTML5超酷新特性WebSocke ...

  6. 前端HTML5十大新特性详细总结

    前端HTML5十大新特性总结 一 必须知道 写前端的都知道,在代码最前面都有这一行代码,大家都知道一定要把这东西写上去. <!DOCTYPE html> 但是!这是什么玩意儿?为什么要写上 ...

  7. html5表单新特性

    html5表单新特性 学习的笔记,记录备忘. 效果图: 代码: <!DOCTYPE html> <html><head><meta charset=" ...

  8. 【面试】HTML5 有哪些新特性?_声明方式

    最近看了一些与html基础相关的入门教学视频,心得感悟只有:不同特性的标签记住就好了!但理智告诉我,一切还未正式开始.肿么办?-_-# 是不是可以根据具体html的面试问题对理论知识进行认知拓展与实践 ...

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

    * HTML5 现在已经不是 SGML 的子集,主要是关于图像,位置,存储,多任务等功能的增加. 绘画 canvas; 用于媒介回放的 video 和 audio 元素; 本地离线存储 localSt ...

最新文章

  1. Gartner:预计2018年人工智能行业总价值达1.2万亿美元
  2. 春季学期第十一周作业
  3. VS2008+Windows DDK 7的环境配置(二)
  4. Linux 安装Anroid Studio 0.8
  5. Iphone表视图的简单操作
  6. friso mysql_非sqlite和nigix的开源c项目
  7. 【ElasticSearch】ElasticSearch 嵌套查询:如何搜索嵌入的文档
  8. html中怎么给url格式化,如何将文本中的url提取出来格式化,然后将其它的html escape?...
  9. 没有web.xml如何使用 Maven打war包?
  10. 华为OSPF多区域+路由重发布/路由引入
  11. InDesign 软件教程,如何在 InDesign 中缩放和平移文档?
  12. Elasticsearch 备份数据到 AWS S3
  13. Tom的页面专题制作工具Pagemaker化腐朽为神奇
  14. 微信公众平台和微信开放平台的区别
  15. 计算机笔记本摄像头无法使用,笔记本摄像头不能用怎么回事 笔记本摄像头不能用解决方法...
  16. 超详细的新手8周跑步入门训练计划(从走跑开始)
  17. 开放网络基金会(ONF)发布开放式创新渠道 开放网络迎来变革
  18. 文字下划线从中间往两头延伸动画
  19. html5如何提交到邮箱,如何在html网页中提交表单直接发送到邮箱
  20. CSS filter有哪些用途

热门文章

  1. 苹果M1芯片:如何开启一个时代
  2. JavaScript 已被淘汰?
  3. 腾讯公布5G开放平台全景图,定义12大场景,引入45个应用
  4. 真棒!20 张图揭开内存管理的迷雾
  5. C 语言漏洞最严重,PHP 最易受攻击,程序员该怎么写代码?
  6. 超 10000 名开发者在追的技术栏目,你绝不能错过!
  7. 程序员面向软件开发时,如何成功?
  8. 程序员必备神卡!仅500张,价值万元0.8折抢!4个月小白变大牛!(送机械键盘)
  9. 漫画:如何给女朋友解释什么是单例模式?| 技术头条
  10. @程序员,你真的会用 Unix 命令?