HTML
Comentarios
Buscar..
Introducción
Al igual que en otros lenguajes de programación, marcado y markdown, los comentarios en HTML brindan a otros desarrolladores información específica para el desarrollo sin afectar la interfaz del usuario. Sin embargo, a diferencia de otros idiomas, los comentarios HTML se pueden usar para especificar elementos HTML solo para Internet Explorer. Este tema explica cómo escribir comentarios HTML y sus aplicaciones funcionales.
Sintaxis
<!-- Comment text -->
Observaciones
Cualquier cosa que comience con <!-- y que termine con --> es un comentario. Los comentarios no pueden contener dos guiones adyacentes ( -- ) y deben terminar con exactamente dos guiones (es decir, ---> no es correcto).
Los comentarios no se pueden ver en una página web y no se pueden diseñar con CSS. El desarrollador de la página puede utilizarlos para tomar notas dentro del HTML o para ocultar cierto contenido durante el desarrollo.
Para páginas dinámicas o interactivas, ocultar y mostrar contenido se realiza con JavaScript y CSS en lugar de con comentarios HTML.
Se puede usar JavaScript para obtener el contenido de los nodos de comentarios HTML y estos nodos pueden crearse, agregarse y eliminarse dinámicamente del documento, pero esto no afectará la forma en que se muestra la página.
Dado que los comentarios HTML forman parte del código fuente de la página, se descargan en el navegador junto con el resto de la página. El código fuente normalmente se puede ver usando la opción de menú del navegador web para "Ver código fuente" o "Ver código fuente de página".
Creando comentarios
Los comentarios HTML se pueden usar para dejar notas a usted u otros desarrolladores sobre un punto específico en el código. Se pueden iniciar con <!-- y concluir con --> , así:
<!-- I'm an HTML comment! -->
Se pueden incorporar en línea dentro de otros contenidos:
<h1>This part will be displayed <!-- while this will not be displayed -->.</h1>
También pueden abarcar varias líneas para proporcionar más información:
<!-- This is a multiline HTML comment.
Whatever is in here will not be rendered by the browser.
You can "comment out" entire sections of HTML code.
-->
Sin embargo, no pueden aparecer dentro de otra etiqueta HTML, como esta:
<h1 <!-- testAttribute="something" -->>This will not work</h1>
Esto produce HTML no válido ya que todo el bloque <h1 <!-- testAttribute="something" --> se consideraría una sola etiqueta de inicio h1 con alguna otra información no válida contenida en él, seguida de un solo > corchete de cierre que no hace nada.
Para la compatibilidad con herramientas que tratan de analizar HTML como XML o SGML, el cuerpo de su comentario no debe contener dos guiones -- .
Comentarios condicionales para Internet Explorer
Los comentarios condicionales se pueden usar para personalizar el código para diferentes versiones de Microsoft Internet Explorer. Por ejemplo, se pueden proporcionar diferentes clases de HTML, etiquetas de script o hojas de estilo. Los comentarios condicionales son compatibles con las versiones 5 a 9 de Internet Explorer. Las versiones anteriores y nuevas de Internet Explorer, y todos los navegadores que no son de IE, se consideran "de bajo nivel" y tratan los comentarios condicionales como comentarios HTML ordinarios.
Bajo nivel oculto
Los comentarios ocultos de nivel inferior funcionan al encapsular todo el contenido dentro de lo que parece ser un comentario HTML normal. Solo IE 5 a 9 todavía lo leerá como un comentario condicional, y ocultarán o mostrarán el contenido en consecuencia. En otros navegadores se ocultará el contenido.
<!--[if IE]>
Revealed in IE 5 through 9. Commented out and hidden in all other browsers.
<![endif]-->
<!--[if lt IE 8]>
Revealed only in specified versions of IE 5-9 (here, IE less than 8).
<![endif]-->
<!--[if !IE]>
Revealed in no browsers. Equivalent to a regular HTML comment.
<![endif]-->
<!--
For purposes of comparison, this is a regular HTML comment.
-->
Nivel bajo revelado
Estos son ligeramente diferentes a los comentarios ocultos en el nivel inferior: solo el comentario condicional está contenido dentro de la sintaxis de comentarios normal. Los navegadores que no admiten comentarios condicionales simplemente los ignorarán y mostrarán el resto del contenido entre ellos.
<!--[if IE]>-->
The HTML inside this comment is revealed in IE 5-9, and in all other browsers.
<!--<![endif]-->
<!--[if IE 9]>-->
This is revealed in specified versions of IE 5-9, and in all other browsers.
<!--<![endif]-->
<!--[if !IE]>-->
This is not revealed in IE 5-9. It's still revealed in other browsers.
<!--<![endif]-->
Comentando espacios en blanco entre elementos en línea
Los elementos de visualización en línea, normalmente como span o a , incluirán hasta un carácter de espacio en blanco antes y después de ellos en el documento. Para evitar líneas muy largas en el marcado (que son difíciles de leer) y espacios en blanco no intencionales (que afectan el formato), se puede comentar el espacio en blanco.
<!-- Use an HTML comment to nullify the newline character below: -->
<a href="#">I hope there will be no extra whitespace after this!</a><!--
--><button>Foo</button>
Pruébelo sin comentarios entre los elementos en línea, y habrá un espacio entre ellos. A veces se desea recoger el carácter de espacio.
Código de ejemplo:
<!-- Use an HTML comment to nullify the newline character below: -->
<a href="#">I hope there will be no extra whitespace after this!</a><!--
--><button>Foo</button>
<hr>
<!-- Without it, you can notice a small formatting difference: -->
<a href="#">I hope there will be no extra whitespace after this!</a>
<button>Foo</button>
Salida:
