前端面试-核心八股文系列(html篇)

262 阅读3分钟

1、src和href的区别

src指向外部资源的位置,指向的内容会嵌入到当前标签的位置,当执行到该位置的时候,会暂停其他资源的下载,直到引用资源完全下载解析,所以js脚本要放到最底部。

href是指向网络资源所在位置,与资源之间建立联系,他是一个异步加载的过程,不会影响其他资源下载。

2、对HTML语义化的理解

其实就是用正确的标签做正确的事儿。对机器和开发者都会友好。

3、DOCTYPE(⽂档类型) 的作⽤

文档声明类型,就是告诉浏览器以什么样的文档类型定义来解析文档

4、script标签中defer和async的区别

defer和async如果没有这两个属性,执行到这儿的时候就会加载,阻塞后面的进程;但是加上这两个后就会并行加载,不会阻塞后面进程。

他两区别就是:多个async不会影响加载顺序,defer会顺序执行;async加载和执行都是并行的,但是defer仅是加载并行,执行异步。

5、常⽤的meta标签有哪些

charset(文档编码格式)、keywords(关键词)、description(页面描述)、refresh(页面重定向)、viewport(适配移动端)

6、行内元素有哪些?块级元素有哪些? 空(void)元素有那些?

行内元素有:a b span img input select strong

块级元素有:div ul ol li dl dt dd h1 h2 h3 h4 h5 h6 p

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

7、 iframe 有那些优点和缺点?

优点: 1、用来加载速度较慢的内容(如广告) 2、可以使脚本可以并行下载 3、可以实现跨子域通信

缺点: 1、iframe 会阻塞主页面的 onload 事件 2、无法被一些搜索引擎索识别 3、会产生很多页面,不容易管理

8、文档声明(Doctype)和有何作用? 严格模式与混杂模式如何区分?它们有何意义?

!Doctype html的作用就是让浏览器进入标准模式,使用最新的 HTML5 标准来解析渲染页面;如果不写,浏览器就会进入混杂模式,我们需要避免此类情况发生。

1、严格模式: 又称为标准模式,指浏览器按照W3C标准解析代码; 2、混杂模式: 又称怪异模式、兼容模式,是指浏览器用自己的方式解析代码。混杂模式通常模拟老式浏览器的行为,以防止老站点无法工作;

9、渐进增强和优雅降级

(1)渐进增强:主要是针对低版本的浏览器进行页面重构,保证基本的功能情况下,再针对高级浏览器进行效果、交互等方面的改进和追加功能,以达到更好的用户体验。 (2)优雅降级: 一开始就构建完整的功能,然后再针对低版本的浏览器进行兼容。