前言
HTML是前端开发中最基本也是最简单的一门语言，它不能完成一些控制流，计算一些数据操作类问题，它只是一门标记语言。
基本语法
HTML的基本语法包括标签（元素），文本，注释，DTD和处理信息。标签是最核心的HTML语法， DTD用来声明文档中可以用哪些标签，标签语法特性有哪些，类似语言的语法定义文档，处理信息是给浏览器看的特殊标记。
标签分类
标签分类有文档型，闭合型，换行型和HTML5新元素。
head标签
head标签是一个容器标签，用于放置网页的元信息。它的内容不会出现在网页上，而是为网页渲染提供额外信息。
title是网站页标题，全局唯一；base是向页面所有相对URL提供前缀，全局唯一但不建议使用，这实际上是一种过度耦合的设计，已不再流行；meta通常是约定好的键值对，也有例外charset和http-equiv;link的rel决定类型，href决定引入地址；script是很灵活的标签，通过type指定MIME类型，可内嵌代码，可外链文件。
body功能性标签
网页身体标签，所有网页内容都在里面，存放各种标签。
HTML ARIA
通过给标签添加一些额外的属性，使整个页面理解起来更容易。
HTML5
用对比不用好，不用比用错好
HTML5语义化标签
HTML5引入了一些新的语义化标签，如header、nav、article、section等，使开发者可以更清晰地描述网页的结构和内容。
HTML5表单增强
HTML5为表单元素提供了一些新的特性，如输入类型（email、url、date等）、表单验证、自动完成等，提供了更好的用户交互和输入验证功能。
HTML5存储
HTML5引入了Web Storage（localStorage和sessionStorage）和IndexedDB，使得网页可以在客户端本地存储数据，减少了对服务器的依赖。local storage和session storage相对于cookies来说存储容量更大，性能更好。
HTML5 IndexedDB
IndexedDB更适用于复杂场景，为Web应用程序提供了一种方便的方式来存储大量结构化数据，并提供高效的索引查询和检索功能。
HTML5 PWA & AMP
基于存储的应用有PWA和AMP两种方式，PWA是基于servise worker来进行的，所以需要判断是否存在激活的servise，worker； AMP主要对搜索引擎来使用，由开发者提供URL，然后进行爬虫抓取，判断是否是AMP。
HTML5 Audio和HTML5 video
HTML5添加了和标签，使得在网页上嵌入和播放视频和音频变得更加简单和直接，不再需要依赖第三方插件。
HTML5 API
HTML5提供了Geolocation API，可以通过浏览器获取用户的地理位置信息，为基于位置的应用和服务提供支持。
获取用户地理位置
HTML5 Web Worker
HTML5的Web Workers允许在后台运行多线程的JavaScript脚本，提高了网页的性能和响应能力。
HTML5 Web Sorket
HTML5的WebSocket提供了一种全双工的通信机制，使得浏览器和服务器之间可以建立持久的、实时的双向通信连接。
HTML5 Shadow DOW
Shadow DOW是一种特殊的节点，它可以避免自己内部的元素被外面的元素访问到，保留具有内聚功能的一个HTML元素
HTML5 Web Component
Web Component赋予我们自定义标签的能力,它是HTML5提供的一种原生组件封装集成的方式，我们可以通过这种技术封装一些类似Vue自定义组件的元素，在html中直接使用。
HTML5 SVG & Canvas
SVG是基于HTML的一个向量化的图片，可以用来交互；而Canvas标签允许开发者使用JavaScript在网页上绘制图形、动画和游戏等互动元素，提供了强大的图形处理能力。SVG是可扩展的，而Canvas是点阵式，在调整过程中容易失真，因此尺寸变化时都要进行调整；通常SVG更像素描，Canvas更像水彩。
HTML5 WebAssembly
WebAssembly（WASM）是一种二进制格式文件，它不是直接书写的，它可以由c和从c++这类编译型语言通过转移工具生成。WASM和js的运行环境是完全隔离的，因此它们需要ImportOBJ和ExportOBJ进行通信.
WebAssembly加载和实例化
总结
HTML为前端开发者提供了便利的功能和工具，使网页制作更加丰富且易于开发，大大提高了开发效率，作为一名前端开发初学者，学习和掌握好HTML是非常重要的。
