HTML 80 道面试题及答案.docx

DOCTYPE 的作用是什么?

相关知识点：

IE5.5 引入了文档模式的概念，而这个概念是通过使用文档类型(DOCTYPE)切换实现的。

DOCTYPE 不存在或格式不正确会导致文档以兼容模式呈现。

在 html5 之后不再需要指定 DTD 文档，因为 html5 以前的 html 文档都是基于 SGML 的，所以需要

通过指定 DTD 来定义文档中允许的属性以及一些规则。而 html5不再基于 SGML了,所以不再需要

使用 DTD。

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

标准模式的渲染方式和 JS 引擎的解析方式都是以该浏览器支持的最高标准运行。在兼容模式中，

SGML 是标准通用标记语言，是一种定义电子文档结构和描述其内容的国际标准语言，是所有电

子文档标记语言的起源。

HTML 是超文本标记语言，主要是用于规定怎么显示网页。

XML是可扩展标记语言是未来网页语言的发展方向，XML和 HTML的最大区别就在于 XML的标

签是可以自己创建的，数量无限多，而 HTML 的标签都是固定的而且数量有限。

XHTML 也是现在基本上所有网页都在用的标记语言，他其实和 HTML 没什么本质的区别，标签都

一样，用法也都一样，就是比 HTML 更严格，比如标签必须都用小写，标签都必须有闭合标签等。

DTD 介绍

DTD ( Document Type Definition 文档类型定义)是一组机器可读的规则,它们定义 XML 或 HTML 的

特定版本中所有允许元

HTML4 中,元素被分成两大类:inline (内联元素)与 block(块级元素)。—个行内元素只占据它对应标

常见的行内元素有 a b span img strong sub sup button input label select textarea

块级元素定义

块级元素占据其父元素(容器)的整个宽度，因此创建了一个“块”。

常见的块级元素有 div ul ol li dl dt dd h1 h2 h 3 h4 h5 h6 p

行内元素与块级元素的区别?

HTML4 中,元素被分成两大类:inline (内联元素)与 block (块级元素)。

1、格式上，默认情况下，行内元素不会以新行开始，而块级元素会新起一行。

2、内容上，默认情况下，行内元素只能包含文本和其他行内元素。而块级元素可以包含行内元素

和其他块级元素。

3、行内元素与块级元素属性的不同，主要是盒模型属性上：行内元素设置 width 无效,height 无效

性。因此,简单地把 HTML 元素划分为 inline 与 block 已经不再符合实际需求。

HTML5 中,元素主要分为 7 类:Metadata Flow Sectioning Heading Phrasing Embedded Interactive

空元素定义

标签内没有内容的 HTML 标签被称为空元素。空元素是在开始标签中关闭的。

常见的空元素有:br hr img input link meta

link 标签定义

link 标签定义文档与外部资源的关系。

link 元素是空元素，它仅包含属性。此元素只能存在于 head 部分，不过它可出现任何次数。

link 标签中的 rel 属性定义了当前文档与被链接文档之间的关系。常见的 stylesheet 指的是定义一个

外部加载的样式表。

页面导入样式时，使用 link 和@import 有什么区别?

从属关系区别。@import 是 CSS 提供的语法规则，只有导入样式表的作用；link 是 HTML 提供的标

加载顺序区别。加载页面时，link 标签引入的 CSS 被同时加载；@import 引入的 CSS 将在页面加

载完毕后被加载。

浏览器窗口中，资源的格式通常是 HTML，也包括 PDF、image 及其他格式。用户用 URI(Uniform

Resource Identifier 统一资源标识符)来指定所请求资源的位置。

HTML 和 CSS 规范中规定了浏览器解释 html 文档的方式，由 W3C 组织对这些规范进行维护，W3C

是负责制定 web 标准的组织。

但是浏览器厂商纷纷开发自己的扩展，对规范的遵循并不完善，这为 web 开发者带来了严重的兼

容性问题。

简单来说浏览器可以分为两部分，shell 和内核。

其中 shell 的种类相对比较多，内核则比较少。shell 是指浏览器的外壳：例如菜单，工具栏等。主

要是提供给用户界面操作，参数设置等等。它是调用内核来实现各种功能的。内核才是浏览器的

核心。内核是基于标记语言显示内容的程序或模块。也有一些浏览器并不区分外壳和内核。从

JS 引擎:解析和执行 javascript 来实现网页的动态效果。

最开始渲染引擎和 JS 引擎并没有区分的很明确，后来 JS 引擎越来越独立，内核就倾向于只指渲染

引擎。

常见的浏览器内核比较

Trident：这种浏览器内核是 IE 浏览器用的内核，因为在早期 IE 占有大量的市场份额，所以这种内

核比较流行，以前有很多网页也是根据这个内核的标准来编写的，但是实际上这个内核对真正的