H5、C3基础知识笔记
发布于2021-09-15 22:15 阅读(414) 评论(0) 点赞(3) 收藏(4)
HTML5
简介
是最新的 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>
- API
本地存储
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支持在所有同源窗口中共享。
未完待续...
所属网站分类: 技术文章 > 博客
作者：听说你混的不错
链接：http://www.qianduanheidong.com/blog/article/192680/0171448e6231e5a30d9d/
来源：前端黑洞网
任何形式的转载都请注明出处,如有侵权 一经发现 必将追究其法律责任
昵称:
评论内容：(最多支持255个字符)
---无人问津也好，技不如人也罢，你都要试着安静下来，去做自己该做的事，而不是让内心的烦躁、焦虑，坏掉你本来就不多的热情和定力