﻿{"id":3546,"date":"2021-09-07T11:05:58","date_gmt":"2021-09-07T09:05:58","guid":{"rendered":"https:\/\/www.sortlist.es\/blog\/?p=3546"},"modified":"2021-09-13T09:10:17","modified_gmt":"2021-09-13T07:10:17","slug":"comentarios-en-html","status":"publish","type":"post","link":"https:\/\/www-es.sortlist-test.com\/blog\/comentarios-en-html\/","title":{"rendered":"Comentarios en HTML: Qu\u00e9 son, para qu\u00e9 sirven y 5 pasos para hacerlos"},"content":{"rendered":"\n<p>Muchas veces cuando estamos escribiendo vamos agregando comentarios al margen que nos permiten recordar ciertos detalles. Lo mismo ocurre al escribir <strong>c\u00f3digos HTML<\/strong> \u00a1Y vaya qu\u00e9 beneficios tiene!<\/p>\n\n\n\n<p>En este art\u00edculo, especialmente pensado para programadores, los que se ocupan del <a href=\"https:\/\/www.sortlist.es\/desarrollo-web\/espana-es\" target=\"_blank\" rel=\"noreferrer noopener\">desarrollo web<\/a>, te explicamos todo. <\/p>\n\n\n\n<p>Desde qu\u00e9 son y para qu\u00e9 sirve comentar al crear o <strong>revisar un c\u00f3digo<\/strong>, hasta c\u00f3mo puedes empezar a incluirlos en el c\u00f3digo fuente de tu p\u00e1gina.<\/p>\n\n\n\n<h2 class=\"wp-block-heading\">\u00bfQu\u00e9 son los comentarios en el c\u00f3digo fuente?<\/h2>\n\n\n\n<p>Tal y como su nombre lo indica los comentarios en el c\u00f3digo son un elemento que te permite <strong>agregar comentarios<\/strong> a un <strong>documento<\/strong> sin importar el lenguaje en que est\u00e9 escrito (HTML, Javascript, Java, CSS, Python). <\/p>\n\n\n\n<p>Espec\u00edficamente en el caso de los comentarios HTML, son textos, que al incluirlos <strong>entre dos etiquetas HTML<\/strong>, te abren un espacio donde puedes dejar por escrito detalles importantes para cualquiera que trabaje con el c\u00f3digo fuente de la p\u00e1gina web.<\/p>\n\n\n\n<figure class=\"wp-block-image size-large is-resized\"><img loading=\"lazy\" decoding=\"async\" src=\"https:\/\/www.sortlist.es\/blog\/wp-content\/uploads\/sites\/6\/2021\/09\/html-2.png\" alt=\"Ejemplo de un comentario HTML\" class=\"wp-image-3550\" width=\"628\" height=\"194\" srcset=\"https:\/\/www-es.sortlist-test.com\/blog\/wp-content\/uploads\/sites\/6\/2021\/09\/html-2.png 1899w, https:\/\/www-es.sortlist-test.com\/blog\/wp-content\/uploads\/sites\/6\/2021\/09\/html-2-768x238.png 768w, https:\/\/www-es.sortlist-test.com\/blog\/wp-content\/uploads\/sites\/6\/2021\/09\/html-2-1536x476.png 1536w, https:\/\/www-es.sortlist-test.com\/blog\/wp-content\/uploads\/sites\/6\/2021\/09\/html-2-50x15.png 50w, https:\/\/www-es.sortlist-test.com\/blog\/wp-content\/uploads\/sites\/6\/2021\/09\/html-2-288x89.png 288w, https:\/\/www-es.sortlist-test.com\/blog\/wp-content\/uploads\/sites\/6\/2021\/09\/html-2-576x178.png 576w, https:\/\/www-es.sortlist-test.com\/blog\/wp-content\/uploads\/sites\/6\/2021\/09\/html-2-339x105.png 339w, https:\/\/www-es.sortlist-test.com\/blog\/wp-content\/uploads\/sites\/6\/2021\/09\/html-2-678x210.png 678w, https:\/\/www-es.sortlist-test.com\/blog\/wp-content\/uploads\/sites\/6\/2021\/09\/html-2-373x115.png 373w, https:\/\/www-es.sortlist-test.com\/blog\/wp-content\/uploads\/sites\/6\/2021\/09\/html-2-746x231.png 746w, https:\/\/www-es.sortlist-test.com\/blog\/wp-content\/uploads\/sites\/6\/2021\/09\/html-2-691x214.png 691w, https:\/\/www-es.sortlist-test.com\/blog\/wp-content\/uploads\/sites\/6\/2021\/09\/html-2-1382x428.png 1382w, https:\/\/www-es.sortlist-test.com\/blog\/wp-content\/uploads\/sites\/6\/2021\/09\/html-2-973x301.png 973w, https:\/\/www-es.sortlist-test.com\/blog\/wp-content\/uploads\/sites\/6\/2021\/09\/html-2-1048x324.png 1048w, https:\/\/www-es.sortlist-test.com\/blog\/wp-content\/uploads\/sites\/6\/2021\/09\/html-2-478x148.png 478w, https:\/\/www-es.sortlist-test.com\/blog\/wp-content\/uploads\/sites\/6\/2021\/09\/html-2-956x296.png 956w, https:\/\/www-es.sortlist-test.com\/blog\/wp-content\/uploads\/sites\/6\/2021\/09\/html-2-516x160.png 516w, https:\/\/www-es.sortlist-test.com\/blog\/wp-content\/uploads\/sites\/6\/2021\/09\/html-2-1032x320.png 1032w, https:\/\/www-es.sortlist-test.com\/blog\/wp-content\/uploads\/sites\/6\/2021\/09\/html-2-680x211.png 680w, https:\/\/www-es.sortlist-test.com\/blog\/wp-content\/uploads\/sites\/6\/2021\/09\/html-2-1360x421.png 1360w\" sizes=\"auto, (max-width: 628px) 100vw, 628px\" \/><\/figure>\n\n\n\n<p>Es importante dejar claro que si bien estos comentarios no son detectables por un navegador, s\u00ed son le\u00eddos por los buscadores. Es decir, mientras que los visitantes de tu sitio web no van a poder leer estas l\u00edneas de texto, los buscadores s\u00ed. <\/p>\n\n\n\n<p>De all\u00ed que sea tan importante cuidar la cantidad y calidad al comentar. <strong>Recuerda que mientras m\u00e1s informaci\u00f3n incluyas mayor ser\u00e1 el tiempo para procesar tu p\u00e1gina web<\/strong>. Nuestra recomendaci\u00f3n es que agregues comentarios donde realmente amerita y evites los p\u00e1rrafos muy largos.<\/p>\n\n\n\n<p>Un dato que quiz\u00e1s no sab\u00edas es que para ver el c\u00f3digo de cualquier p\u00e1gina basta con entrar a ella, hacer clic en el bot\u00f3n derecho del mouse y seleccionar la opci\u00f3n ver c\u00f3digo fuente.<\/p>\n\n\n\n<figure class=\"wp-block-image size-large is-resized\"><img loading=\"lazy\" decoding=\"async\" src=\"https:\/\/www.sortlist.es\/blog\/wp-content\/uploads\/sites\/6\/2021\/09\/html-1.png\" alt=\"\u00bfC\u00f3mo ver el c\u00f3digo fuente de una p\u00e1gina web?\" class=\"wp-image-3551\" width=\"652\" height=\"324\" srcset=\"https:\/\/www-es.sortlist-test.com\/blog\/wp-content\/uploads\/sites\/6\/2021\/09\/html-1.png 1758w, https:\/\/www-es.sortlist-test.com\/blog\/wp-content\/uploads\/sites\/6\/2021\/09\/html-1-768x381.png 768w, https:\/\/www-es.sortlist-test.com\/blog\/wp-content\/uploads\/sites\/6\/2021\/09\/html-1-1536x763.png 1536w, https:\/\/www-es.sortlist-test.com\/blog\/wp-content\/uploads\/sites\/6\/2021\/09\/html-1-50x25.png 50w, https:\/\/www-es.sortlist-test.com\/blog\/wp-content\/uploads\/sites\/6\/2021\/09\/html-1-288x143.png 288w, https:\/\/www-es.sortlist-test.com\/blog\/wp-content\/uploads\/sites\/6\/2021\/09\/html-1-576x286.png 576w, https:\/\/www-es.sortlist-test.com\/blog\/wp-content\/uploads\/sites\/6\/2021\/09\/html-1-339x168.png 339w, https:\/\/www-es.sortlist-test.com\/blog\/wp-content\/uploads\/sites\/6\/2021\/09\/html-1-678x337.png 678w, https:\/\/www-es.sortlist-test.com\/blog\/wp-content\/uploads\/sites\/6\/2021\/09\/html-1-373x185.png 373w, https:\/\/www-es.sortlist-test.com\/blog\/wp-content\/uploads\/sites\/6\/2021\/09\/html-1-746x370.png 746w, https:\/\/www-es.sortlist-test.com\/blog\/wp-content\/uploads\/sites\/6\/2021\/09\/html-1-691x343.png 691w, https:\/\/www-es.sortlist-test.com\/blog\/wp-content\/uploads\/sites\/6\/2021\/09\/html-1-1382x686.png 1382w, https:\/\/www-es.sortlist-test.com\/blog\/wp-content\/uploads\/sites\/6\/2021\/09\/html-1-973x483.png 973w, https:\/\/www-es.sortlist-test.com\/blog\/wp-content\/uploads\/sites\/6\/2021\/09\/html-1-1048x520.png 1048w, https:\/\/www-es.sortlist-test.com\/blog\/wp-content\/uploads\/sites\/6\/2021\/09\/html-1-478x237.png 478w, https:\/\/www-es.sortlist-test.com\/blog\/wp-content\/uploads\/sites\/6\/2021\/09\/html-1-956x475.png 956w, https:\/\/www-es.sortlist-test.com\/blog\/wp-content\/uploads\/sites\/6\/2021\/09\/html-1-516x256.png 516w, https:\/\/www-es.sortlist-test.com\/blog\/wp-content\/uploads\/sites\/6\/2021\/09\/html-1-1032x512.png 1032w, https:\/\/www-es.sortlist-test.com\/blog\/wp-content\/uploads\/sites\/6\/2021\/09\/html-1-680x338.png 680w, https:\/\/www-es.sortlist-test.com\/blog\/wp-content\/uploads\/sites\/6\/2021\/09\/html-1-1360x675.png 1360w\" sizes=\"auto, (max-width: 652px) 100vw, 652px\" \/><\/figure>\n\n\n\n<figure class=\"wp-block-image size-large is-resized\"><img loading=\"lazy\" decoding=\"async\" src=\"https:\/\/www.sortlist.es\/blog\/wp-content\/uploads\/sites\/6\/2021\/09\/html-3.png\" alt=\"\u00bfC\u00f3mo ver el c\u00f3digo fuente de una p\u00e1gina web?\" class=\"wp-image-3552\" width=\"658\" height=\"311\" srcset=\"https:\/\/www-es.sortlist-test.com\/blog\/wp-content\/uploads\/sites\/6\/2021\/09\/html-3.png 1897w, https:\/\/www-es.sortlist-test.com\/blog\/wp-content\/uploads\/sites\/6\/2021\/09\/html-3-768x364.png 768w, https:\/\/www-es.sortlist-test.com\/blog\/wp-content\/uploads\/sites\/6\/2021\/09\/html-3-1536x727.png 1536w, https:\/\/www-es.sortlist-test.com\/blog\/wp-content\/uploads\/sites\/6\/2021\/09\/html-3-50x24.png 50w, https:\/\/www-es.sortlist-test.com\/blog\/wp-content\/uploads\/sites\/6\/2021\/09\/html-3-288x136.png 288w, https:\/\/www-es.sortlist-test.com\/blog\/wp-content\/uploads\/sites\/6\/2021\/09\/html-3-576x273.png 576w, https:\/\/www-es.sortlist-test.com\/blog\/wp-content\/uploads\/sites\/6\/2021\/09\/html-3-339x160.png 339w, https:\/\/www-es.sortlist-test.com\/blog\/wp-content\/uploads\/sites\/6\/2021\/09\/html-3-678x321.png 678w, https:\/\/www-es.sortlist-test.com\/blog\/wp-content\/uploads\/sites\/6\/2021\/09\/html-3-373x177.png 373w, https:\/\/www-es.sortlist-test.com\/blog\/wp-content\/uploads\/sites\/6\/2021\/09\/html-3-746x353.png 746w, https:\/\/www-es.sortlist-test.com\/blog\/wp-content\/uploads\/sites\/6\/2021\/09\/html-3-691x327.png 691w, https:\/\/www-es.sortlist-test.com\/blog\/wp-content\/uploads\/sites\/6\/2021\/09\/html-3-1382x654.png 1382w, https:\/\/www-es.sortlist-test.com\/blog\/wp-content\/uploads\/sites\/6\/2021\/09\/html-3-973x461.png 973w, https:\/\/www-es.sortlist-test.com\/blog\/wp-content\/uploads\/sites\/6\/2021\/09\/html-3-1048x496.png 1048w, https:\/\/www-es.sortlist-test.com\/blog\/wp-content\/uploads\/sites\/6\/2021\/09\/html-3-478x226.png 478w, https:\/\/www-es.sortlist-test.com\/blog\/wp-content\/uploads\/sites\/6\/2021\/09\/html-3-956x453.png 956w, https:\/\/www-es.sortlist-test.com\/blog\/wp-content\/uploads\/sites\/6\/2021\/09\/html-3-516x244.png 516w, https:\/\/www-es.sortlist-test.com\/blog\/wp-content\/uploads\/sites\/6\/2021\/09\/html-3-1032x489.png 1032w, https:\/\/www-es.sortlist-test.com\/blog\/wp-content\/uploads\/sites\/6\/2021\/09\/html-3-680x322.png 680w, https:\/\/www-es.sortlist-test.com\/blog\/wp-content\/uploads\/sites\/6\/2021\/09\/html-3-1360x644.png 1360w\" sizes=\"auto, (max-width: 658px) 100vw, 658px\" \/><\/figure>\n\n\n\n<h2 class=\"wp-block-heading\">\u00bfPara qu\u00e9 sirven los comentarios en el c\u00f3digo HTML?<\/h2>\n\n\n\n<p>Desarrolladores e ingenieros recurren a los comentarios HTML por diferentes razones, algunas de ellas son:<\/p>\n\n\n\n<ol class=\"wp-block-list\"><li><strong>Para dejar registro de cu\u00e1ndo y por qui\u00e9n fue modificado el c\u00f3digo.<\/strong> Como bien es sabido, una p\u00e1gina web sufre variaciones a lo largo del tiempo. Hay algunas que son visibles para cualquier usuario, y otras que son netamente para mejorar el rendimiento del mismo. Desde Sortlist queremos recomendarte hacer uso de los comentarios HTML para dejar nota de cu\u00e1ndo hiciste estos cambios y exactamente qu\u00e9 fue que modificaste. Esta informaci\u00f3n va a ayudar a que todas las personas involucradas con el funcionamiento del sitio tengan a disposici\u00f3n los datos de las ediciones que se han realizado y para qu\u00e9.<br><\/li><li><strong>Para hacer que el c\u00f3digo sea m\u00e1s f\u00e1cil de entender.<\/strong> Cuando se trabaja en proyectos muy largos es posible que olvides para qu\u00e9 hiciste un c\u00f3digo determinado, por qu\u00e9 est\u00e1 hecho de esa forma, o cu\u00e1l funci\u00f3n cumple. Tambi\u00e9n puede darse el caso de que terceras personas trabajen con tu c\u00f3digo y no tengan claro por qu\u00e9 creaste el c\u00f3digo de esa manera. Comentar aqu\u00ed explicando las respuestas a estas preguntas no s\u00f3lo va a facilitar la legibilidad del c\u00f3digo, sino que adem\u00e1s te va a ayudar a recordar por qu\u00e9 lo hiciste de esa manera y no de otra.<br><\/li><li><strong>Para dejar feedback. <\/strong>Si est\u00e1s trabajando con un equipo de desarrolladores es probable que, t\u00fa o alguien m\u00e1s, deba asumir la responsabilidad de revisar el c\u00f3digo fuente de la web para cerciorarse de que todo est\u00e1 en orden. En este caso, los comentarios son un recurso ideal para dejar anotaciones sobre detalles que requieren atenci\u00f3n para garantizar el rendimiento \u00f3ptimo de la p\u00e1gina.<br><\/li><li><strong>A manera de ensayo y error.<\/strong> Habr\u00e1 momentos en los que te enfrentes a situaciones donde no sabes a ciencia cierta la raz\u00f3n detr\u00e1s de una falla en la p\u00e1gina web. A medida que vas revisando, y haciendo diferentes pruebas, puedes ir dejando comentarios HTML que te permiten saber qu\u00e9 estrategias ya has intentado, cu\u00e1les han sido los resultados obtenidos y qu\u00e9 secciones ya has revisado.<br><\/li><li><strong>Para depurar un c\u00f3digo. <\/strong>Tambi\u00e9n es cierto que al agregar un c\u00f3digo nuevo a tu p\u00e1gina web es posible que te enfrentes a algunos errores. Por lo que te recomendamos hacer pruebas escondiendo el c\u00f3digo nuevo detr\u00e1s de un comentario para as\u00ed depurarlo y ver d\u00f3nde podr\u00eda estar la falla.<\/li><\/ol>\n\n\n\n<h2 class=\"wp-block-heading\">Pasos para hacer comentarios HTML<\/h2>\n\n\n\n<p>Hasta aqu\u00ed hemos revisado qu\u00e9 son y para qu\u00e9 sirven los comentarios en los c\u00f3digos fuente, pero \u00bfc\u00f3mo puedes empezar a hacerlos? <\/p>\n\n\n\n<p>Si bien esta funci\u00f3n est\u00e1 disponible en los diferentes lenguajes de programaci\u00f3n (CSS, Javascript, Java, Python), a efectos de este art\u00edculo te compartimos el paso a paso para hacerlo en HTML:<\/p>\n\n\n\n<p><strong>Paso 1: <\/strong>Dentro del c\u00f3digo fuente de tu sitio web, ve al lugar espec\u00edfico donde quieres dejar el comentario.<\/p>\n\n\n\n<p><strong>Paso 2: <\/strong>Abre una etiqueta HTML con el s\u00edmbolo menor que: &lt;<\/p>\n\n\n\n<p><strong>Paso 3: <\/strong>Seguido incluye un signo de cierre de exclamaci\u00f3n y dos guiones: &lt;!&#8211;<\/p>\n\n\n\n<p><strong>Paso 4: <\/strong>Ahora es cuando empiezas a escribir tu comentario: &lt;!&#8211; comentario<\/p>\n\n\n\n<p><strong>Paso 5: <\/strong>Para cerrar el comentario debes agregar dos guiones y el s\u00edmbolo de mayor que: &lt;!&#8211; comentario &#8211;><\/p>\n\n\n\n<p>El c\u00f3digo para insertar un comentario debe verse as\u00ed: <strong>&lt;!&#8211; Lorem ipsum dolor sit amet &#8211;&gt;<\/strong><\/p>\n\n\n\n<p>Para ponerlo m\u00e1s sencillo, el comentario en este lenguaje de programaci\u00f3n es una etiqueta HTML que empieza con un signo de exclamaci\u00f3n y termina con dos guiones.<\/p>\n\n\n\n<figure class=\"wp-block-image size-large is-resized\"><img loading=\"lazy\" decoding=\"async\" src=\"https:\/\/www.sortlist.es\/blog\/wp-content\/uploads\/sites\/6\/2021\/09\/html-4.png\" alt=\"Ejemplo de un comentario dentro de una etiqueta HTML\" class=\"wp-image-3553\" width=\"632\" height=\"55\" srcset=\"https:\/\/www-es.sortlist-test.com\/blog\/wp-content\/uploads\/sites\/6\/2021\/09\/html-4.png 847w, https:\/\/www-es.sortlist-test.com\/blog\/wp-content\/uploads\/sites\/6\/2021\/09\/html-4-768x67.png 768w, https:\/\/www-es.sortlist-test.com\/blog\/wp-content\/uploads\/sites\/6\/2021\/09\/html-4-50x4.png 50w, https:\/\/www-es.sortlist-test.com\/blog\/wp-content\/uploads\/sites\/6\/2021\/09\/html-4-288x25.png 288w, https:\/\/www-es.sortlist-test.com\/blog\/wp-content\/uploads\/sites\/6\/2021\/09\/html-4-576x50.png 576w, https:\/\/www-es.sortlist-test.com\/blog\/wp-content\/uploads\/sites\/6\/2021\/09\/html-4-339x30.png 339w, https:\/\/www-es.sortlist-test.com\/blog\/wp-content\/uploads\/sites\/6\/2021\/09\/html-4-678x59.png 678w, https:\/\/www-es.sortlist-test.com\/blog\/wp-content\/uploads\/sites\/6\/2021\/09\/html-4-373x33.png 373w, https:\/\/www-es.sortlist-test.com\/blog\/wp-content\/uploads\/sites\/6\/2021\/09\/html-4-746x65.png 746w, https:\/\/www-es.sortlist-test.com\/blog\/wp-content\/uploads\/sites\/6\/2021\/09\/html-4-691x60.png 691w, https:\/\/www-es.sortlist-test.com\/blog\/wp-content\/uploads\/sites\/6\/2021\/09\/html-4-478x42.png 478w, https:\/\/www-es.sortlist-test.com\/blog\/wp-content\/uploads\/sites\/6\/2021\/09\/html-4-516x45.png 516w, https:\/\/www-es.sortlist-test.com\/blog\/wp-content\/uploads\/sites\/6\/2021\/09\/html-4-680x59.png 680w\" sizes=\"auto, (max-width: 632px) 100vw, 632px\" \/><\/figure>\n\n\n\n<h2 class=\"wp-block-heading\">Pasos para comentar en varias l\u00edneas<\/h2>\n\n\n\n<p>En caso de quieras, o tengas que, agregar un comentario de varias l\u00edneas de texto, entonces te recomendamos seguir estos pasos. B\u00e1sicamente lo primeros son los mismos que en el caso anterior, la diferencia est\u00e1 en la manera de escribir las l\u00edneas de c\u00f3digo.<\/p>\n\n\n\n<p><strong>Paso 1: <\/strong>Abre una etiqueta HTML con el s\u00edmbolo menor que: &lt;<\/p>\n\n\n\n<p><strong>Paso 2: <\/strong>Seguido incluye un signo de cierre de exclamaci\u00f3n y 2 guiones: &lt;!&#8211;<\/p>\n\n\n\n<p><strong>Paso 3: <\/strong>En la l\u00ednea siguente empezar a escribir el comentario:<\/p>\n\n\n\n<p>&lt;!&#8211;<\/p>\n\n\n\n<p>Empieza a comentar aqu\u00ed.<\/p>\n\n\n\n<p>Sigues aqu\u00ed.<\/p>\n\n\n\n<p>Y sigues tantas l\u00edneas como sea necesario.<\/p>\n\n\n\n<p><strong>Paso 4: <\/strong>Y cierras el comentario al poner 2 guiones y el s\u00edmbolo de mayor que en la l\u00ednea siguiente:<\/p>\n\n\n\n<p>&lt;!&#8211;<\/p>\n\n\n\n<p>Empieza a poner tu texto aqu\u00ed.<\/p>\n\n\n\n<p>Sigues aqu\u00ed.<\/p>\n\n\n\n<p>Y sigues tantas l\u00edneas como sea necesario.<\/p>\n\n\n\n<p>&#8211;&gt;<\/p>\n\n\n\n<figure class=\"wp-block-image size-large is-resized\"><img loading=\"lazy\" decoding=\"async\" src=\"https:\/\/www.sortlist.es\/blog\/wp-content\/uploads\/sites\/6\/2021\/09\/html-5.png\" alt=\"Ejemplo de un comentario HTML de varias l\u00edneas\" class=\"wp-image-3554\" width=\"670\" height=\"150\" srcset=\"https:\/\/www-es.sortlist-test.com\/blog\/wp-content\/uploads\/sites\/6\/2021\/09\/html-5.png 866w, https:\/\/www-es.sortlist-test.com\/blog\/wp-content\/uploads\/sites\/6\/2021\/09\/html-5-768x172.png 768w, https:\/\/www-es.sortlist-test.com\/blog\/wp-content\/uploads\/sites\/6\/2021\/09\/html-5-50x11.png 50w, https:\/\/www-es.sortlist-test.com\/blog\/wp-content\/uploads\/sites\/6\/2021\/09\/html-5-288x65.png 288w, https:\/\/www-es.sortlist-test.com\/blog\/wp-content\/uploads\/sites\/6\/2021\/09\/html-5-576x129.png 576w, https:\/\/www-es.sortlist-test.com\/blog\/wp-content\/uploads\/sites\/6\/2021\/09\/html-5-339x76.png 339w, https:\/\/www-es.sortlist-test.com\/blog\/wp-content\/uploads\/sites\/6\/2021\/09\/html-5-678x152.png 678w, https:\/\/www-es.sortlist-test.com\/blog\/wp-content\/uploads\/sites\/6\/2021\/09\/html-5-373x84.png 373w, https:\/\/www-es.sortlist-test.com\/blog\/wp-content\/uploads\/sites\/6\/2021\/09\/html-5-746x167.png 746w, https:\/\/www-es.sortlist-test.com\/blog\/wp-content\/uploads\/sites\/6\/2021\/09\/html-5-691x155.png 691w, https:\/\/www-es.sortlist-test.com\/blog\/wp-content\/uploads\/sites\/6\/2021\/09\/html-5-478x107.png 478w, https:\/\/www-es.sortlist-test.com\/blog\/wp-content\/uploads\/sites\/6\/2021\/09\/html-5-516x116.png 516w, https:\/\/www-es.sortlist-test.com\/blog\/wp-content\/uploads\/sites\/6\/2021\/09\/html-5-680x152.png 680w\" sizes=\"auto, (max-width: 670px) 100vw, 670px\" \/><\/figure>\n\n\n\n<h2 class=\"wp-block-heading\">Recomendaciones b\u00e1sicas para trabajar con comentarios HTML<\/h2>\n\n\n\n<p>A manera de cierre queremos dejarte algunas recomendaciones que te ayudar\u00e1n a sacar el mayor provecho de este recurso sin afectar la velocidad de carga o tiempos de respuesta de tu p\u00e1gina web.<\/p>\n\n\n\n<h3 class=\"wp-block-heading\"><strong>Nunca dupliques el c\u00f3digo dentro de un comentario<\/strong><\/h3>\n\n\n\n<p>No solo resta valor al comentario, sino que afecta el rendimiento de la p\u00e1gina web. Procura hacer uso de este recurso cuando realmente lo amerite.<\/p>\n\n\n\n<h3 class=\"wp-block-heading\"><strong>Agregar comentarios no te excluye de tener que escribir bien un c\u00f3digo<\/strong><\/h3>\n\n\n\n<p>Este no es un espacio para colocar informaci\u00f3n que deber\u00eda aparecer dentro del c\u00f3digo HTML. Recuerda que como desarrollador debes enfocarte en escribir c\u00f3digos lo suficientemente buenos para que no necesiten de un comentario que lo complemente.<\/p>\n\n\n\n<h3 class=\"wp-block-heading\"><strong>Los comentarios est\u00e1n para aclarar los c\u00f3digos<\/strong><\/h3>\n\n\n\n<p>Si bien hemos dicho que no debes escribir comentarios muy largos, tambi\u00e9n es cierto que estos existen para satisfacer las diferentes necesidades que compartimos m\u00e1s arriba. Cuando est\u00e9s escribiendo un c\u00f3digo hazlo pensando en que lo va a leer un tercero. Responde aqu\u00ed las preguntas que pudieran surgir.<\/p>\n\n\n\n<h3 class=\"wp-block-heading\"><strong>Usa este espacio para compartir la fuente original<\/strong><\/h3>\n\n\n\n<p>Todo programador recurre a c\u00f3digos que consigue en l\u00ednea. Cuando lo hagas, procura agregar la fuente original en un comentario. As\u00ed, cualquiera que est\u00e9 involucrado en el proyecto, puede consultarla y tener un mejor panorama de qu\u00e9 estabas tratando de solucionar y por qu\u00e9 esa es la mejor forma.<\/p>\n\n\n\n<h3 class=\"wp-block-heading\"><strong>Los comentarios no se limitan a c\u00f3digos nuevos<\/strong><\/h3>\n\n\n\n<p>Los comentarios son el espacio ideal para llevar registro de cuando hayas tenido que depurar un c\u00f3digo. Hacer alg\u00fan ajuste al sitio, o modificar alguna secci\u00f3n.<\/p>\n\n\n\n<h2 class=\"wp-block-heading\">Conclusi\u00f3n<\/h2>\n\n\n\n<p>Como puedes ver trabajar con comentarios en los diferentes lenguajes de programaci\u00f3n tiene una serie de <strong>beneficios<\/strong> que solo hacen que t\u00fa trabajo y el de tu equipo sea m\u00e1s sencillo. <\/p>\n\n\n\n<p>Es una <strong>manera positiva<\/strong> de ser <strong>parte<\/strong> de un <strong>equipo<\/strong>, de abrir un espacio para aclarar dudas, <strong>hacer seguimiento<\/strong>, dejar puntos claros y ayudarse los unos a los otros.<\/p>\n","protected":false},"excerpt":{"rendered":"<p>Muchas veces cuando estamos escribiendo vamos agregando comentarios al margen que nos permiten recordar ciertos detalles. Lo mismo ocurre al escribir c\u00f3digos HTML \u00a1Y vaya qu\u00e9 beneficios tiene! En este art\u00edculo, especialmente pensado para programadores, los que se ocupan del desarrollo web, te explicamos todo. Desde qu\u00e9 son y para qu\u00e9 sirve comentar al crear [&hellip;]<\/p>\n","protected":false},"author":83,"featured_media":3555,"comment_status":"open","ping_status":"open","sticky":false,"template":"","format":"standard","meta":{"footnotes":""},"categories":[38,37],"class_list":["post-3546","post","type-post","status-publish","format-standard","has-post-thumbnail","hentry","category-estrategia-digital","category-marketing"],"acf":[],"yoast_head":"<!-- This site is optimized with the Yoast SEO plugin v23.4 - https:\/\/yoast.com\/wordpress\/plugins\/seo\/ -->\n<title>Comentarios en HTML: Qu\u00e9 son, para qu\u00e9 sirven y 5 pasos para hacerlos<\/title>\n<meta name=\"description\" content=\"\u00bfQu\u00e9 son los comentarios en HTML y para qu\u00e9 sirven? Sigue en este art\u00edculo los 5 pasos para crear uno\" \/>\n<meta name=\"robots\" content=\"noindex, follow, max-snippet:-1, max-image-preview:large, max-video-preview:-1\" \/>\n<meta property=\"og:locale\" content=\"es_ES\" \/>\n<meta property=\"og:type\" content=\"article\" \/>\n<meta property=\"og:title\" content=\"Comentarios en HTML: Qu\u00e9 son, para qu\u00e9 sirven y 5 pasos para hacerlos\" \/>\n<meta property=\"og:description\" content=\"\u00bfQu\u00e9 son los comentarios en HTML y para qu\u00e9 sirven? Sigue en este art\u00edculo los 5 pasos para crear uno\" \/>\n<meta property=\"og:url\" content=\"https:\/\/www-es.sortlist-test.com\/blog\/comentarios-en-html\/\" \/>\n<meta property=\"og:site_name\" content=\"Sortlist Blog\" \/>\n<meta property=\"article:published_time\" content=\"2021-09-07T09:05:58+00:00\" \/>\n<meta property=\"article:modified_time\" content=\"2021-09-13T07:10:17+00:00\" \/>\n<meta property=\"og:image\" content=\"https:\/\/www-es.sortlist-test.com\/blog\/wp-content\/uploads\/sites\/6\/2021\/09\/portada-del-articulo-1-2.png\" \/>\n\t<meta property=\"og:image:width\" content=\"1748\" \/>\n\t<meta property=\"og:image:height\" content=\"1240\" \/>\n\t<meta property=\"og:image:type\" content=\"image\/png\" \/>\n<meta name=\"author\" content=\"Clara Gil\" \/>\n<meta name=\"twitter:card\" content=\"summary_large_image\" \/>\n<meta name=\"twitter:label1\" content=\"Escrito por\" \/>\n\t<meta name=\"twitter:data1\" content=\"Clara Gil\" \/>\n\t<meta name=\"twitter:label2\" content=\"Tiempo de lectura\" \/>\n\t<meta name=\"twitter:data2\" content=\"7 minutos\" \/>\n<script type=\"application\/ld+json\" class=\"yoast-schema-graph\">{\"@context\":\"https:\/\/schema.org\",\"@graph\":[{\"@type\":\"WebPage\",\"@id\":\"https:\/\/www-es.sortlist-test.com\/blog\/comentarios-en-html\/\",\"url\":\"https:\/\/www-es.sortlist-test.com\/blog\/comentarios-en-html\/\",\"name\":\"Comentarios en HTML: Qu\u00e9 son, para qu\u00e9 sirven y 5 pasos para hacerlos\",\"isPartOf\":{\"@id\":\"https:\/\/www-es.sortlist-test.com\/blog\/#website\"},\"primaryImageOfPage\":{\"@id\":\"https:\/\/www-es.sortlist-test.com\/blog\/comentarios-en-html\/#primaryimage\"},\"image\":{\"@id\":\"https:\/\/www-es.sortlist-test.com\/blog\/comentarios-en-html\/#primaryimage\"},\"thumbnailUrl\":\"https:\/\/www-es.sortlist-test.com\/blog\/wp-content\/uploads\/sites\/6\/2021\/09\/portada-del-articulo-1-2.png\",\"datePublished\":\"2021-09-07T09:05:58+00:00\",\"dateModified\":\"2021-09-13T07:10:17+00:00\",\"author\":{\"@id\":\"https:\/\/www-es.sortlist-test.com\/blog\/#\/schema\/person\/393b2835dd2de9916eb2e215cbc9a00b\"},\"description\":\"\u00bfQu\u00e9 son los comentarios en HTML y para qu\u00e9 sirven? Sigue en este art\u00edculo los 5 pasos para crear uno\",\"breadcrumb\":{\"@id\":\"https:\/\/www-es.sortlist-test.com\/blog\/comentarios-en-html\/#breadcrumb\"},\"inLanguage\":\"es\",\"potentialAction\":[{\"@type\":\"ReadAction\",\"target\":[\"https:\/\/www-es.sortlist-test.com\/blog\/comentarios-en-html\/\"]}]},{\"@type\":\"ImageObject\",\"inLanguage\":\"es\",\"@id\":\"https:\/\/www-es.sortlist-test.com\/blog\/comentarios-en-html\/#primaryimage\",\"url\":\"https:\/\/www-es.sortlist-test.com\/blog\/wp-content\/uploads\/sites\/6\/2021\/09\/portada-del-articulo-1-2.png\",\"contentUrl\":\"https:\/\/www-es.sortlist-test.com\/blog\/wp-content\/uploads\/sites\/6\/2021\/09\/portada-del-articulo-1-2.png\",\"width\":1748,\"height\":1240,\"caption\":\"Comentarios en HTML\"},{\"@type\":\"BreadcrumbList\",\"@id\":\"https:\/\/www-es.sortlist-test.com\/blog\/comentarios-en-html\/#breadcrumb\",\"itemListElement\":[{\"@type\":\"ListItem\",\"position\":1,\"name\":\"Home\",\"item\":\"https:\/\/www-es.sortlist-test.com\/blog\/\"},{\"@type\":\"ListItem\",\"position\":2,\"name\":\"Comentarios en HTML: Qu\u00e9 son, para qu\u00e9 sirven y 5 pasos para hacerlos\"}]},{\"@type\":\"WebSite\",\"@id\":\"https:\/\/www-es.sortlist-test.com\/blog\/#website\",\"url\":\"https:\/\/www-es.sortlist-test.com\/blog\/\",\"name\":\"Sortlist Blog\",\"description\":\"Nuestras Gu\u00edas de Marketing\",\"potentialAction\":[{\"@type\":\"SearchAction\",\"target\":{\"@type\":\"EntryPoint\",\"urlTemplate\":\"https:\/\/www-es.sortlist-test.com\/blog\/?s={search_term_string}\"},\"query-input\":{\"@type\":\"PropertyValueSpecification\",\"valueRequired\":true,\"valueName\":\"search_term_string\"}}],\"inLanguage\":\"es\"},{\"@type\":\"Person\",\"@id\":\"https:\/\/www-es.sortlist-test.com\/blog\/#\/schema\/person\/393b2835dd2de9916eb2e215cbc9a00b\",\"name\":\"Clara Gil\",\"image\":{\"@type\":\"ImageObject\",\"inLanguage\":\"es\",\"@id\":\"https:\/\/www-es.sortlist-test.com\/blog\/#\/schema\/person\/image\/\",\"url\":\"https:\/\/blog.production.sortlist.cloud\/wp-content\/uploads\/2021\/08\/avatar_user_83_1627915879-96x96.png\",\"contentUrl\":\"https:\/\/blog.production.sortlist.cloud\/wp-content\/uploads\/2021\/08\/avatar_user_83_1627915879-96x96.png\",\"caption\":\"Clara Gil\"},\"url\":\"https:\/\/www-es.sortlist-test.com\/blog\/author\/claragil\/\"}]}<\/script>\n<!-- \/ Yoast SEO plugin. -->","yoast_head_json":{"title":"Comentarios en HTML: Qu\u00e9 son, para qu\u00e9 sirven y 5 pasos para hacerlos","description":"\u00bfQu\u00e9 son los comentarios en HTML y para qu\u00e9 sirven? Sigue en este art\u00edculo los 5 pasos para crear uno","robots":{"index":"noindex","follow":"follow","max-snippet":"max-snippet:-1","max-image-preview":"max-image-preview:large","max-video-preview":"max-video-preview:-1"},"og_locale":"es_ES","og_type":"article","og_title":"Comentarios en HTML: Qu\u00e9 son, para qu\u00e9 sirven y 5 pasos para hacerlos","og_description":"\u00bfQu\u00e9 son los comentarios en HTML y para qu\u00e9 sirven? Sigue en este art\u00edculo los 5 pasos para crear uno","og_url":"https:\/\/www-es.sortlist-test.com\/blog\/comentarios-en-html\/","og_site_name":"Sortlist Blog","article_published_time":"2021-09-07T09:05:58+00:00","article_modified_time":"2021-09-13T07:10:17+00:00","og_image":[{"width":1748,"height":1240,"url":"https:\/\/www-es.sortlist-test.com\/blog\/wp-content\/uploads\/sites\/6\/2021\/09\/portada-del-articulo-1-2.png","type":"image\/png"}],"author":"Clara Gil","twitter_card":"summary_large_image","twitter_misc":{"Escrito por":"Clara Gil","Tiempo de lectura":"7 minutos"},"schema":{"@context":"https:\/\/schema.org","@graph":[{"@type":"WebPage","@id":"https:\/\/www-es.sortlist-test.com\/blog\/comentarios-en-html\/","url":"https:\/\/www-es.sortlist-test.com\/blog\/comentarios-en-html\/","name":"Comentarios en HTML: Qu\u00e9 son, para qu\u00e9 sirven y 5 pasos para hacerlos","isPartOf":{"@id":"https:\/\/www-es.sortlist-test.com\/blog\/#website"},"primaryImageOfPage":{"@id":"https:\/\/www-es.sortlist-test.com\/blog\/comentarios-en-html\/#primaryimage"},"image":{"@id":"https:\/\/www-es.sortlist-test.com\/blog\/comentarios-en-html\/#primaryimage"},"thumbnailUrl":"https:\/\/www-es.sortlist-test.com\/blog\/wp-content\/uploads\/sites\/6\/2021\/09\/portada-del-articulo-1-2.png","datePublished":"2021-09-07T09:05:58+00:00","dateModified":"2021-09-13T07:10:17+00:00","author":{"@id":"https:\/\/www-es.sortlist-test.com\/blog\/#\/schema\/person\/393b2835dd2de9916eb2e215cbc9a00b"},"description":"\u00bfQu\u00e9 son los comentarios en HTML y para qu\u00e9 sirven? Sigue en este art\u00edculo los 5 pasos para crear uno","breadcrumb":{"@id":"https:\/\/www-es.sortlist-test.com\/blog\/comentarios-en-html\/#breadcrumb"},"inLanguage":"es","potentialAction":[{"@type":"ReadAction","target":["https:\/\/www-es.sortlist-test.com\/blog\/comentarios-en-html\/"]}]},{"@type":"ImageObject","inLanguage":"es","@id":"https:\/\/www-es.sortlist-test.com\/blog\/comentarios-en-html\/#primaryimage","url":"https:\/\/www-es.sortlist-test.com\/blog\/wp-content\/uploads\/sites\/6\/2021\/09\/portada-del-articulo-1-2.png","contentUrl":"https:\/\/www-es.sortlist-test.com\/blog\/wp-content\/uploads\/sites\/6\/2021\/09\/portada-del-articulo-1-2.png","width":1748,"height":1240,"caption":"Comentarios en HTML"},{"@type":"BreadcrumbList","@id":"https:\/\/www-es.sortlist-test.com\/blog\/comentarios-en-html\/#breadcrumb","itemListElement":[{"@type":"ListItem","position":1,"name":"Home","item":"https:\/\/www-es.sortlist-test.com\/blog\/"},{"@type":"ListItem","position":2,"name":"Comentarios en HTML: Qu\u00e9 son, para qu\u00e9 sirven y 5 pasos para hacerlos"}]},{"@type":"WebSite","@id":"https:\/\/www-es.sortlist-test.com\/blog\/#website","url":"https:\/\/www-es.sortlist-test.com\/blog\/","name":"Sortlist Blog","description":"Nuestras Gu\u00edas de Marketing","potentialAction":[{"@type":"SearchAction","target":{"@type":"EntryPoint","urlTemplate":"https:\/\/www-es.sortlist-test.com\/blog\/?s={search_term_string}"},"query-input":{"@type":"PropertyValueSpecification","valueRequired":true,"valueName":"search_term_string"}}],"inLanguage":"es"},{"@type":"Person","@id":"https:\/\/www-es.sortlist-test.com\/blog\/#\/schema\/person\/393b2835dd2de9916eb2e215cbc9a00b","name":"Clara Gil","image":{"@type":"ImageObject","inLanguage":"es","@id":"https:\/\/www-es.sortlist-test.com\/blog\/#\/schema\/person\/image\/","url":"https:\/\/blog.production.sortlist.cloud\/wp-content\/uploads\/2021\/08\/avatar_user_83_1627915879-96x96.png","contentUrl":"https:\/\/blog.production.sortlist.cloud\/wp-content\/uploads\/2021\/08\/avatar_user_83_1627915879-96x96.png","caption":"Clara Gil"},"url":"https:\/\/www-es.sortlist-test.com\/blog\/author\/claragil\/"}]}},"_links":{"self":[{"href":"https:\/\/www-es.sortlist-test.com\/blog\/wp-json\/wp\/v2\/posts\/3546","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/www-es.sortlist-test.com\/blog\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/www-es.sortlist-test.com\/blog\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/www-es.sortlist-test.com\/blog\/wp-json\/wp\/v2\/users\/83"}],"replies":[{"embeddable":true,"href":"https:\/\/www-es.sortlist-test.com\/blog\/wp-json\/wp\/v2\/comments?post=3546"}],"version-history":[{"count":0,"href":"https:\/\/www-es.sortlist-test.com\/blog\/wp-json\/wp\/v2\/posts\/3546\/revisions"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/www-es.sortlist-test.com\/blog\/wp-json\/wp\/v2\/media\/3555"}],"wp:attachment":[{"href":"https:\/\/www-es.sortlist-test.com\/blog\/wp-json\/wp\/v2\/media?parent=3546"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/www-es.sortlist-test.com\/blog\/wp-json\/wp\/v2\/categories?post=3546"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}