Internet Explorer 9 o una versión posterior puede generar código HTML no válido en el modo de diseño

En este artículo se proporciona una solución alternativa para resolver el código HTML no válido que crea Internet Explorer 9 o una versión posterior en el modo de diseño.

Versión del producto original:   Internet Explorer 9 y versiones posteriores
Número de KB original:   2667114

Síntomas

Un usuario carga el código siguiente en Internet Explorer 9 o una versión posterior y lo representa en el modo estándar de Internet Explorer 9:

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<html>
    <head>
        <title>HR</title>
    </head>
    <body contentEditable="true" onload="document.body.focus()">
        <hr>
    </body>
</html>

En este escenario, es posible que el texto escrito del elemento editable se incluya en el <hr> elemento, que no es válido. El problema puede producirse en las siguientes circunstancias:

  • No se realiza ningún clic en el mouse en el elemento editable que recibe el foco.
  • Si el texto se escribe después del <hr> elemento, es posible escribir texto dentro del <hr> elemento, que se coloca allí mediante las teclas de dirección.

Solución alternativa

Para solucionar este problema, use una de las siguientes opciones:

  1. Inserte un clic del mouse dentro del elemento antes de escribir.
  2. Inserte otro elemento, como un <div> o un <span> , directamente antes del <hr> elemento.
  3. Represente la página con cualquier otro modo de documento además de Internet Explorer 9 o un modo estándar de la versión posterior.