一,用于绘画的 canvas 元素,<canvas>标签替代Flash

Flash给很多Web开发者带来了麻烦,要在网页上播放Flash需要一堆代码和插件。<canvas>标签使得开发者只要使用一个标签就能和用户产生UI交互。

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

二,对本地离线存储的更好的支持(cookie和session)

三,新的特殊内容元素,比如 article、footer、header、nav、section等

<header>和<footer>这样的标签,用来明确表示网页的结构;新增 <section> 和 <article> 标签,<section>和<article>也有利于清晰化网页的结构,更有利于SEO;新增 <menu> 和 <figure> 标签,<menu>可以被用于创建传统的菜单,也可以用于工具栏和上下文菜单。<figure>标签使得网页文字和图片的排版更专业; 新增 <audio> 和 <video> 标签,这两个标签可能是HTML5里面最有用的两个标签了,使用起来时也异乎方便,如在HTML5页面中嵌入视频只需一小段

<video width="450" height="340" controls>
<source src="jamshed.mp4" type="video/mp4">
Your browser does'nt support video embedding feature.
</video>
四,新的表单控件,比如 calendar、date、time、email、url、search"
五,更加规范,可读性更强,性能有提升,实现一个功能更加简单方便
在W3S是这样介绍HTML5的:

HTML5 中的一些有趣的新特性:

  • 用于绘画的 canvas 元素
  • 用于媒介回放的 video 和 audio 元素
  • 对本地离线存储的更好的支持
  • 新的特殊内容元素,比如 article、footer、header、nav、section
  • 新的表单控件,比如 calendar、date、time、email、url、search

转载于:https://www.cnblogs.com/May-day/p/5375641.html

HTML5 中的新特性:相关推荐

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

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

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

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

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

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

  4. iOS7 中的新特性

    iOS7 中的新特性 太阳火神的美丽人生 (http://blog.csdn.net/opengl_es) 本文遵循"署名-非商业用途-保持一致"创作公用协议 转载请保留此句:太阳 ...

  5. JDK 8 中的新特性

    目录 JDK 8 中的新特性 JDK 8 中的新特性 JDK 版本说明 JDK 8 版本说明 Java Platform, Standard Edition 8 是一个拥有丰富特性的主要版本.本文档总 ...

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

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

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

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

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

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

  9. HTML的表格标签,列表标签,表单标签,HTML5有哪些新特性

    HTML的表格标签,列表标签,表单标签,HTML5有哪些新特性 欢迎大家去博客冰山一树Sankey,浏览效果更好.直接右上角搜索该标题即可 博客园主页:博客园主页-冰山一树Sankey CSDN主页: ...

最新文章

  1. 安装配置JDK和Eclipse的步骤
  2. Verilog Design's Tips
  3. [云炬创业管理笔记]第二章成为创业者讨论2
  4. 第一次使用Linux服务器所栽之坑
  5. 用fft对信号进行频谱分析实验报告_示波器上的频域分析利器,Spectrum View测试分析...
  6. Java多线程系列(八):ConcurrentHashMap的实现原理(JDK1.7和JDK1.8)
  7. 您对无法重新创建的表进行了更改或者启用了“阻止保存要求重新创建表的更改”选项...
  8. Spring + Spring MVC + mybatis 下的 junit4 注入单元测试
  9. 【转载】ubuntu换源
  10. linux /proc/stat 计算线程cpu,Linux下用/proc/stat文件来计算cpu的利用率(附源码)
  11. 别再 select * 了,送你 12 个查询技巧!
  12. 微信小程序发送模板消息通知
  13. python植物大战僵尸代码写完了怎么运行_植物大战僵尸的代码如何使用python来实现...
  14. 屏幕录像专家 V6.0+注册机
  15. codesmith mysql 模板_CodeSmith代码自动生成器 JAVA模版的制作---CodeSmith+MySQL+MyEclipse 10...
  16. 为Dragonfly配置私有仓库
  17. 悉数美剧《黑客军团》中的黑客工具
  18. 如何在Mac上解决蓝牙问题
  19. 比尔盖茨的风流情史,妻子同意他与前女友同居,婚内出轨损失 80 亿
  20. 如何领取1024勋章

热门文章

  1. 设计模式:外观模式(C++)【颜值很重要】
  2. Java:根据字节数截取字符串,但是汉字不能截取半个。
  3. 生活中要常常鼓励别人
  4. .net 使用RabbitMQ demo
  5. 通讯录数据表设计v0.5
  6. Ztree手风琴效果(第三版)
  7. matconvnet在ubuntu15.10下配置和使用方法
  8. Android Eclipse ADT使用Tips
  9. JS 取得当前时间日期
  10. 长三角,也开始“东北化”了