在2016年，微软已经停止了对Internet Explorer（IE）的支持，特别是在IE 11版本之后，微软推出了Edge浏览器作为新的默认浏览器。然而，许多企业和开发者仍然在使用IE11，特别是在企业环境中。因此，了解2016年IE11（通常简称为IE80）兼容哪些前端技术对于这些用户来说至关重要。

以下是一些在2016年IE11（IE80）中兼容的前端技术：

1. HTML5

IE11支持大部分HTML5的特性，包括：

  • 语义化标签：如<header>, <footer>, <article>, <section>, <nav>, <aside>等。
  • 多媒体元素：如<video>和<audio>。
  • 表单输入类型：如<email>, <tel>, <url>, <date>, <month>, <week>, <time>, <datetime>, <datetime-local>等。

2. CSS3

IE11支持CSS3的一些关键特性，包括：

  • 盒模型：包括box-sizing属性。
  • 阴影和边框圆角：box-shadow和border-radius。
  • 动画和过渡：@keyframes和transition。
  • 媒体查询：@media规则。
  • 自定义字体：通过@font-face。

3. JavaScript

IE11对JavaScript的支持相对较新，包括：

  • ES5和部分ES6特性：如箭头函数、模板字符串和Promise对象。
  • Web APIs：如Geolocation、localStorage、sessionStorage、Web Workers和IndexedDB。

4. Web字体

IE11支持Web字体，通过@font-face规则可以轻松实现。

5. SVG

IE11支持SVG，但某些特性可能不完全兼容。

6. Canvas

IE11支持Canvas，可以用于创建图形和动画。

7. Web存储

IE11支持localStorage和sessionStorage。

8. 移动端特性

IE11对一些移动端特性也有较好的支持，如触摸事件。

注意事项

尽管IE11在2016年支持了许多现代前端技术，但仍有一些限制和需要注意的点：

  • ES6特性：IE11支持部分ES6特性，但不是全部。
  • CSS3动画和过渡：尽管IE11支持CSS3动画和过渡，但可能不如现代浏览器高效。
  • Web API：一些Web API可能在IE11中不完全可用。

总的来说，虽然IE11在2016年提供了对许多现代前端技术的支持，但对于追求最新特性和最佳性能的开发者来说，使用较新的浏览器（如Chrome、Firefox或Edge）通常是更好的选择。