Diferencias entre Edge e Internet Explorer E11

¡Atención! Esta página está pendiente de actualizar y de incluir muchas de las diferencias entre IE11 y Edge.

Introducción

Internet Explorer 11, publicado en octubre de 2013, fue la última versión de Internet Explorer publicada por Microsoft. Con esta versión Microsoft culminó el esfuerzo de modernización y adaptación a las recomendaciones del W3C que había empezado en 2006 con Internet Explorer 7. Pero con esta versión, Microsoft decidió empezar de cero y abandonó el desarrollo de Internet Explorer. Su sucesor fue Microsoft Edge, que aunque continúa la numeración de Internet Explorer está basado en un motor nuevo.

La primera versión de Microsoft Edge se publicó en julio de 2015, cuando se publicó la primera versión de Windows 10. Pero Microsoft decidió incluir también en Windows 10 Internet Explorer 11.

Años después de su publicación, Internet Explorer 11 debería haber desparecido, pero la verdad es que actualmente (noviembre de 2018) el uso de Internet Explorer 11 sigue siendo significativo. Esto se debe tanto a que Internet Explorer 11 está incluido en Windows 10 como a que en Windows 7 no se puede instalar Microsoft Edge.

En el curso 2017/2018 dejé de hacer referencia en estos apuntes a Internet Explorer 11 (salvo excepciones puntuales), pero he mantenido esta lección en la que se recogen algunas diferencias entre Internet Explorer 11 y Edge.

En los casos en los que el comportamiento del navegador se puede considerar correcto, se indica con los iconos Correcto en Edge y Correcto en Internet Explorer. En los casos en los que el comportamiento del navegador se puede considerar erróneo, se indica con los iconos Incorrecto en Edge y Incorrecto en Internet Explorer.

Esta página no pretende ser una relación exhaustiva de diferencias, sino simplemente recopilar las diferencias que he ido encontrando al redactar estos apuntes, agrupándolas por temas:

Diferencias por incluir

Utilización del navegador

Hojas de estilo alternativas

Internet Explorer 11 permite elegir hojas de estilo alternativas mediante el menú Ver > Estilo, pero Edge no.

Zoom

Internet Explorer 11 dispone de dos tipos de zoom:

Firefox dispone de dos tipos de zoom:

En Firefox los dos tipos de zoom funcionan mediante el menú Ver > Tamaño, con las combinaciones de teclas Ctrl++ y Ctrl+- o con la combinación Ctrl+rueda del ratón. La opción del menú Ver > Tamaño >Sólo ampliar texto permite elegir el tipo de zoom a aplicar.

HTML

Elemento <main>

Edge reconoce la etiqueta <main>, pero Internet Explorer 11 no lo hace.

Correcto en Edge Incorrecto en Internet Explorer
<main>
  <p>Esto es un párrafo</p>
</main>
main {
  background-color: red;
}
ERROR (no puede mostrarse el objeto)
Enlace externo

Esta limitación se puede corregir añadiendo la propiedad display con el valor block.

Correcto en Edge Correcto en Internet Explorer
<main>
  <p>Esto es un párrafo</p>
</main>
main {
  display: block;
  background-color: red;
}
ERROR (no puede mostrarse el objeto)
Enlace externo

Formularios

Los atributos maxlength y minlength

Microsoft Edge aplica la propiedad minlength, pero Internet Explorer 11 no lo hace.

Correcto en Edge Incorrecto en Internet Explorer
<p>Usuario: <input type="text" name="usuario" maxlength="6"></p>

<p>Contraseña: <input type="password" name="password" minlength="6"></p>
ERROR (no puede mostrarse el objeto)
Enlace externo

Favicons

Favicons en archivos locales

Internet Explorer no muestra los favicons si las páginas no están colgadas en un servidor (es decir, si se abren como un archivo file://).

Favicons animados

Microsoft Edge admite favicons animados, pero Internet Explorer no lo hace.

Correcto en Edge Incorrecto en Internet Explorer
ERROR (no puede mostrarse el objeto)
Enlace externo

CSS

Pseudo-clases y pseudo-elementos

Los pseudo-elementos ::before y ::after

En Microsoft Edge, el contenido generado no puede seleccionarse con el ratón, pero en Internet Explorer sí.

Correcto en Edge Incorrecto en Internet Explorer
p.cuidado::before {
content: "Aviso: ";
font-weight: bold;
text-decoration: underline;
}
ERROR (no puede mostrarse el objeto)
Enlace externo
Correcto en Edge Incorrecto en Internet Explorer
p.autor-barto::after {
content: " (escrito por Barto).";
}
ERROR (no puede mostrarse el objeto)
Enlace externo

Fuentes web

Microsoft Edge puede mostrar fuentes en formato WOFF2, pero Internet Explorer no.

Correcto en Edge Incorrecto en Internet Explorer
  @font-face {
    font-family: "Mystery Quest";
    src: url("mystery-quest.woff2");
  }

  p {
    font-family: "Mystery Quest", cursive;
    font-size: 150%;
  }
  
ERROR (no puede mostrarse el objeto)
Enlace externo