HTML（Hypertext Markup Language）
我正在参加「掘金·启航计划」
今天摸鱼的时间比较久，没怎么好好学习。
报考消防监控中级。害，缴费260大洋，为国家做贡献。感觉前端卷不下去了。
在印象中HTML 的现在面试主要是 HTML5 新特性和基础问题。
看 MDN 文档会比较清晰！
HTML=》MDN 链接地址，用于创建网页结构和内容。它由一系列的HTML元素组成，这些元素通过标签来定义，可以包含文本、图像、链接、表格、表单等内容。
HTML的一些重要概念和基本语法：
- 标签：HTML使用标签来定义和包围不同类型的内容。标签由尖括号 < > 包围，通常成对出现，有起始标签和结束标签。例如,
<h1>是一个起始标签，</h1>是相应的结束标签。有些标签是自闭合的，不需要结束标签，例如<img>标签用于插入图像。- 元素：标签和其包围的内容组成了一个HTML元素。例如，
<p>元素表示一个段落，其中的文本就是该元素的内容。- 属性：HTML标签可以包含属性，用于提供关于元素的额外信息。属性提供了元素的特性、行为和样式。属性位于标签的起始标签中，由名称和值组成。例如，
<img src="转存失败，建议直接上传图片文件 image.jpg" alt="Image转存失败，建议直接上传图片文件">中的src和alt是属性名，而"image.jpg"和"Image"是对应的属性值。- 文本内容：HTML中的文本内容会直接显示在网页上。可以在标签中插入纯文本，也可以使用其他标签嵌套，创建标题、段落、链接等。
- 结构化标记：HTML提供了一些结构化标记，用于定义网页的整体结构。例如，
<header>用于定义页面头部，<nav>用于定义导航栏，<main>用于定义主要内容区域，<footer>用于定义页面底部等。- 超链接：HTML使用
<a>标签来创建超链接。<a>标签的href属性指定了链接的目标URL，可以是其他网页、文件或锚点。- 图像：HTML使用
<img src="转存失败，建议直接上传图片文件 " alt="转存失败，建议直接上传图片文件">标签来插入图像。<img src="转存失败，建议直接上传图片文件 " alt="转存失败，建议直接上传图片文件">标签的src属性指定了图像文件的URL，可以在网页上显示图像。- 表格：HTML使用
<table>、<tr>和<td>等标签来创建表格。<table>表示整个表格，<tr>表示表格的行，<td>表示表格的单元格。- 表单：HTML使用
<form>、<input>、<select>等标签来创建表单。表单用于收集用户输入的数据，例如文本框、单选框、复选框、下拉列表等。
学习HTML可以通过阅读相关教程、参考文档和实践项目来掌握其语法和使用方法。同时，可以结合CSS和JavaScript等技术，进一步丰富和增强网页的样式和功能。
HTML5（Hypertext Markup Language 5）
学习HTML5（Hypertext Markup Language 5）是学习现代前端开发的基础之一。HTML5是最新版本的HTML标准，引入了许多新的特性和功能，使得网页开发更加灵活、功能丰富，并提供了更好的用户体验。
以下是学习HTML5的一些关键点和主题：
- 标签和语义化：HTML5引入了一些新的标签，如
<header>、<nav>、<section>、<article>等，以提供更好的语义化结构，让开发者更清晰地描述页面内容和结构。- 多媒体支持：HTML5提供了内置的多媒体支持，包括
<video>和<audio>标签，使得在网页中嵌入视频和音频内容变得更加简单和可控。- 表单增强：HTML5为表单提供了许多新的特性，如输入类型（如日期、邮箱、数字等）、表单验证、自动完成等，使得用户交互和数据输入更加便捷和准确。
- Canvas绘图：HTML5的
<canvas>元素允许开发者使用JavaScript进行动态图形绘制和图像处理，如绘制图形、渲染图像、实现动画等，为网页添加丰富的图形效果和交互性。- 地理位置和地图：HTML5提供了Geolocation API，使得网页可以获取用户的地理位置信息，从而实现基于位置的服务和功能，如地图、导航、附近的店铺等。
- 存储和离线应用：HTML5提供了本地存储技术，包括Web Storage（localStorage和sessionStorage）和IndexedDB，使得网页可以在客户端存储数据，并支持离线访问和应用缓存。
- Web组件：HTML5引入了Web组件的概念，允许开发者创建自定义的可重用组件，并通过Shadow DOM、HTML模板、自定义元素等技术来封装和扩展现有的HTML标签。
- Web API和交互：HTML5还引入了许多新的JavaScript API，如拖放API、Web Workers、WebSocket、历史状态管理等，使得开发者可以实现更多的交互和实时性功能。
学习HTML5可以通过阅读相关的教程、文档和书籍来掌握其基本语法和特性。同时，实践项目和编写代码也是学习HTML5的重要方式，通过实际的应用和练习来深入理解和掌握HTML5的各种功能和技术。
另外，与其他前端技术（如CSS和JavaScript）的结合应用也是提升HTML5技能的关键，以实现更丰富、交互性强的网页和应用程序。
