HTML面试题合集：从基础到高级，你准备好了吗?

本文是一篇面向面试准备的HTML相关知识点汇总，主要涵盖了HTML的基础概念、HTML5的新特性、样式导入、元素属性、标签语义化、浏览器内核、字符编码、DOM与BOM的区别以及HTML5中的多媒体标签等多个方面。 在HTML面试中，一些常见问题包括： 1. HTML5为何只需编写即可运行，这主要是因为HTML5引入了更强大的语义化标签，简化了结构，同时也增强了浏览器的解析能力，使得浏览器可以更好地理解和渲染文档。 2. `link`和`@import`用于导入样式表，`link`是HTML标签，用于外部资源链接，不仅支持CSS，还支持其他类型；而`@import`是CSS内部指令，只能用于导入CSS文件，且在某些情况下，如文件加载顺序，`link`具有优势。 3. HTML元素包括基础元素如`div`, `p`, `span`等，以及HTML5新增的元素如`header`, `footer`, `section`, `article`等。 4. HTML全局属性如`id`, `class`, `style`, `title`等，H5中新增的有`data-*`用于自定义数据存储，`draggable`用于元素拖放等。 5. HTML5的离线储存通过`manifest`文件实现，允许网站在用户离线时访问缓存的资源，原理是将指定的资源存储在本地，当网络不可用时，浏览器会从本地缓存加载。 6. `target`属性用于定义超链接打开的方式，如`_self`在当前窗口打开，`_blank`在新窗口或标签页打开，`_parent`在父框架中打开，`_top`在整个浏览器窗口中打开。 7. `label`标签用于与表单元素关联，提高可访问性，点击label文字会激活所关联的输入元素。 8. `iframe`框架优点是可以在同一页面嵌入其他网页，缺点是可能引起性能问题，不易搜索引擎优化，且可能导致跨域安全问题。 9. 浏览器内多个标签页间的通信可以通过`localStorage`或`sessionStorage`，`Broadcast Channel API`，`SharedWorker`等方式实现。 10. `viewport`常用于移动端布局，设置视口宽度和初始缩放比例，以适应不同设备的屏幕大小。 此外，面试中还可能涉及： 11. HTML5的`form`关闭自动完成通过`autocomplete="off"`实现。 12. `title`用于页面标题，`h1`是页面主标题，`b`是粗体，强调文本，`strong`表示强调，`i`是斜体，`em`表示强调的斜体。 13. `alt`提供图像的替代文本，`title`则提供鼠标悬停时的提示信息。 14. 置换元素如`img`和`input`有自己的图形表示，而非置换元素如`div`和`p`仅依赖内容来呈现。 15. `readonly`属性使输入元素只读，但显示内容；`disabled`则完全禁用元素，不提交数据。 16. `script`, `script async`和`script defer`控制脚本加载，`async`异步加载不阻塞文档解析，`defer`延迟加载，在文档解析完后执行。 17. `GBK`和`UTF-8`是字符编码格式，GBK是中国的多字节编码，兼容GB2312，`UTF-8`是国际通用的Unicode编码，更广泛支持全球字符。 18. DOM操作HTML文档结构，BOM处理浏览器窗口和相关对象。 19. HTML5的`video`标签预加载可通过`preload`属性，如`preload="auto"`、`metadata`或`none`。 20. WEB标准强调语义化、分离内容和表现，W3C是制定这些标准的组织。 21. `target="_blank"`可能导致安全问题，如新开窗口被恶意利用，防范方法包括使用noopener或noreferrer属性。 22. 渐进式渲染是指页面逐步加载和显示，改善用户体验。 23. HTML5的应用程序缓存通过`AppCache`实现，是静态资源的离线存储，而浏览器缓存是动态的HTTP缓存策略。 24. `javascript:void(0)`避免链接默认行为，常用于JavaScript事件处理，防止页面跳转。 这些面试问题覆盖了HTML和HTML5的广泛领域，对准备面试的开发者来说，理解和掌握这些知识点至关重要。