【学习】【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="替代文本" />
:图像元素,注意所有空标签必须闭合。
原文地址:https://blog.csdn.net/m0_61097007/article/details/143716395
免责声明:本站文章内容转载自网络资源,如本站内容侵犯了原著者的合法权益,可联系本站删除。更多内容请关注自学内容网(zxcms.com)!