HTML的各种标签

笔记来自：https://www.w3school.com.cn/

1. <div>标签

<div> 标签可以定义文档中的分区或节（division/section）。
<div> 标签可以把文档分割为独立的、不同的部分。它可以用作严格的组织工具，并且不使用任何格式与其关联。如果用id或class来标记<div>，那么该标签的作用会变得更加有效。

用法
<div> 是一个块级元素。这意味着它的内容自动地开始一个新行。实际上，换行是<div>固有的唯一格式表现。可以通过<div>的class或id应用额外的样式。

不必为每一个<div>都加上class或id，虽然这样做也有一定的好处。

可以对同一个<div>元素应用class或id属性，但是更常见的情况是只应用其中一种，这两者的主要差异是，class 用于元素组（类似的元素，或者可以理解为某一类元素），而 id 用于标识单独的唯一的元素。

PS： <div>是一个块级元素，也就是说，浏览器通常会在div元素前后放置一个换行符。多使用<div>元素来组合块级元素，这样就可以使用样式对它们进行格式化。

<div>标签支持HTML中的全局属性；
<div>标签支持HTML中的事件属性；

2. <canvas>标签

HTML5 <canvas> 标签用于绘制图像（通过脚本，通常是 JavaScript）。
不过，<canvas> 元素本身并没有绘制能力（它仅仅是图形的容器），必须使用脚本来完成实际的绘图任务。