什么是 超文本标记语言?

超文本标记语言是用于创建网页和 Web 应用程序的标准标记语言,使用尖括号包围的标签定义文档结构和内容。HTML5 引入了语义元素、原生多媒体支持和丰富的 API,与 CSS 配合实现样式设计,与 JavaScript 配合实现交互功能,是构建现代 Web 的基础技术。

快速了解

创建时间1991 年由 Tim Berners-Lee 创建
规范文档官方规范

工作原理

HTML 由 Tim Berners-Lee 于 1991 年在 CERN 作为万维网项目的一部分创建。它使用基于标签的语法,元素被包含在尖括号(< >)中。HTML 文档由嵌套元素组成,定义文档结构,包括标题、段落、链接、图像和表单。HTML5 是当前版本,引入了语义元素、原生音视频支持、用于图形的 canvas,以及离线存储和地理位置 API。HTML 与 CSS 配合用于样式设计,与 JavaScript 配合实现交互功能。

主要特点

  • 使用尖括号包围的标签语法
  • 支持嵌套元素结构
  • HTML5 引入语义标签(header、nav、article)
  • 原生支持多媒体(audio、video)
  • 表单元素支持用户输入
  • 与 CSS 和 JavaScript 协同工作

常见用途

  1. 创建网页和 Web 应用
  2. 构建电子邮件模板
  3. 开发移动应用界面
  4. 创建文档和报告
  5. 构建用户界面原型

示例

loading...
Loading code...

常见问题

HTML 和 HTML5 有什么区别?

HTML5 是 HTML 的最新版本,引入了语义元素(header、nav、article、section、footer)、原生音视频支持、用于图形的 canvas、表单改进,以及地理位置、本地存储和离线应用的 API。HTML5 还将文档类型声明简化为 <!DOCTYPE html>,并且对语法错误更加宽容。

什么是语义化 HTML 元素?为什么它们很重要?

语义化元素能清晰地向浏览器和开发者描述其含义。例如 <header>、<nav>、<main>、<article>、<section> 和 <footer>。它们提高了屏幕阅读器的可访问性,帮助搜索引擎理解内容结构,使代码更易维护,并提供有意义的文档大纲。

<div> 和 <span> 元素有什么区别?

<div> 是块级元素,占据可用的全部宽度并从新行开始,用于组织较大的内容区块。<span> 是内联元素,只占据必要的宽度且不换行,用于在其他元素内部为小部分文本添加样式。

为什么 HTML 中需要 DOCTYPE 声明?

DOCTYPE 声明(<!DOCTYPE html>)告诉浏览器页面使用的 HTML 版本,确保浏览器以标准模式而非怪异模式渲染页面。没有它,浏览器可能会以不一致的方式渲染页面。在 HTML5 中,声明简化为 <!DOCTYPE html>。

图片标签中 alt 属性的作用是什么?

alt 属性在图片无法显示、正在加载或被屏幕阅读器读取时提供替代文本。它对可访问性至关重要,有助于 SEO,并在图片加载失败时显示。良好的 alt 文本应该简洁地描述图片内容和目的。

相关工具

相关术语

相关文章

代码格式化工具大全【2026】- JS/CSS/HTML/XML格式化最佳实践

全面深度硬核解析前端 Web 网页开发中代码格式化(Code Formatting)与代码压缩优化(Minification)的底层 AST(抽象语法树)核心原理机制。详细系统探讨如何通过自动化配置 ESLint、Prettier 等工具显著提升庞大团队协作代码的规范可读性,并使用 Terser 等现代构建打包工具(Webpack/Vite)极限压缩 JavaScript/CSS 以大幅缩减文件体积,成倍提升网站首屏加载性能与用户转化体验。

2025-02-01

文本编码详解:HTML实体、ASCII、Unicode与字符编码原理

深入解析计算机底层字符编码的核心原理与发展演进历程。全面掌握 ASCII、Unicode 标准体系以及 UTF-8/UTF-16 等变长编码方式的区别。深入学习 HTML 实体编码(Entity Encoding)在现代 Web 安全防范(如 XSS)和前端国际化(i18n)开发中的应用,彻底解决开发中常见的乱码痛点,附带多语言实现代码与在线转码工具。

2024-01-17

Markdown语法速查表:所有功能一文讲透

全面硬核讲解现代 Markdown 标记语言语法的底层 AST 渲染机制与全平台编写规范,深度系统涵盖从基础的各级标题、有序/无序列表,到进阶的超链接与图片嵌套、多语言代码块语法高亮、复杂数据表格等核心排版语法。本指南还深入探讨了 Markdown 与标准 HTML 网页代码之间的双向无损互转技巧、最新的 GFM(GitHub Flavored Markdown) 扩展语法支持及在技术博客撰写中的实战应用场景。

2026-02-06