2018前端面试精华：HTML、CSS与浏览器内核详解

本文档是一份针对2018年的Web面试题目的汇总，涵盖了前端开发工程师面试中常见的知识点。首先，讲解了`Doctype`的作用以及严格模式与混杂模式的区别。`Doctype`声明告知浏览器解析器文档类型，确保按照预期的标准解析。严格模式提供高标准的排版和JavaScript执行环境，混杂模式则是模拟旧浏览器行为以保证兼容性，但可能导致文档以宽松方式显示。 接着，讨论了HTML元素的分类，行内元素如`<span>`、`<img>`等因其`display`属性值为`inline`，适用于文本行内布局，而块级元素如`<div>`、`<ul>`等具有块级布局，占据完整行空间。`link`和`@import`在CSS中的区别也做了对比，`link`标签用于引入外部样式，并且权重较高，`@import`则在IE5+支持，加载时机稍晚。 然后，文章涉及浏览器内核的知识，指出IE使用的是Trident内核，Mozilla用的是Gecko，Chrome采用的是Blink（基于WebKit），Opera早期用Presto，后来也转向Blink。HTML5的新特性包括但不限于：`<canvas>`用于图形绘制，`<video>`和`<audio>`处理媒体播放，`localStorage`和`sessionStorage`实现本地数据存储，以及语义化的HTML标签如`<article>`、`<header>`等的引入。处理HTML5兼容问题时，开发者需要关注新标签的浏览器支持情况，通常通过polyfill或条件注释来弥补不足。 最后，HTML5与传统HTML的区分在于其不再是SGML的子集，更侧重于增强功能性，如多媒体支持、离线存储和语义化标签。在面试中，熟悉这些知识点能帮助求职者展示他们在HTML和Web开发领域的技术实力，提高面试通过率。