HTML5新知识笔记

最新推荐文章于 2024-07-19 23:42:48 发布

吴知木Kt

最新推荐文章于 2024-07-19 23:42:48 发布

阅读量99

点赞数

文章标签： html5 html

本文链接：https://blog.csdn.net/KnowTree/article/details/120156547

版权

HTML5

本文内容参考于“HTML5｜W3scool”教程

简介

是最新的 HTML 标准，拥有新的语义、图形以及多媒体元素

提供了新的 API 简化了 web 应用程序的搭建

是跨平台的，被设计为在不同类型的硬件（PC、平板、手机、电视机等等）之上运行

实例

申明HTML5文档类型

<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<title>Title of the document</title>
</head>

<body>
Content of the document......
</body>

</html>

新特性

语义元素

<header>
<footer>
<article>
<section>

表单控件

数字、数字、日期、时间、日历和滑块

图像支持

<canvas>
<svg>

详细内容建议查看“HTML5 Canvas｜W3scool”

多媒体支持

<video>
<audio>

本地存储

sessionStorage约5M，短期存储- 关闭浏览器窗口自动清除

localStorage约20M，永久存储- 需手动删除

// 只能存储字符串，可以将对象 JSON.stringify() 编码后存储

// [api] 指代可选 sessionStorage/localStorage
window.[api].getItem(key)
window.[api].setItem(key, value)
window.[api].removeItem(key)
window.[api].clear()

高频考点：storage和cookie的区别？

存储位置不同：cookie数据始终在同源的http请求中携带，即cookie在浏览器和服务器间来回传递，sessionStorage和localStorage仅在本地保存。

存储容量不同：cookie数据不能超过4k，而sessionStorage和localStorage可以达到5M或更大。

数据有效期不同：sessionStorage：仅在当前浏览器窗口关闭前有效；localStorage：永久有效；cookie：过期时间内有效。

作用域不同：sessionStorage不能在不同的浏览器窗口中共享，即使是同一个页面；localStorage、cookie支持在所有同源窗口中共享。

未完待续…

吴知木Kt

关注

0
点赞
踩
0

收藏

觉得还不错? 一键收藏
0
评论
HTML5新知识笔记

HTML5本文内容参考于“HTML5｜W3scool”教程简介是最新的 HTML 标准，拥有新的语义、图形以及多媒体元素提供了新的 API 简化了 web 应用程序的搭建是跨平台的，被设计为在不同类型的硬件（PC、平板、手机、电视机等等）之上运行实例申明HTML5文档类型<!DOCTYPE html><html><head><meta charset="UTF-8"><title>Title of the
复制链接

扫一扫