Comentarios en html y css

Línea de comentario html

En CSS, puedes añadir comentarios para explicar u organizar diferentes secciones de tu hoja de estilos. Hacerlo puede parecer un paso superfluo en el proceso de codificación, pero los comentarios pueden ser muy útiles a la hora de depurar o rediseñar tu sitio web

¿Por qué? Porque indican al lector cuál es la intención de determinadas líneas de CSS.  Esta información es especialmente útil si hay varios desarrolladores trabajando en un sitio web o si has heredado el sitio de otro propietario. Si has mirado antes una hoja de estilo o has leído suficientes entradas de blog con fragmentos de código, es posible que ya hayas visto comentarios. Se reconocen por las marcas /* */ que los encierran.

Este es el resultado: Fuente de la imagen Si utilizas el framework CSS de Bootstrap en lugar de construir un sitio web desde cero, los comentarios siguen funcionando exactamente igual. Aquí está el CSS, que sigue siendo el mismo:

<p>Como en el ejemplo anterior, este párrafo tiene estilo con CSS. Tanto la propiedad font-color como background-color se han establecido para que el color de la fuente sea blanco y el color de fondo sea un tono de cerceta.</p> <p>

Comentario css de varias líneas

Un comentario CSS se utiliza para añadir notas explicativas al código o para evitar que el navegador interprete partes específicas de la hoja de estilo. Por su diseño, los comentarios no tienen ningún efecto sobre el diseño de un documento.

La sintaxis de comentario /* */ se utiliza tanto para los comentarios de una como de varias líneas. No hay otra forma de especificar comentarios en las hojas de estilo externas. Sin embargo, cuando se utiliza el elemento <style>, se puede utilizar <!– –> para ocultar el CSS de los navegadores más antiguos, aunque no se recomienda. Como en la mayoría de los lenguajes de programación que utilizan la sintaxis de comentarios /* */, los comentarios no pueden anidarse. En otras palabras, la primera instancia de */ que sigue a una instancia de /* cierra el comentario.

Html comenta varias líneas

Estaba revisando algunos de los CSS de Amazon y me di cuenta de que tienen HTML comentado un trozo de CSS. Sé que hay formato condicional para Internet Explorer con comentarios HTML, pero estoy viendo esto en Chrome. ¿Cuál es el propósito de esto?

Por lo general, se trata de algún tipo de truco que se utiliza al crear una plantilla para los correos electrónicos HTML, de modo que si el correo electrónico se abre en el cliente que no interpreta correctamente la etiqueta <style> entonces el cliente no debe mostrar los estilos CSS en el cuerpo del mensaje. ¡Y los clientes más modernos deberían interpretar los estilos correctamente, porque <! -> no es un comentario para CSS, sino sólo una sintaxis incomprensible que debería ser ignorada por el analizador de CSS.

En esta situación, sólo se puede legitimar si queremos incluir reglas CSS para Media Queries en la etiqueta <style>. De lo contrario, en las plantillas de correo electrónico cuando utilizamos estilos ordinarios, se recomienda utilizar los estilos CSS en línea.

Bloque de comentarios css

Estoy construyendo un sitio web usando Laravel y para el front-end, estoy usando bootstrap. Tengo una página de blog donde quiero un sistema de comentarios/repuestas. Ahora, he hecho todo, pero no puedo hacer el diseño dinámico de árbol para Comment/Reply. Por ahora, estoy usando un diseño estático y este es mi HTML:

Por favor, ejecute este fragmento de código en jsfiddle para ver el diseño. Quiero hacerlo dinámico para que cada vez que pongo el comentario o respuesta, debe ajustarse en el diseño anterior en consecuencia. Cada vez que haga clic en el botón de respuesta, quiero mostrar un formulario de respuesta justo debajo del botón pulsado. Gracias de antemano.