本站消息

站长简介/公众号


站长简介:逗比程序员,理工宅男,前每日优鲜python全栈开发工程师,利用周末时间开发出本站,欢迎关注我的微信公众号:程序员总部,程序员的家,探索程序员的人生之路!分享IT最新技术,关注行业最新动向,让你永不落伍。了解同行们的工资,生活工作中的酸甜苦辣,谋求程序员的最终出路!

 价值13000svip视频教程,前端大神匠心打造,零基础前端开发工程师视频教程全套,基础+进阶+项目实战,包含课件和源码

  出租广告位,需要合作请联系站长


+关注
已关注

分类  

暂无分类

标签  

暂无标签

日期归档  

2021-03(439)

2021-04(188)

2021-05(168)

2021-06(99)

2021-07(4)

H5、C3基础知识笔记

发布于2021-09-15 22:15     阅读(118)     评论(0)     点赞(3)     收藏(4)


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>

新特性

  1. 语义元素
<header>
<footer>
<article>
<section>
  1. 表单控件

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

  1. 图像支持
<canvas>
<svg>

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

  1. 多媒体支持
<video>
<audio>
  1. 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/

来源:前端黑洞网

任何形式的转载都请注明出处,如有侵权 一经发现 必将追究其法律责任

3 0
收藏该文
已收藏

评论内容:(最多支持255个字符)