【学习】【HTML】HTML、XML、XHTML

HTML

什么是 HTML？

HTML (HyperText Markup Language) 是一种用于创建和展示网页的标准标记语言。它由一系列的元素组成，这些元素通过标签的形式来告诉浏览器如何显示内容。

HTML 的基本结构是什么？

<!DOCTYPE html>
<html>
<head><title>页面标题</title>
</head>
<body><h1>主标题</h1><p>这是页面的内容。</p>
</body>
</html>

<!DOCTYPE html>：声明文档类型为 HTML5。
<html>：根元素，包裹整个 HTML 文档。
<head>：包含文档的元数据，如标题、字符集、样式表链接等。
<title>：定义文档的标题，显示在浏览器的标签页上。
<body>：包含文档的所有可见内容，如文本、图像、视频等。

什么是 HTML5？

HTML5 是第五个主要版本的 HTML，旨在改进 Web 应用的功能和性能。
引入了许多新特性，如语义化标签、多媒体支持、表单控件、本地存储等。

HTML5 有哪些新特性？

语义化标签：如 <header>, <footer>, <nav>, <article>, <section> 等。
多媒体支持：<audio> 和 <video> 标签。
表单控件：新的输入类型，如 email, date, range 等。
本地存储：localStorage 和 sessionStorage。
Canvas：绘图区域，支持动态绘图和动画。
Web Workers：后台线程，支持复杂计算任务。

HTML 的 DOCTYPE 是什么？为什么需要它？

DOCTYPE 声明位于文档的最顶部，告诉浏览器文档的类型和版本。例如，HTML5 的 DOCTYPE 是 <!DOCTYPE html>。
DOCTYPE 有助于浏览器正确解析文档，避免进入怪异模式（Quirks Mode）

HTML 中的 meta 标签有什么作用？

<meta> 标签用于提供文档的元数据，如字符集、描述、关键词等。例如，<meta charset="UTF-8"> 设置字符编码，<meta name="description" content="页面描述"> 提供页面描述。

XML

什么是 XML？

XML 是一种用于存储和传输数据的标记语言。
强调数据的结构化表示，要求所有标签必须正确闭合，并且区分大小写。

XML 的基本结构是什么？

<?xml version="1.0" encoding="UTF-8"?>
<catalog><book id="bk101"><author>Gambardella, Matthew</author><title>XML Developer's Guide</title></book>
</catalog>

<?xml version="1.0" encoding="UTF-8"?>：声明文档的版本和字符编码。
<catalog>：根元素，包裹整个 XML 文档。
<book>：子元素，表示一本书。
id="bk101"：属性，提供额外的信息。
<author>、<title>：子元素，表示书的不同属性。

什么是 DTD 和 XML Schema？

DTD (Document Type Definition)：定义了 XML 文档的合法结构。
XML Schema：类似于 DTD，但功能更强大，使用 XML 语法定义，支持数据类型、复杂的数据结构等。

如何解析 XML 数据？

使用 DOMParser 解析器：将整个 XML 文档加载到内存中，形成一个树状结构。

XHTML

什么是 XHTML？

XHTML 是 HTML 的一个更严格的版本，结合了 HTML 和 XML 的特性。
要求所有标签必须闭合，属性值必须用引号括起来，且所有标签名和属性名都必须小写。
XHTML 提供了模块化的设计，允许开发者根据需要选择不同的模块来构建文档。
最终被 HTML5 取代。

XHTML 的基本结构是什么？

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head><meta http-equiv="Content-Type" content="text/html; charset=UTF-8" /><title>页面标题</title>
</head>
<body><h1>主标题</h1><p>这是页面的内容。</p>
</body>
</html>

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">：声明文档类型为 XHTML 1.0 严格模式。
<html xmlns="http://www.w3.org/1999/xhtml">：根元素，指定命名空间。
<head>：包含文档的元数据，如标题、字符集、样式表链接等。
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8" />：定义文档的字符编码。
<title>：定义文档的标题，显示在浏览器的标签页上。
<body>：包含文档的所有可见内容，如文本、图像、视频等。
<img src="image.jpg" alt="替代文本" />：图像元素，注意所有空标签必须闭合。