深入HTML | 豆包MarsCode AI刷题前言 HTML，即超文本标记语言（HyperText Markup La

前言
- HTML，即超文本标记语言（HyperText Markup Language），是互联网上用于创建网页的主要标记语言。尽管HTML的基础概念相对简单，但深入了解其细节和最佳实践可以帮助开发者创建更加高效、可维护和语义化的网页。本文旨在复盘课程中有关HTML的基础出发的一些东西，逐步深入探讨HTML的一些高级特性和应用场景。
HTML
- HTML文档的基本结构
  - 文档类型声明：<!DOCTYPE html>，告诉浏览器文档遵循哪种HTML版本的标准。
  - 根元素：<html>，它是HTML文档的顶级元素。
  - 头部信息：<head>，包含文档的元数据，如标题 <title>、字符集声明 <meta charset="UTF-8">、样式表链接 <link> 和脚本引入 <script>。
  - 主体内容：<body>，页面中所有可见内容都放置在此元素内部。
- 语义化标签
  - 随着HTML5的推出，许多新的语义化标签被引入，它们不仅提高了代码的可读性，还增强了页面的可访问性和SEO效果。
  1. <header> 和 <footer> 分别用于定义页面的头部和尾部。
  2. <nav> 用于定义导航链接。
  3. <article> 和 <section> 用于定义文档中的独立部分。
  4. <aside> 通常用于定义与主要内容相关的辅助信息。
  5. <main> 定义文档的主要内容。
- 几个案例：
  - 如下是一个频道按钮区，点击其中一个按钮能够跳转至对应的频道页面，故此按钮可以使用a标签，提供点击跳转的功能。
  - 如下是一个搜索框案例，主要功能是可供关键字输入，这里用了<form>表单中的<input>原生标签，并在此基础上进行样式微调，其中的type属性代表着这是个输入框input，autocomplete代表着输入时是否自动补全，由此但从代码上也方便看出这个代码块用于输入。
  - 如下是一个B站视频界面，视频部分用的是html中的<video>标签，其中的preload属性代表着预加载，src属性则代表着该视频的链接或来源。由此可见，html有涵盖网页各部分内容的各式各样的各司其职的标签，需要我们对大多数主要标签掌握熟悉。
总结：HTML不仅仅是关于创建静态网页的技术，它还是构建现代Web应用程序的基石之一。通过在青训营的不断的学习和实践，我逐渐能够充分利用HTML的强大功能，创造出既美观又实用的网页。