HTML面试题 - func-package

了解即可👀：代表每次只需要观看一遍即可，无需特定记住，其他的则为高频常见面试题，需要记住

1、对HTML语义化的理解

解析到脚本时，都是异步执行，它们都不会阻塞页面的解析

defer
- 异步加载脚本，等到文档所有元素解析完成之后才执行，DOMContentLoaded事件执行之前
- 如果有多个设置了defer的script标签存在，则会按照顺序执行所有的script；
async
- 使得script脚本异步的加载并在允许的情况下执行
- async的执行，并不会按着script在页面中的顺序来执行，而是谁先加载完谁执行。

（1）渐进增强（progressive enhancement）：主要是针对低版本的浏览器进行页面重构，保证基本的功能情况下，再针对高级浏览器进行效果、交互等方面的改进和追加功能，以达到更好的用户体验。

（2）优雅降级 graceful degradation：一开始就构建完整的功能，然后再针对低版本的浏览器进行兼容。

label 标签来定义表单控件的关系：当用户选择label标签时，浏览器会自动将焦点转到和label标签相关的表单控件上

<label for="user">点击聚焦</label>
    <input type="text" id="user">

src 和 href 都是用来引用外部的资源

src
- 表示对资源的引用，指向的内容会嵌入到当前标签所在的位置
- 指向的资源下载并应⽤到⽂档内，如请求js脚本
- 堵塞解析，所以⼀般js脚本会放在页面底部
href
- 表示超文本引用，它指向一些网络资源，建立和当前元素或本文档的链接关系
- 不会堵塞，停⽌对当前⽂档的处理

iframe 元素会创建包含另外一个文档的内联框架（即行内框架）。

优点：

缺点：