不看会后悔的前端HTML 面试知识点总结(1-5)

前端面试——HTML 面试知识点总结(1-5)

1. DOCTYPE 的作用是什么?

​ DOCTYPE 是 Document Type 的缩写,用于指定 HTML 文档类型。DOCTYPE 声明位于 HTML 文档的开头,告诉浏览器要使用哪种 HTML 或 XHTML 规范来解析文档。DOCTYPE 的作用是确保浏览器正确渲染 HTML 页面,以便网页能够在不同的浏览器中显示相同的效果。在没有指定 DOCTYPE 的情况下,浏览器会使用默认的渲染模式,这可能导致页面在不同浏览器中显示效果不同。正确指定 DOCTYPE 可以使浏览器更好地理解 HTML 文档的结构和语义,从而更好地呈现网页。

2. HTML5 为什么只需要写 ,而不需要引入 DTD?

HTML5 中的 是一个 SGML 风格的文档类型声明,而 SGML 已经被 HTML5 弃用。与 SGML 不同,HTML5 不再基于一个公共的文档类型定义 (DTD)。HTML5 的文档类型声明告诉浏览器这是一个 HTML5 文档,并告诉浏览器如何解释文档中的标记和语法。HTML5 不需要引入 DTD 是因为 HTML5 采用的是一种基于规范的语法,不需要引入外部的 DTD 来进行验证。因此,HTML5 的文档类型声明只需要写 即可。

3. SGML 、 HTML 、XML 和 XHTML 的区别?

SGML(Standard Generalized Markup Language)是一种标记语言,用于定义文档结构和元素,被认为是 HTML 和 XML 的前身。HTML(HyperText Markup Language)是一种标记语言,用于创建网页结构和内容。XML(Extensible Markup Language)是一种基于文本的标记语言,用于描述数据的结构和内容。XHTML(Extensible HyperText Markup Language)是一种基于 XML 的标记语言,是 HTML 与 XML 的结合体。

HTML 是 SGML 的一种子集,它是为了表示和展示文本内容而设计的,主要用于创建 Web 页面。XML 与 HTML 类似,它们都是标记语言,但 XML 可以用于描述任何类型的数据,不仅限于文本。XHTML 是在 HTML 4 的基础上开发的,主要是为了使 HTML 更加规范和严谨,同时也具备 XML 的优点,如良好的扩展性和可读性。

总的来说,SGML 是 HTML 和 XML 的前身,HTML 和 XML 都是标记语言,但 XML 更为通用,而 XHTML 是 HTML 与 XML 的结合体,具备 HTML 的易用性和 XML 的规范性。

4. 标准模式与兼容模式各有什么区别?

标准模式和兼容模式是浏览器渲染文档时的两种不同模式。

标准模式是浏览器按照 HTML 和 CSS 标准进行文档渲染,而兼容模式则是为了兼容旧版本的浏览器而设计的模式,会模拟一些旧版本浏览器的特性,例如盒模型的解析等。

具体来说,标准模式下的盒模型解析方式是 W3C 的标准,即宽度包括 border 和 padding,而在兼容模式下则是模拟 IE5 的盒模型,即宽度只包括 content 部分,不包括 border 和 padding。此外,标准模式还支持更多的 CSS 选择器和属性,以及更好的布局和定位能力,而兼容模式则存在一些布局和定位的兼容性问题。

可以通过在文档开头加入 <!DOCTYPE> 声明来指定文档的模式,如果不指定则会根据文档的代码进行自适应。在 HTML5 中,只需要写上 <!DOCTYPE html> 即可进入标准模式。

5. DTD 介绍

DTD(Document Type Definition)是一种定义XML或HTML文档结构的规范,它规定了文档的元素、属性、实体等内容,以便浏览器或其他解析器能够正确地显示文档内容。DTD是一种XML或HTML文档的“合同”或“契约”,它定义了文档中的所有元素、属性和实体,告诉解析器如何处理这些内容。在XML或HTML文档中,DTD通常以文档声明的形式出现,以指定文档使用的DTD规范。通过DTD,可以确保文档的结构合法,并且使解析器能够正确地读取和显示文档内容。

评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值