Hi,这里是正在参加青训营🪖的JustHappy，入坑前端也有一年了，感谢青训营给我这个机会让我回到原点，也是感慨万千啊，So！来看看我这个三流前端目前对基础三件套的理解吧！！！记录一些除了最最基础部分之外要知晓的玩意，不是很全(好吧我承认有些少)，这篇主要是HTML相关笔记
HTML
语义化 🆚 非语义化
常用的语义化标签无非就是以下几种：
<header>：通常包含页面的头部内容，如网站的标题、导航链接等。<nav>：定义导航链接部分，用于重要的链接群。<main>：定义文档的主要内容，每个页面只能有一个。<article>：定义独立的内容区域，如博客文章、新闻故事等。<section>：定义文档中的一个独立部分或章节。<aside>：定义与页面主要内容稍微相关的内容，如侧边栏。<footer>：定义页面或内容区域的底部，通常包含版权信息。<h1>到<h6>：表示不同级别的标题。<ul>和<ol>：分别表示无序列表和有序列表。<li>：列表项。
语义化的作用
- 增加代码的可读性、可维护性
- 提升页面的SEO
- 提升网站的可访问性，使得特殊人群或在特殊情况下能更好的访问页面
不常用但是用起来要命的标签😂
<canvas/> 画布标签 和 <svg/>
这部分可是一个比较大的学问，canvas的功能是十分强大的，大家可以点击这里去MDN看看
canvas 🆚 svg
这二者同样是用于绘制图像的标签，但是他们是有几点不同的，不过这二者是相辅相成的，比如说Echarts就使用了这两种方式 点这去看
-
绘图方式：
canvas是通过JavaScript或者WebGL进行绘图的，其本质上是在绘制点阵，所以是不支持矢量图的，而svg是通过XML格式绘制的，是支持矢量图的
-
性能不同
canvas的性能更高，这得益于canvas可以直接使用GPU渲染，非常适用于大量、复杂的图像操作，很多网页游戏渲染引擎就是用canvas，而svg是基于DOM的，性能较低，但是操作起来会更加简单些
-
可编辑性
canvas一旦绘制完成后内容是不可编辑的，但是svg是可以的
<meta> ：元数据元素
这个标签的用处很杂，与其相关的东西很多，总的来说就是别的标签不干的事情meta来干元素，表示那些不能由其他 HTML 元相关（meta-related）元素表示的元数据信息。如：<base>、<link>、<script>、<style> 或 <title>。（这段是在MDN文档基础上改的，点这里去MDN中meta相关的内容）
