2022-04-22 面试题:html(一) Doctype的作用,标准模式和兼容模式的区别,块级元素和行内元素

前端OnTheRun

已于 2022-10-13 10:31:40 修改

阅读量124

点赞数

分类专栏：面试文章标签： js html

于 2022-04-22 22:46:39 首次发布

本文链接：https://blog.csdn.net/rowlet/article/details/124356755

版权

面试专栏收录该内容

41 篇文章 0 订阅

订阅专栏

1.1.Doctype的作用是什么?

<!Doctype>声明是HTML文件的第一行,在<html>标签之前,
它告诉浏览器的编辑器将以什么文档标准解析这个文档.
如果没有此标签或格式错误,那么文档将以兼容模式展现

理解:就是告诉浏览器的编辑器以什么文档标准进行解析

1.2.标准模式和兼容模式的区别是什么?

标准模式:
排版和js运作模式都是当前浏览器支持的最高标准运行
兼容模式:
页面以宽松的向后兼容的方式显示,模拟老式浏览器的工作方式
目的是防止站点无法工作

理解:标准模式就是以当前支持的最高标准进行显示,兼容模式则是模拟老式浏览器,防止站点不能用

2.HTML5为什么只需要写`<!DOCTYPE HTML>`

HTML5不是SGML,不需要对DTD进行引用,但要用<!DOCTYPE HTML>规范浏览器的行为,就是让浏览器按照它们应该的方式进行
HTML5之前的是SGML,需要对DTD进行引用,才能告知浏览器多使用的文档类型

(随便看看)
SGML:标准通用标记语言,Standard Generalized Markup language
DTD: 文档类型定义(Document Type Definition),是一套为了进行程序间的数据交换而建立的关于标记符的语法规则

理解:HTML5要用doctype规范浏览器的行为,就是告诉浏览器以什么文档标准进行解析

3.块级元素有哪些?行内元素有哪些?空元素有哪些?

css规定每个元素都有display属性,来确定元素的类型,
每个元素都有默认的display值
display:block的叫做块级元素,有
div,ol,ul,li,p,dt,dl,dd,h1,...,h6标签
display:inline的叫做行内元素,有
span,img,a,input,select,b,strong标签
常见的空元素有
<br> <hr> <img> <input> <link> <meta>