标签：存储 哪些 标签 更新 表单 num HTML5 选择器 history
语义化标签
header、nav、article、section、aside、footer
媒体标签
audio
<audio src='' controls autoplay loop='true'></audio>
video
<video src='' poster='imgs/aa.jpg' controls></video>
source标签
因为浏览器对视频格式支持程度不一样，为了能够兼容不同的浏览器，可以通过source来指定视频源。
<video>
<source src='aa.flv' type='video/flv'></source>
<source src='aa.mp4' type='video/mp4'></source>
</video>
表单
表单类型
tel、search、number、email、url、date、time、month、week、color、
表单属性
required、autofocus、autocomplate、multiple、pattern、form
表单事件
oninput：每当input里的输入框内容发生变化都会触发此事件。
oninvalid：当验证不通过时触发此事件。
进度条、度量器
进度条：progress标签：用来表示任务的进度（IE、Safari不支持），max用来表示任务的进度，value表示已完成多少
度量器 ● meter属性：用来显示剩余容量或剩余库存（IE、Safari不支持）
○ high/low：规定被视作高/低的范围
○ max/min：规定最大/小值
○ value：规定当前度量值 设置规则：min < low < high < max
DOM查询操作
document.querySelector(‘’“)
返回文档中与指定选择器或选择器组匹配的第一个 Element对象。 如果找不到匹配项，则返回null。
document.querySelectorAll(‘’”)
返回文档中匹配指定 CSS 选择器的所有元素，返回 NodeList 对象。NodeList 对象表示节点的集合。可以通过索引访问，索引值从 0 开始。
Web存储
sessionStorage：针对一个 session 的数据存储（会话存储：关闭页面会消失）
localStorage：没有时间限制的数据存储（本地存储：关闭页面不会消失）
history API
history.go(num)（前进或后退,可正可负）
history.forward(num)（前进）
history.back（num）（后退）
pushstate
其他
拖放：<img draggable="true" />
画布（canvas ）：canvas 元素使用 JavaScript 在网页上绘制图像。画布是一个矩形区域，可以控制其每一像素。canvas 拥有多种绘制路径、矩形、圆形、字符以及添加图像的方
法。 <canvas id="myCanvas" width="200" height="100"></canvas>
SVG：SVG 指可伸缩矢量图形，用于定义用于网络的基于矢量的图形，使用 XML 格式定义图形，图像在放大或改变尺寸的情况下其图形质量不会有损失，它是万维网联盟的标准
地理定位：Geolocation（地理定位）用于定位用户的位置。
标签：存储,哪些,标签,更新,表单,num,HTML5,选择器,history 来源： https://www.cnblogs.com/anpu/p/16327755.html
本站声明： 1. iCode9 技术分享网（下文简称本站）提供的所有内容，仅供技术学习、探讨和分享； 2. 关于本站的所有留言、评论、转载及引用，纯属内容发起人的个人观点，与本站观点和立场无关； 3. 关于本站的所有言论和文字，纯属内容发起人的个人观点，与本站观点和立场无关； 4. 本站文章均是网友提供，不完全保证技术分享内容的完整性、准确性、时效性、风险性和版权归属；如您发现该文章侵犯了您的权益，可联系我们第一时间进行删除； 5. 本站为非盈利性的个人网站，所有内容不会用来进行牟利，也不会利用任何形式的广告来间接获益，纯粹是为了广大技术爱好者提供技术内容和技术思想的分享性交流网站。