Html5（0）初步了解

最新推荐文章于 2023-03-01 20:20:07 发布

几格字符

最新推荐文章于 2023-03-01 20:20:07 发布

阅读量362

点赞数

分类专栏：前端开发（HTML5）前端开发（CSS3）文章标签： html5

本文链接：https://blog.csdn.net/puppyand123/article/details/47406099

版权

前端开发（CSS3）同时被 2 个专栏收录

11 篇文章 0 订阅

订阅专栏

前端开发（HTML5）

8 篇文章 0 订阅

订阅专栏

html的新特性：用于绘图的canvas标签
用于媒体回放的video 和 audio元素
本地离线存储的更好支持
新语意元素：article、footer、header、nav、section
新表单控件：calendar、date、time、email、url、search
浏览器支持：chrome、firefox、opera、ie9、safari
浏览器兼容方法：JavaScript 语句 document.createElement(“myHero”) 是为了为 IE 浏览器添加新的元素
但是IE8以下的版本不支持该方式，可以通过外部的shiv的js文件来解决

    <head>
        <title>Styling HTML5</title>
        <!--[if lt IE 9]>
        <script src="http://apps.bdimg.com/libs/html5shiv/3.7/html5shiv.min.js">
        </script>
        <![endif]-->
    </head>

4.canvas只是一个图形容器，是画布容器。绘图需通过JavaScript 脚本来进行

5.除了cookies之外，html5提供两种新的web存储：

  为什么用：传统cookies的缺点：大小限制4kb；占用带宽；操作麻烦

    localStorage    //没有时间限制的本地存储
    sessionStorage  //针对一个session的数据存储

在js脚本中使用时，可以采用setItem（键，值）和 getItem（键）来保存或获取数据结合JSON使用还可以将本地存储作为一个本地的简单的数据库来使用，具体可以参考极客学院Html5教程第二章第9节

6.html5应用程序缓存，作用：离线浏览，用户可以在离线时时候用
已缓存的资源加载迅速
减少服务器负载

7.html5 SSE Server-Sent Event（服务器发送事件），应用场景：股票/比特比指数查看，两秒刷一次

几格字符

关注

0
点赞
踩
0

收藏

觉得还不错? 一键收藏
0
评论
Html5（0）初步了解

html的新特性：用于绘图的canvas标签用于媒体回放的video 和 audio元素本地离线存储的更好支持新语意元素：article、footer、header、nav、section 新表单控件：calendar、date、time、email、url、search浏览器支持：chrome、firefox、opera、ie9、safari浏览器
复制链接

扫一扫