前端面试题 - 标记语言的概念_前端什么是于可扩展标记语言-优快云博客

本文链接：https://blog.youkuaiyun.com/EchoLiner/article/details/129333642

本文介绍了URI的作用，它是用于标识互联网资源的字符串。接着讨论了DTD，它是XML或HTML的语法规则，帮助编写合法代码并确保浏览器正确显示。此外，还提到了SGML，XML和HTML的关系，以及XML作为数据传输工具的角色。HTML5与HTML的区别在于结构语义化和DOCTYPE的简化。DOCTYPE用于规范浏览器解析行为，严格模式和混杂模式影响页面渲染。最后，文章概述了Web标准，特别是W3C标准的重要性，以及XHTML与HTML的差异，包括语法严格性和大小写敏感性等方面。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

1、URI是什么？

统一资源标识符（Uniform Resource Identifier，URI)

URI用于标识某一互联网资源名称的字符串。

该种标识允许用户对任何（包括本地和互联网）的资源通过特定的协议进行交互操作。

Web上可用的每种资源 - HTML文档、图像、视频片段、程序等 - 由一个URI进行定位。

2、DTD是什么？

文档类型定义（Document Type Definition，DTD)

DTD是一套关于标记的语法规则，它说明了在XML或HTML中哪些标记可以使用、哪些标记具有属性以及使用标记出现的顺序是什么。

DTD的作用：1️⃣帮助编写出合法的代码；2️⃣让浏览器正确地显示代码。

3、SGML是什么？

标准通用标记语言(Standard Generalized Markup Language，SGML)

SGML是国际上定义电子文档和内容描述的标准。

1986年经ISO批准为国际标准ISO8897，并被称为SGML。

4、XML是什么？

可扩展标记语言（extensible Markup Language，XML）

对 XML 最好的描述是：XML 是独立于软件和硬件的信息传输工具。

XML 是各种应用程序之间最常用的数据传输工具。

XML 于 1998 年 2 月 10 日成为 W3C 的推荐标准。

目前，XML 在 Web 中起到的作用不亚于一直作为 Web 基石的 HTML。

5、XML 和 HTML 之间的差异

XML 不是 HTML 的替代，XML 是对 HTML 的补充。

（1）XML 和 HTML 为不同的目的而设计：

XML 被设计用来传输和存储数据，其焦点是数据的内容。

HTML 被设计用来显示数据，其焦点是数据的外观。

（2）有无预定义标签

XML 没有预定义标签，XML 允许创作者定义自己的标签和自己的文档结构。

HTML 中使用的标签都是预定义的，HTML 文档只能使用在 HTML 标准中定义过的标签。

6、SGML和HTML、XML的关系

HTML、XML是SGML的子集。

SGML是比XML、HTML更老的标准，其中XML、HTML都是由SGML发展而来的。

7、HTML5为什么只需要写<!DOCTYPE html>

因为HTML4.01基于SGML，因此HTML4.01中的doctype需要对DTD进行引用。

但是HTML5不基于SGML，因此不需要对DTD进行引用，但是需要doctype来规范浏览器的行为。

HTML5的<!DOCTYPE html>声明位于文档的第一行，处于<html>标签之前。

主要作用是：告知浏览器的解析器用什么标准来解析这个文档。DOCTYPE不存在或者格式不正确都会导致文档以怪异模式呈现。

8、HTML 和 HTML5 有什么区别？

（1）HTML和HTML5.0概念

HTML(Hyper Text Markup Language)即超文本标记语言，SGML标准通用标记语言下的一个应用。

超文本是指页面内可以包含图片、链接、音乐等非文字元素。

HTML的结构包括“头”部和“主体”部分，其中“头”部提供网页的相关信息，“主体”部分提供网页的具体内容。

通常说的HTML指的是HTML4.0。

HTML5是HTML的第五次重大修改而成的，可以理解为升级版，但里面的内容非常丰富。

（2）区分HTML和 HTML5有很多方法

1️⃣在文档类型声明上

HTML4.0

