前端知识梳理-2/HTML5笔记(持续更新)

HTML新增加元素

• 新多媒体元素

• HTML5新增的语义元素(本质还是div)
  //这样做的原因是因为seo,搜索引擎程序是会根据html标签索引的

• HTML5 元素用于图形的绘制，通过脚本 (通常是JavaScript)来完成.
• SVG 可伸缩矢量图形

SVG 用于定义用于网络的基于矢量的图形
SVG 使用 XML 格式定义图形
SVG 图像在放大或改变尺寸的情况下其图形质量不会有损失
//简单来说svg可以比img做更多的事情,svg可以修改里面的颜色、线条等基本属性，甚至是做动画！
//svg是一门语言
SVG 与 Canvas两者间的区别:
SVG 是一种使用 XML 描述 2D 图形的语言。
Canvas 通过 JavaScript 来绘制 2D 图形。
SVG 基于 XML，这意味着 SVG DOM 中的每个元素都是可用的。您可以为某个元素附加 JavaScript 事件处理器。
在 SVG 中，每个被绘制的图形均被视为对象。如果 SVG 对象的属性发生变化，那么浏览器能够自动重现图形。
Canvas 是逐像素进行渲染的。在 canvas 中，一旦图形被绘制完成，它就不会继续得到浏览器的关注。如果其位置发生变化，那么整个场景也需要重新绘制，包括任何或许已被图形覆盖的对象。

• MathML 是数学标记语言，是一种基于XML（标准通用标记语言的子集）的标准，用来在互联网上书写数学符号和公式的置标语言。

//就是专门用来展示数学的标记语言
//html xml mathxl 之间的关系: 标记语言(xml),具体功能不同又细分多种标记语言,超文本标记语言(html),数字标记语言(mathml)
//因为都是通用标记语言的子集,所以他们可以穿插使用,比如html页面上可以出现mathml和svg

• 在 HTML5 中，拖放是标准的一部分，任何元素都能够拖放。
• 地理定位元素
• html5的input输入类型(type)

color
date
datetime
datetime-local
email
month
number
range
search
tel
time
url
week

表单元素/表单属性

html5 Web存储/webSQL

总结:html5目前来说,最重要的是Canvas 和SVG

//svg入门:https://github.com/hangyangws/article/blob/master/src/svg.md
//Canvas入门:https://juejin.im/post/5ac437b5f265da238f12c1c6