<!DOCTYPE HTML PUBLIC"-//W3C//DTD HTML 4.01 Transitional//EN""http://www.w3.org/TR/html4/loose.dtd">

HTML5.0

<!DOCTYPE html>

说明：在文档声明上，HTML代码很长，而HTML5只有简简单单的声明。

因为HTML4.01基于SGML，因此HTML4.01中的doctype需要对DTD进行引用。

而HTML5不基于SGML，因此不需要对DTD进行引用，但是需要doctype来规范浏览器的行为。

2️⃣在结构语义上

HTML4.0：没有体现结构语义化的标签，通常都是这样来命名的，这样表示网站的头部：

<div id="header"></div>

HTML5：在语义上却有很大的优势。提供了一些新的HTML5标签比如:

<header> 、<nav>、<article>、<aside>、<footer>..

9、DOCTYPE的作用是什么？浏览器的严格模式与混杂模式是什么？它们如何区别？它们有何意义？

（1）DOCTYPE标签

是标准通用标记语言的文档类型声明，目的是告诉标准通用标记语言解析器，它应该使用什么样的文档类型定义（DTD）来解析文档。

样式为<!DOCTYPE html>

（2）严格模式

又称标准模式，指浏览器按照 W3C 标准解析执行代码，用规定的语法去渲染页面，可以兼容各个浏览器。

（3）混杂模式

又称怪异模式或兼容模式，指浏览器按照自己的方式解析执行代码，会导致同一个网页在各个浏览器显示的效果不一样，很难统一。

（4）严格模式与混杂模式的区分

严格模式 1️⃣文档包含严格的 DOCTYPE ；2️⃣包含过渡 DTD 和 URI 的 DOCTYPE 。

混杂模式 1️⃣文档不包含DOCTYPE或形式不正确；2️⃣不包含过渡 DTD 和 URI 的 DOCTYPE。

注意：HTML5 没有严格和混杂之分，因为HTML5 不基于 SGML，不需要引用 DTD。

（5）为什么还要存在怪异模式

这是历史的原因，在HTML和CSS的标准化未完成之前，不同公司做的浏览器对于页面渲染采用不同的方法，当时所产生的网页有的现在还在用，所以为了正确显示这些旧网页，现在的浏览器必须保留怪异模式。

（6）严格模式与混杂模式同时存在的意义

之前的浏览器都有着各自的规范，使得开发者工作量加大，这也意味着标准一致性变得越来越重要，即W3C的标准。但改变必须满足：

1️⃣旧规范依旧存在，不影响旧网站的运行；

2️⃣允许开发者使用统一标准规范。

因此严格模式与混杂模式的存在就非常有必要。

10、WEB标准以及W3C标准是什么？

WEB标准不是某一个标准，而是一系列标准的集合。网页主要由三部分构成：结构、表现和行为。对应的标准也分三方面：结构化标准主要包括XHTML和XML，表现标准语言主要包括CSS，行为标准主要包括对象模型（如 W3C DOM）、ECMAScript等。

这些标准大部分由万维网联盟（外语缩写：W3C ）起草和发布，也有一些是其他标准组织制订的标准，比如ECMA的ECMAScript标准。

11、Xhtml和html有什么区别？

xhtml可扩展超文本标记语言（英语：eXtensible HyperText Markup Language）

html超文本标记语言（英语：HyperText Markup Language）

（1）其基础语言不同

Xhtml是基于可扩展标记语言（XML）

html是基于标准通用标记语言（SGML）

（2）语法严格程度不同

Xhtml语法比较严格，存在dtd定义规则。

html语法要求比较松散，这样对网页编写者来说，比较方便。

（3）可混合应用不同

Xhtml可以混合各种XML应用，比如mathml、svg。

html不能混合其它XML应用。

（4）大小写敏感度不同

Xhtml对大小写敏感，标准的Xhtml标签应该使用小写。

html对大小写不敏感。

（5）公布时间不同

Xhtml是2000年w3c公布发行的。

html4.01是1999年w3c推荐标准。