{"id":3946,"date":"2019-08-02T10:53:17","date_gmt":"2019-08-02T10:53:17","guid":{"rendered":"https:\/\/www.homehost.com.br\/blog\/?p=3946"},"modified":"2023-12-25T10:37:14","modified_gmt":"2023-12-25T13:37:14","slug":"comentarios-html","status":"publish","type":"post","link":"https:\/\/www.homehost.com.br\/blog\/tutoriais\/comentarios-html\/","title":{"rendered":"Coment\u00e1rios HTML: aprenda a comentar o seu c\u00f3digo"},"content":{"rendered":"\n<p>Se voc\u00ea desenvolve em HTML, provavelmente j\u00e1 utilizou ou j\u00e1 observou alguns coment\u00e1rios HTML.<\/p>\n\n\n\n<p>Praticamente todas as linguagens de programa\u00e7\u00e3o disponibilizam esta funcionalidade. Portanto, n\u00e3o poderia ser diferente com as linguagens de marca\u00e7\u00e3o, como o <a href=\"https:\/\/www.homehost.com.br\/blog\/tutoriais\/o-que-e-html\/\">HTML<\/a>. O mesmo acontece com o <a href=\"https:\/\/www.homehost.com.br\/blog\/tutoriais\/html-css\/\">CSS<\/a>, com o JavaScript e com o PHP.<\/p>\n\n\n\n<p><div id=\"ez-toc-container\" class=\"ez-toc-v2_0_72 ez-toc-wrap-center counter-hierarchy ez-toc-counter ez-toc-custom ez-toc-container-direction\">\n<div class=\"ez-toc-title-container\">\n<p class=\"ez-toc-title\" style=\"cursor:inherit\">Conte\u00fado<\/p>\n<span class=\"ez-toc-title-toggle\"><\/span><\/div>\n<nav><ul class='ez-toc-list ez-toc-list-level-1 ' ><li class='ez-toc-page-1 ez-toc-heading-level-2'><a class=\"ez-toc-link ez-toc-heading-1\" href=\"https:\/\/www.homehost.com.br\/blog\/tutoriais\/comentarios-html\/#O_que_sao_comentarios_no_codigo\" title=\"O que s\u00e3o coment\u00e1rios no c\u00f3digo?\">O que s\u00e3o coment\u00e1rios no c\u00f3digo?<\/a><\/li><li class='ez-toc-page-1 ez-toc-heading-level-2'><a class=\"ez-toc-link ez-toc-heading-2\" href=\"https:\/\/www.homehost.com.br\/blog\/tutoriais\/comentarios-html\/#Como_incluir_comentarios_HTML\" title=\"Como incluir coment\u00e1rios HTML?\">Como incluir coment\u00e1rios HTML?<\/a><ul class='ez-toc-list-level-3' ><li class='ez-toc-heading-level-3'><a class=\"ez-toc-link ez-toc-heading-3\" href=\"https:\/\/www.homehost.com.br\/blog\/tutoriais\/comentarios-html\/#Comentarios_HTML_para_informacao\" title=\"Coment\u00e1rios HTML para informa\u00e7\u00e3o\">Coment\u00e1rios HTML para informa\u00e7\u00e3o<\/a><\/li><li class='ez-toc-page-1 ez-toc-heading-level-3'><a class=\"ez-toc-link ez-toc-heading-4\" href=\"https:\/\/www.homehost.com.br\/blog\/tutoriais\/comentarios-html\/#Comentarios_HTML_para_auxiliar_na_marcacao\" title=\"Coment\u00e1rios HTML para auxiliar na marca\u00e7\u00e3o\">Coment\u00e1rios HTML para auxiliar na marca\u00e7\u00e3o<\/a><\/li><li class='ez-toc-page-1 ez-toc-heading-level-3'><a class=\"ez-toc-link ez-toc-heading-5\" href=\"https:\/\/www.homehost.com.br\/blog\/tutoriais\/comentarios-html\/#Comentarios_HTML_para_desativar_uma_parte_do_codigo\" title=\"Coment\u00e1rios HTML para desativar uma parte do c\u00f3digo\">Coment\u00e1rios HTML para desativar uma parte do c\u00f3digo<\/a><\/li><\/ul><\/li><li class='ez-toc-page-1 ez-toc-heading-level-2'><a class=\"ez-toc-link ez-toc-heading-6\" href=\"https:\/\/www.homehost.com.br\/blog\/tutoriais\/comentarios-html\/#Comentarios_HTML_para_esconder_scripts_em_navegadores_que_nao_reconhecam\" title=\"Coment\u00e1rios HTML para esconder scripts em navegadores que n\u00e3o reconhe\u00e7am\">Coment\u00e1rios HTML para esconder scripts em navegadores que n\u00e3o reconhe\u00e7am<\/a><\/li><li class='ez-toc-page-1 ez-toc-heading-level-2'><a class=\"ez-toc-link ez-toc-heading-7\" href=\"https:\/\/www.homehost.com.br\/blog\/tutoriais\/comentarios-html\/#Como_incluir_comentarios_no_CSS\" title=\"Como incluir coment\u00e1rios no CSS\">Como incluir coment\u00e1rios no CSS<\/a><\/li><li class='ez-toc-page-1 ez-toc-heading-level-2'><a class=\"ez-toc-link ez-toc-heading-8\" href=\"https:\/\/www.homehost.com.br\/blog\/tutoriais\/comentarios-html\/#Como_incluir_comentarios_em_JavaScript_e_PHP\" title=\"Como incluir coment\u00e1rios em JavaScript e PHP\">Como incluir coment\u00e1rios em JavaScript e PHP<\/a><\/li><li class='ez-toc-page-1 ez-toc-heading-level-2'><a class=\"ez-toc-link ez-toc-heading-9\" href=\"https:\/\/www.homehost.com.br\/blog\/tutoriais\/comentarios-html\/#Afinal_utilizar_ou_nao_utilizar_comentarios_HTML\" title=\"Afinal, utilizar ou n\u00e3o utilizar coment\u00e1rios HTML?\">Afinal, utilizar ou n\u00e3o utilizar coment\u00e1rios HTML?<\/a><\/li><li class='ez-toc-page-1 ez-toc-heading-level-2'><a class=\"ez-toc-link ez-toc-heading-10\" href=\"https:\/\/www.homehost.com.br\/blog\/tutoriais\/comentarios-html\/#Dicas_para_o_uso_dos_comentarios\" title=\"Dicas para o uso dos coment\u00e1rios\">Dicas para o uso dos coment\u00e1rios<\/a><\/li><\/ul><\/nav><\/div>\n<a name=\"top01\"><\/a><\/p>\n\n\n\n<h2 class=\"wp-block-heading\"><span class=\"ez-toc-section\" id=\"O_que_sao_comentarios_no_codigo\"><\/span>O que s\u00e3o coment\u00e1rios no c\u00f3digo?<span class=\"ez-toc-section-end\"><\/span><\/h2>\n\n\n\n<p>Um coment\u00e1rio nada mais \u00e9 que uma informa\u00e7\u00e3o digitada dentro do seu c\u00f3digo-fonte que n\u00e3o altera nada no c\u00f3digo. Portanto, o coment\u00e1rio tamb\u00e9m n\u00e3o \u00e9 renderizado e nem compilado. Dessa forma, os coment\u00e1rios HTML ficam vis\u00edveis apenas para <a href=\"https:\/\/www.homehost.com.br\/blog\/empreendedorismo\/como-ser-desenvolvedor-de-software-e-ganhar-dinheiro\/\">desenvolvedores de software<\/a> atrav\u00e9s do c\u00f3digo-fonte.<\/p>\n\n\n\n<p>Fazer um coment\u00e1rio em um c\u00f3digo permite que o desenvolvedor possa deixar registradas algumas informa\u00e7\u00f5es importantes. Este \u00e9 um recurso muito \u00fatil, principalmente quando se trabalha em equipes de desenvolvimento, onde outras pessoas precisar\u00e3o entender e utilizar o c\u00f3digo-fonte.<\/p>\n\n\n\n<p>Em um documento HTML \u00e9 muito comum encontrar coment\u00e1rios HTML em partes do c\u00f3digo que precisam de aten\u00e7\u00e3o. Tamb\u00e9m \u00e9 comum encontrar coment\u00e1rios que funcionam para auxiliar e indicar a marca\u00e7\u00e3o do mesmo. Por isso, o uso de coment\u00e1rios HTML \u00e9 uma pr\u00e1tica importante de se conhecer e se utilizar.<br><a name=\"top02\"><\/a><\/p>\n\n\n\n<h2 class=\"wp-block-heading\"><span class=\"ez-toc-section\" id=\"Como_incluir_comentarios_HTML\"><\/span>Como incluir coment\u00e1rios HTML?<span class=\"ez-toc-section-end\"><\/span><\/h2>\n\n\n\n<p>Para incluir um coment\u00e1rio em um c\u00f3digo HTML, \u00e9 muito simples. Inicia-se o coment\u00e1rio com <strong>&lt;!&#8211;<\/strong> e finaliza-se com <strong>&#8211;><\/strong>. Ao fazer isso, tudo que estiver contido dentro das <a href=\"https:\/\/www.homehost.com.br\/blog\/criar-sites\/tags-html\/\" target=\"_blank\" rel=\"noopener noreferrer\">tags HTML<\/a> de coment\u00e1rio ser\u00e3o vis\u00edveis apenas no c\u00f3digo-fonte. Portanto, n\u00e3o afetar\u00e1 em nada na renderiza\u00e7\u00e3o da p\u00e1gina. Voc\u00ea pode ler mais sobre a tag de coment\u00e1rios HTML na documenta\u00e7\u00e3o oficial da W3C Schools. Vejamos ent\u00e3o o exemplo abaixo de um coment\u00e1rio HTML:<\/p>\n\n\n\n<pre class=\"wp-block-code\"><code>&lt;!-- Meu coment\u00e1rio em HTML --&gt;<\/code><\/pre>\n\n\n\n<p>\u00c9 importante perceber que o coment\u00e1rio HTML n\u00e3o se restringe apenas a uma \u00fanica linha. \u00c9 poss\u00edvel abrir um coment\u00e1rio em uma linha, e encerr\u00e1-lo em outra. Portanto, vejamos o exemplo abaixo:<\/p>\n\n\n\n<pre class=\"wp-block-code\"><code>&lt;!-- \nO coment\u00e1rio pode ter o tamanho que voc\u00ea desejar.\nTodas essas linhas s\u00e3o parte do coment\u00e1rio...\n...\nTodas essas linhas s\u00e3o parte do coment\u00e1rio...\n--&gt;<\/code><\/pre>\n\n\n\n<p>Voc\u00ea tamb\u00e9m pode incluir tags dentro do coment\u00e1rio. As mesmas ser\u00e3o lidas pelo navegador apenas como o formato de um coment\u00e1rio, portanto n\u00e3o far\u00e3o nenhuma modifica\u00e7\u00e3o no seu c\u00f3digo. Portanto, vejamos o exemplo abaixo:<\/p>\n\n\n\n<pre class=\"wp-block-code\"><code>&lt;!-- &lt;p&gt;essas tags s\u00e3o apenas coment\u00e1rios html&lt;\/p&gt;--&gt;<\/code><\/pre>\n\n\n\n<p>No exemplo acima, as tags <strong>&lt;p&gt;<\/strong> ser\u00e3o lidas como coment\u00e1rios. Portanto, o navegador n\u00e3o executar\u00e1 a renderiza\u00e7\u00e3o da mesma.<\/p>\n\n\n\n<p>Dessa forma, podemos utilizar os coment\u00e1rios HTML para diversos objetivos. Vejamos algumas das principais formas de uso.<\/p>\n\n\n\n<h3 class=\"wp-block-heading\"><span class=\"ez-toc-section\" id=\"Comentarios_HTML_para_informacao\"><\/span>Coment\u00e1rios HTML para informa\u00e7\u00e3o<span class=\"ez-toc-section-end\"><\/span><\/h3>\n\n\n\n<p>Podemos utilizar um coment\u00e1rio HTML para informar nalguma parte importante do nosso c\u00f3digo. Por exemplo, se temos uma parte que dever\u00e1 ser repetida posteriormente, podemos indicar isso atrav\u00e9s dos coment\u00e1rios HTML. Vejamos o exemplo abaixo:<\/p>\n\n\n\n<pre class=\"wp-block-code\"><code>&lt;!DOCTYPE html&gt;\n&lt;html&gt;\n&lt;head&gt;\n    &lt;title&gt;Minha p\u00e1gina HTML5&lt;\/title&gt;\n    &lt;meta charset=\"utf-8\"&gt;\n&lt;\/head&gt;\n&lt;body&gt;\n    &lt;div class=\"galeria\"&gt;\n        &lt;!-- CADA IMAGEM DEVER\u00c1 CONTER O C\u00d3DIGO ABAIXO --&gt;\n        &lt;div&gt;\n            &lt;img src=\"imagens\/foto01.jpg\"&gt;\n            &lt;p&gt;Texto da Imagem&lt;\/p&gt;\n        &lt;\/div&gt;\n        &lt;!-- Fim do c\u00f3digo de cada imagem --&gt;\n    &lt;\/div&gt;\n&lt;\/body&gt;\n&lt;\/html&gt;<\/code><\/pre>\n\n\n\n<p>Ou ainda como no exemplo abaixo:<\/p>\n\n\n\n<pre class=\"wp-block-code\"><code>&lt;!DOCTYPE html&gt;\n&lt;html&gt;\n&lt;head&gt;\n    &lt;title&gt;Minha p\u00e1gina HTML5&lt;\/title&gt;\n    &lt;meta charset=\"utf-8\"&gt;\n&lt;\/head&gt;\n&lt;body&gt;\n    &lt;!-- essa div cont\u00e9m um flex nowrap, portanto tudo dentro dela estar\u00e1 inline --&gt;\n    &lt;div class=\"galeria\"&gt;\n        &lt;div class=\"bloco\"&gt;\n            &lt;p&gt;bloco01&lt;\/p&gt;\n        &lt;\/div&gt; \n        &lt;div class=\"bloco\"&gt;\n            &lt;p&gt;bloco02&lt;\/p&gt;\n        &lt;\/div&gt; \n        &lt;div class=\"bloco\"&gt;\n            &lt;p&gt;bloco03&lt;\/p&gt;\n        &lt;\/div&gt;       \n    &lt;\/div&gt;\n&lt;\/body&gt;\n&lt;\/html&gt;<\/code><\/pre>\n\n\n\n<h3 class=\"wp-block-heading\"><span class=\"ez-toc-section\" id=\"Comentarios_HTML_para_auxiliar_na_marcacao\"><\/span>Coment\u00e1rios HTML para auxiliar na marca\u00e7\u00e3o<span class=\"ez-toc-section-end\"><\/span><\/h3>\n\n\n\n<p>Outra pr\u00e1tica comum e muito recomendada para desenvolvedores iniciantes, \u00e9 a utiliza\u00e7\u00e3o de coment\u00e1rios para aux\u00edlio na marca\u00e7\u00e3o. \u00c9 muito comum que ao escrever um c\u00f3digo, possamos nos confundir com a posi\u00e7\u00e3o de abertura e fechamento de uma tag. Portanto, podemos utilizar os coment\u00e1rios para nos auxiliar na marca\u00e7\u00e3o. Vejamos o exemplo abaixo para melhor entender essa pr\u00e1tica:<\/p>\n\n\n\n<pre class=\"wp-block-code\"><code>&lt;!DOCTYPE html&gt;\n&lt;html&gt;\n&lt;head&gt;\n    &lt;title&gt;Minha p\u00e1gina HTML5&lt;\/title&gt;\n    &lt;meta charset=\"utf-8\"&gt;\n&lt;\/head&gt;\n&lt;body&gt;\n    &lt;div id=\"noticias\"&gt;\n        &lt;div id=\"box01\"&gt;\n            &lt;div class=\"conteudo-header\"&gt;\n                &lt;h2&gt;T\u00edtulo&lt;\/h2&gt;\n            &lt;\/div&gt;\n            &lt;div class=\"conteudo-texto\"&gt;\n                &lt;p&gt;Meu conteudo&lt;\/p&gt;\n                &lt;p&gt;Meu conteudo&lt;\/p&gt;\n            &lt;\/div&gt;&lt;!--div.conteudo-texto--&gt;\n        &lt;\/div&gt;&lt;!--div#box01--&gt;\n        &lt;div id=\"box02\"&gt;\n            &lt;div class=\"conteudo-header\"&gt;\n                &lt;h2&gt;T\u00edtulo&lt;\/h2&gt;\n            &lt;\/div&gt;\n            &lt;div class=\"conteudo-texto\"&gt;\n                &lt;p&gt;Meu conteudo&lt;\/p&gt;\n                &lt;p&gt;Meu conteudo&lt;\/p&gt;\n            &lt;\/div&gt;&lt;!--div.conteudo-texto--&gt;\n        &lt;\/div&gt;&lt;!--div#box02--&gt;\n    &lt;\/div&gt;&lt;!--div#noticias--&gt;\n&lt;\/body&gt;\n&lt;\/html&gt;<\/code><\/pre>\n\n\n\n<p>Perceba como a utiliza\u00e7\u00e3o dos coment\u00e1rios auxilia a identificar a marca\u00e7\u00e3o de fechamento das tags. Dessa forma, se torna muito mais f\u00e1cil identificar os elementos de cada tag, assim como entender a estrutura de funcionamento do c\u00f3digo, o que pode ser bastante \u00fatil, principalmente para desenvolvedores iniciantes.<\/p>\n\n\n\n<h3 class=\"wp-block-heading\"><span class=\"ez-toc-section\" id=\"Comentarios_HTML_para_desativar_uma_parte_do_codigo\"><\/span>Coment\u00e1rios HTML para desativar uma parte do c\u00f3digo<span class=\"ez-toc-section-end\"><\/span><\/h3>\n\n\n\n<p>\u00c9 muito comum durante o desenvolvimento encontrarmos partes do c\u00f3digo que queremos alterar. Tamb\u00e9m \u00e9 comum nos depararmos com momento em que precisamos testar o c\u00f3digo sem determinados elementos. Para isso, podemos utilizar os coment\u00e1rios HTML deixando blocos de c\u00f3digo comentado. Digamos que eu tenha tr\u00eas divis\u00f5es, e quero experimentar como ficaria meu c\u00f3digo sem renderizar a segunda divis\u00e3o. Posso ent\u00e3o fazer conforme o exemplo abaixo:<\/p>\n\n\n\n<pre class=\"wp-block-code\"><code>&lt;!DOCTYPE html&gt;\n&lt;html&gt;\n&lt;head&gt;\n    &lt;title&gt;Minha p\u00e1gina HTML5&lt;\/title&gt;\n    &lt;meta charset=\"utf-8\"&gt;\n&lt;\/head&gt;\n&lt;body&gt;\n    &lt;div id=\"box01\"&gt;\n        &lt;img src=\"image01.jpg\"&gt;\n        &lt;img src=\"image02.jpg\"&gt;\n    &lt;\/div&gt;\n    \n    &lt;!--\n    &lt;div id=\"box02\"&gt;\n        &lt;img src=\"image03.jpg\"&gt;\n        &lt;img src=\"image04.jpg\"&gt;\n    &lt;\/div&gt;\n    --&gt;\n\n    &lt;div id=\"box03\"&gt;\n        &lt;img src=\"image05.jpg\"&gt;\n        &lt;img src=\"image06.jpg\"&gt;\n    &lt;\/div&gt;\n\n&lt;\/body&gt;\n&lt;\/html&gt;<\/code><\/pre>\n\n\n\n<p>Repare que todo o conte\u00fado da div#box02 ficou como um coment\u00e1rio, portanto, n\u00e3o ser\u00e1 renderizada no navegador.<\/p>\n\n\n\n<p>Nesse sentido, os coment\u00e1rios HTML s\u00e3o muito utilizados para fins de testes. Contudo, n\u00e3o \u00e9 recomendado manter partes de c\u00f3digo comentados no seu arquivo final. Portanto, utilize, mas lembre-se sempre de apag\u00e1-los quando n\u00e3o forem mais necess\u00e1rios.<br><a name=\"top03\"><\/a><\/p>\n\n\n\n<h2 class=\"wp-block-heading\"><span class=\"ez-toc-section\" id=\"Comentarios_HTML_para_esconder_scripts_em_navegadores_que_nao_reconhecam\"><\/span>Coment\u00e1rios HTML para esconder scripts em navegadores que n\u00e3o reconhe\u00e7am<span class=\"ez-toc-section-end\"><\/span><\/h2>\n\n\n\n<p>Existe uma pr\u00e1tica que permite esconder scripts em navegadores que n\u00e3o possuem suporte a esse recurso.<\/p>\n\n\n\n<p>Utilize as <a href=\"https:\/\/www.homehost.com.br\/blog\/tutoriais\/tags-html\/\">tags<\/a> de coment\u00e1rios HTML para esconder c\u00f3digos de script que n\u00e3o sejam suportados em determinados navegadores. Utilize a tag de abertura <strong>&lt;!&#8211;<\/strong> no in\u00edcio do c\u00f3digo e finalize utilizando a tag <strong>\/\/&#8211;><\/strong>. Dessa forma, o script s\u00f3 ser\u00e1 reconhecido caso o navegador tenha suporte a essa aplica\u00e7\u00e3o, caso contr\u00e1rio, o mesmo ser\u00e1 considerado apenas um coment\u00e1rio. Assim, voc\u00ea garante que o script funcionar\u00e1 adequadamente, e quando n\u00e3o o for poss\u00edvel, ser\u00e1 escondido em forma de coment\u00e1rio. Observe que as duas barras &#8220;\/\/&#8221; que v\u00eam antes do fechamento da tag de coment\u00e1rios HTML, funcionar\u00e1 para garantir que, caso o navegador tenha suporte ao script, o fechamento do coment\u00e1rio &#8211;> continue sendo lido em forma de coment\u00e1rio em JavaScript.<\/p>\n\n\n\n<p>Vejamos ent\u00e3o o exemplo abaixo aplicando a ferramenta explicada anteriormente:<\/p>\n\n\n\n<pre class=\"wp-block-code\"><code>&lt;script&gt;\n&lt;!--\ndocument.write(\"Ol\u00e1 mundo!\")\n\/\/--&gt;\n&lt;\/script&gt;<\/code><\/pre>\n\n\n\n<p><a name=\"top04\"><\/a><\/p>\n\n\n\n<h2 class=\"wp-block-heading\"><span class=\"ez-toc-section\" id=\"Como_incluir_comentarios_no_CSS\"><\/span>Como incluir coment\u00e1rios no CSS<span class=\"ez-toc-section-end\"><\/span><\/h2>\n\n\n\n<p>Assim como o HTML, o CSS tamb\u00e9m permite a utiliza\u00e7\u00e3o de coment\u00e1rios. Tanto para folhas de estilos (CSS) dentro da tag <strong>&lt;style&gt;<\/strong> quanto para folhas de estilos externas, \u00e9 poss\u00edvel utilizar as mesmas formas de inserir coment\u00e1rios.<\/p>\n\n\n\n<p>Para incluir um coment\u00e1rio no <a href=\"https:\/\/www.homehost.com.br\/blog\/criar-sites\/html-css\/\">CSS<\/a> basta inserir \/* para iniciar um coment\u00e1rio, e *\/ para encerrar um coment\u00e1rio, conforme o exemplo abaixo:<\/p>\n\n\n\n<pre class=\"wp-block-code\"><code>&lt;!DOCTYPE html&gt;\n&lt;html&gt;\n&lt;head&gt;\n    &lt;title&gt;Minha p\u00e1gina HTML5&lt;\/title&gt;\n    &lt;meta charset=\"utf-8\"&gt;\n    &lt;style&gt;\n        \/* Meu coment\u00e1rio no CSS *\/\n    &lt;\/style&gt;\n&lt;\/head&gt;\n&lt;body&gt;\n&lt;\/body&gt;\n&lt;\/html&gt;<\/code><\/pre>\n\n\n\n<p>Esse m\u00e9todo segue o mesmo padr\u00e3o dos coment\u00e1rios HTML, portanto, podem conter mais de uma linha de coment\u00e1rio:<\/p>\n\n\n\n<pre class=\"wp-block-code\"><code>    &lt;style&gt;\n        \/* Meu coment\u00e1rio no CSS \n        Essa linha tamb\u00e9m faz parte do coment\u00e1rio\n        Essa linha tamb\u00e9m faz parte do coment\u00e1rio...\n        *\/\n    &lt;\/style&gt;<\/code><\/pre>\n\n\n\n<p>Portanto, podemos utilizar o coment\u00e1rio tamb\u00e9m nas propriedades do CSS, veja o exemplo abaixo:<\/p>\n\n\n\n<pre class=\"wp-block-code\"><code>    &lt;style&gt;\n        div.box01{\n            background-color: red;\n            width: 100px;\n            height: 100px;\n            \/*color: red*\/\n        }\n    &lt;\/style&gt;<\/code><\/pre>\n\n\n\n<p>Neste exemplo, todas as propriedades ser\u00e3o lidas corretamente, exceto a propriedade color, que passou a ser parte de um coment\u00e1rio.<\/p>\n\n\n\n<p>Portanto, podemos tamb\u00e9m utilizar o coment\u00e1rio da seguinte forma:<\/p>\n\n\n\n<pre class=\"wp-block-code\"><code>    &lt;style&gt;\n        \/*div.box01{\n            background-color: red;\n            width: 100px;\n            height: 100px;\n            color: red\n        }*\/\n    &lt;\/style&gt;<\/code><\/pre>\n\n\n\n<p>No exemplo acima, todas as propriedades est\u00e3o dentro de um coment\u00e1rio, portanto, n\u00e3o ser\u00e3o renderizadas.<br><a name=\"top05\"><\/a><\/p>\n\n\n\n<h2 class=\"wp-block-heading\"><span class=\"ez-toc-section\" id=\"Como_incluir_comentarios_em_JavaScript_e_PHP\"><\/span>Como incluir coment\u00e1rios em JavaScript e PHP<span class=\"ez-toc-section-end\"><\/span><\/h2>\n\n\n\n<p>Assim como os Coment\u00e1rios HTML e os coment\u00e1rios em CSS, tamb\u00e9m \u00e9 poss\u00edvel incluir coment\u00e1rios em <a href=\"https:\/\/www.homehost.com.br\/blog\/javascript\/tipos-de-funcoes-javascript\/\">JavaScript<\/a> e <a href=\"https:\/\/www.homehost.com.br\/blog\/tutoriais\/php\/o-que-e-php\/\">PHP<\/a>.<\/p>\n\n\n\n<p>Ambos adotam duas formas id\u00eanticas de incluir coment\u00e1rios, sendo que o PHP ainda possui uma terceira forma.<\/p>\n\n\n\n<p>Para o JavaScript e o PHP, podemos utilizar o <strong>\/* *\/ <\/strong>igualmente conforme utilizado no CSS. Dessa forma podemos fazer coment\u00e1rios longos e que contenham mais de uma linha.<\/p>\n\n\n\n<p>Al\u00e9m disso, existe uma segunda forma de fazer um coment\u00e1rio em JS e PHP. Esta forma \u00e9 apenas incluir um \/\/ no in\u00edcio da linha. Por\u00e9m, essa forma de coment\u00e1rio serve apenas para comentar uma \u00fanica linha.<\/p>\n\n\n\n<p>Vejamos os exemplos abaixo para coment\u00e1rios no JavaScript:<\/p>\n\n\n\n<pre class=\"wp-block-code\"><code>&lt;script&gt;\n    \/\/Meu coment\u00e1rio de uma \u00fanica linha\n    \n    \/* Meu coment\u00e1rio longo\n    esta linha tamb\u00e9m \u00e9 parte do coment\u00e1rio longo\n    esta tamb\u00e9m faz parte do coment\u00e1rio longo *\/\n&lt;\/script&gt;<\/code><\/pre>\n\n\n\n<p>Conforme informado anteriormente, o PHP tem ainda uma terceira forma de incluir coment\u00e1rios. Assim como o \/\/, podemos incluir coment\u00e1rios de uma \u00fanica linha utilizando o # no \u00ednicio da mesma. Vejamos ent\u00e3o os exemplos abaixo para coment\u00e1rios em PHP:<\/p>\n\n\n\n<pre class=\"wp-block-code\"><code>&lt;?php\n#coment\u00e1rio de uma linha\n\n\/\/Coment\u00e1rio de uma linha\n\n\/*\nComent\u00e1rios longos...\n*\/\n?&gt;<\/code><\/pre>\n\n\n\n<p><a name=\"top06\"><\/a><\/p>\n\n\n\n<h2 class=\"wp-block-heading\"><span class=\"ez-toc-section\" id=\"Afinal_utilizar_ou_nao_utilizar_comentarios_HTML\"><\/span>Afinal, utilizar ou n\u00e3o utilizar coment\u00e1rios HTML?<span class=\"ez-toc-section-end\"><\/span><\/h2>\n\n\n\n<p>Apesar de ser um recurso bastante \u00fatil, e muito utilizado ao longo dos anos, existem desenvolvedores que defendem a pr\u00e1tica de n\u00e3o comentar o c\u00f3digo. Com a evolu\u00e7\u00e3o dos programas de versionamento de c\u00f3digos, e diversos sistemas que auxiliam no desenvolvimento do c\u00f3digo, \u00e9 comum os coment\u00e1rios sejam cada vez menos utilizados, principalmente nas vers\u00f5es finais. Isso acontece, pois voc\u00ea pode manter coment\u00e1rios dentro desses sistemas, sem a necessidade de inclu\u00ed-los no c\u00f3digo em si.<\/p>\n\n\n\n<p>Um coment\u00e1rio consome uma certa quantidade de bits, portanto, o excesso de coment\u00e1rios pode gerar um arquivo com um tamanho significativamente maior.<\/p>\n\n\n\n<p>Por isso, \u00e9 muito comum ouvir sobre minimiza\u00e7\u00e3o de documentos, principalmente quando se trata de scripts e CSS, os quais removem linhas, espa\u00e7amentos e tamb\u00e9m os coment\u00e1rios do c\u00f3digo, deixando o documento final bem mais leve.<\/p>\n\n\n\n<p>Portanto, o recomendado \u00e9 que os coment\u00e1rios do c\u00f3digo sejam amplamente utilizados durante a produ\u00e7\u00e3o do projeto. Por\u00e9m, ao finalizar um projeto, recomenda-se remover todos os coment\u00e1rios, ou reduzir ao m\u00e1ximo a quantidade de coment\u00e1rios no c\u00f3digo. Assim o c\u00f3digo fica limpo e otimizado.<br><a name=\"top07\"><\/a><\/p>\n\n\n\n<h2 class=\"wp-block-heading\"><span class=\"ez-toc-section\" id=\"Dicas_para_o_uso_dos_comentarios\"><\/span>Dicas para o uso dos coment\u00e1rios<span class=\"ez-toc-section-end\"><\/span><\/h2>\n\n\n\n<p>Agora que j\u00e1 sabemos como incluir coment\u00e1rios HTML, assim como coment\u00e1rios em CSS, JS e PHP, vamos a algumas dicas de como comentar seu c\u00f3digo:<\/p>\n\n\n\n<ul class=\"wp-block-list\">\n<li>Durante a produ\u00e7\u00e3o, utilize os coment\u00e1rios para melhor se organizar;<\/li>\n\n\n\n<li>Ao finalizar o projeto, remova todos os coment\u00e1rios que puder, e os necess\u00e1rios, mantenha resumidamente;<\/li>\n\n\n\n<li>N\u00e3o deixe coment\u00e1rios para qualquer a\u00e7\u00e3o que at\u00e9 mesmo desenvolvedores iniciantes entenderiam facilmente, mantenha apenas para as partes cr\u00edticas do seu c\u00f3digo. Apenas comente o que for realmente necess\u00e1rio;<\/li>\n\n\n\n<li>N\u00e3o deixe c\u00f3digos comentados. \u00c9 prefer\u00edvel remov\u00ea-los por completo;<\/li>\n\n\n\n<li>Durante a produ\u00e7\u00e3o, vale a pena utilizar coment\u00e1rios para auxiliar na marca\u00e7\u00e3o;<\/li>\n\n\n\n<li>Nunca se esque\u00e7a de remover os coment\u00e1rios de marca\u00e7\u00e3o ao finalizar um c\u00f3digo.<\/li>\n<\/ul>\n\n\n\n<p>Portanto, agora voc\u00ea j\u00e1 sabe a utilidade dos coment\u00e1rios HTML, assim como dos coment\u00e1rios nas diversas linguagens. Vale a pena estar atento \u00e0s dicas, para utilizar os coment\u00e1rios apenas quando necess\u00e1rio, e sem exageros. Utilize esses recursos principalmente durante a produ\u00e7\u00e3o do seu c\u00f3digo, e assim, aproveite a facilidade e organiza\u00e7\u00e3o que os coment\u00e1rios s\u00e3o capazes de proporcionar.<\/p>\n\n\n\n<p>Um coment\u00e1rio em HTML n\u00e3o aparece no Google, e por isso, n\u00e3o ajuda e nem prejudica o SEO de seu site.<\/p>\n","protected":false},"excerpt":{"rendered":"<p>Se voc\u00ea desenvolve em HTML, provavelmente j\u00e1 utilizou ou j\u00e1 observou alguns coment\u00e1rios HTML. Praticamente todas as linguagens de programa\u00e7\u00e3o disponibilizam esta funcionalidade. Portanto, n\u00e3o poderia ser diferente com as linguagens de marca\u00e7\u00e3o, como o HTML. O mesmo acontece com o CSS, com o JavaScript e com o PHP. O que s\u00e3o coment\u00e1rios no c\u00f3digo? [&hellip;]<\/p>\n","protected":false},"author":18,"featured_media":3949,"comment_status":"closed","ping_status":"open","sticky":false,"template":"","format":"standard","meta":{"_helpful_status":1,"_lmt_disableupdate":"","_lmt_disable":"","_jetpack_memberships_contains_paid_content":false,"footnotes":""},"categories":[3,4,229,20,6],"tags":[2621,3306,241,2739],"class_list":["post-3946","post","type-post","status-publish","format-standard","has-post-thumbnail","hentry","category-criar-sites","category-desenvolvedores","category-outros","category-php","category-tutoriais","tag-html","tag-html5","tag-tutoriais","tag-tutorial"],"yoast_head":"<!-- This site is optimized with the Yoast SEO plugin v24.6 - https:\/\/yoast.com\/wordpress\/plugins\/seo\/ -->\n<title>Coment\u00e1rios HTML: aprenda a comentar o seu c\u00f3digo | Homehost<\/title>\n<meta name=\"description\" content=\"Coment\u00e1rios HTML: entenda quando utilizar adequadamente esse recurso e aprenda como comentar seus c\u00f3digos em HTML, CSS, JavaScript e PHP.\" \/>\n<meta name=\"robots\" content=\"index, follow, max-snippet:-1, max-image-preview:large, max-video-preview:-1\" \/>\n<link rel=\"canonical\" href=\"https:\/\/www.homehost.com.br\/blog\/tutoriais\/comentarios-html\/\" \/>\n<meta property=\"og:locale\" content=\"pt_BR\" \/>\n<meta property=\"og:type\" content=\"article\" \/>\n<meta property=\"og:title\" content=\"Coment\u00e1rios HTML: aprenda a comentar o seu c\u00f3digo | Homehost\" \/>\n<meta property=\"og:description\" content=\"Coment\u00e1rios HTML: entenda quando utilizar adequadamente esse recurso e aprenda como comentar seus c\u00f3digos em HTML, CSS, JavaScript e PHP.\" \/>\n<meta property=\"og:url\" content=\"https:\/\/www.homehost.com.br\/blog\/tutoriais\/comentarios-html\/\" \/>\n<meta property=\"og:site_name\" content=\"Homehost\" \/>\n<meta property=\"article:publisher\" content=\"https:\/\/www.facebook.com\/Homehost\/\" \/>\n<meta property=\"article:published_time\" content=\"2019-08-02T10:53:17+00:00\" \/>\n<meta property=\"article:modified_time\" content=\"2023-12-25T13:37:14+00:00\" \/>\n<meta property=\"og:image\" content=\"https:\/\/www.homehost.com.br\/blog\/wp-content\/uploads\/2019\/08\/coment\u00e1rio_html.png\" \/>\n\t<meta property=\"og:image:width\" content=\"842\" \/>\n\t<meta property=\"og:image:height\" content=\"330\" \/>\n\t<meta property=\"og:image:type\" content=\"image\/png\" \/>\n<meta name=\"author\" content=\"Rafael Marques\" \/>\n<meta name=\"twitter:card\" content=\"summary_large_image\" \/>\n<meta name=\"twitter:creator\" content=\"@Homehost\" \/>\n<meta name=\"twitter:site\" content=\"@Homehost\" \/>\n<meta name=\"twitter:label1\" content=\"Escrito por\" \/>\n\t<meta name=\"twitter:data1\" content=\"Rafael Marques\" \/>\n\t<meta name=\"twitter:label2\" content=\"Est. tempo de leitura\" \/>\n\t<meta name=\"twitter:data2\" content=\"9 minutos\" \/>\n<script type=\"application\/ld+json\" class=\"yoast-schema-graph\">{\"@context\":\"https:\/\/schema.org\",\"@graph\":[{\"@type\":\"WebPage\",\"@id\":\"https:\/\/www.homehost.com.br\/blog\/tutoriais\/comentarios-html\/\",\"url\":\"https:\/\/www.homehost.com.br\/blog\/tutoriais\/comentarios-html\/\",\"name\":\"Coment\u00e1rios HTML: aprenda a comentar o seu c\u00f3digo | Homehost\",\"isPartOf\":{\"@id\":\"https:\/\/www.homehost.com.br\/blog\/#website\"},\"primaryImageOfPage\":{\"@id\":\"https:\/\/www.homehost.com.br\/blog\/tutoriais\/comentarios-html\/#primaryimage\"},\"image\":{\"@id\":\"https:\/\/www.homehost.com.br\/blog\/tutoriais\/comentarios-html\/#primaryimage\"},\"thumbnailUrl\":\"https:\/\/www.homehost.com.br\/blog\/wp-content\/uploads\/2019\/08\/coment\u00e1rio_html.png\",\"datePublished\":\"2019-08-02T10:53:17+00:00\",\"dateModified\":\"2023-12-25T13:37:14+00:00\",\"author\":{\"@id\":\"https:\/\/www.homehost.com.br\/blog\/#\/schema\/person\/a2154603d8bc4cfd0c3bda2c09c4017e\"},\"description\":\"Coment\u00e1rios HTML: entenda quando utilizar adequadamente esse recurso e aprenda como comentar seus c\u00f3digos em HTML, CSS, JavaScript e PHP.\",\"breadcrumb\":{\"@id\":\"https:\/\/www.homehost.com.br\/blog\/tutoriais\/comentarios-html\/#breadcrumb\"},\"inLanguage\":\"pt-BR\",\"potentialAction\":[{\"@type\":\"ReadAction\",\"target\":[\"https:\/\/www.homehost.com.br\/blog\/tutoriais\/comentarios-html\/\"]}]},{\"@type\":\"ImageObject\",\"inLanguage\":\"pt-BR\",\"@id\":\"https:\/\/www.homehost.com.br\/blog\/tutoriais\/comentarios-html\/#primaryimage\",\"url\":\"https:\/\/www.homehost.com.br\/blog\/wp-content\/uploads\/2019\/08\/coment\u00e1rio_html.png\",\"contentUrl\":\"https:\/\/www.homehost.com.br\/blog\/wp-content\/uploads\/2019\/08\/coment\u00e1rio_html.png\",\"width\":842,\"height\":330,\"caption\":\"Coment\u00e1rios HTML\"},{\"@type\":\"BreadcrumbList\",\"@id\":\"https:\/\/www.homehost.com.br\/blog\/tutoriais\/comentarios-html\/#breadcrumb\",\"itemListElement\":[{\"@type\":\"ListItem\",\"position\":1,\"name\":\"In\u00edcio\",\"item\":\"https:\/\/www.homehost.com.br\/blog\/\"},{\"@type\":\"ListItem\",\"position\":2,\"name\":\"Coment\u00e1rios HTML: aprenda a comentar o seu c\u00f3digo\"}]},{\"@type\":\"WebSite\",\"@id\":\"https:\/\/www.homehost.com.br\/blog\/#website\",\"url\":\"https:\/\/www.homehost.com.br\/blog\/\",\"name\":\"Homehost\",\"description\":\"Hospedagem De Sites\",\"potentialAction\":[{\"@type\":\"SearchAction\",\"target\":{\"@type\":\"EntryPoint\",\"urlTemplate\":\"https:\/\/www.homehost.com.br\/blog\/?s={search_term_string}\"},\"query-input\":{\"@type\":\"PropertyValueSpecification\",\"valueRequired\":true,\"valueName\":\"search_term_string\"}}],\"inLanguage\":\"pt-BR\"},{\"@type\":\"Person\",\"@id\":\"https:\/\/www.homehost.com.br\/blog\/#\/schema\/person\/a2154603d8bc4cfd0c3bda2c09c4017e\",\"name\":\"Rafael Marques\",\"description\":\"Especialista em Desenvolvimento Web e Marketing. \u00c9 apaixonado por tecnologia, empreendedorismo, audiovisual e animais. Em sua carreira, dedica-se ao empreendedorismo, al\u00e9m de atuar como Desenvolvedor Fullstack e redator t\u00e9cnico. Gosta de usar seu tempo livre para assistir a filmes, jogar, escrever, e passar um bom tempo brincando e mimando seus animais de estima\u00e7\u00e3o. Contato: rafael.blog@homehost.com.br\",\"sameAs\":[\"https:\/\/www.instagram.com\/rafamarquesrmb\/\",\"https:\/\/www.linkedin.com\/in\/rafamarquesrmb\/\"]}]}<\/script>\n<!-- \/ Yoast SEO plugin. -->","yoast_head_json":{"title":"Coment\u00e1rios HTML: aprenda a comentar o seu c\u00f3digo | Homehost","description":"Coment\u00e1rios HTML: entenda quando utilizar adequadamente esse recurso e aprenda como comentar seus c\u00f3digos em HTML, CSS, JavaScript e PHP.","robots":{"index":"index","follow":"follow","max-snippet":"max-snippet:-1","max-image-preview":"max-image-preview:large","max-video-preview":"max-video-preview:-1"},"canonical":"https:\/\/www.homehost.com.br\/blog\/tutoriais\/comentarios-html\/","og_locale":"pt_BR","og_type":"article","og_title":"Coment\u00e1rios HTML: aprenda a comentar o seu c\u00f3digo | Homehost","og_description":"Coment\u00e1rios HTML: entenda quando utilizar adequadamente esse recurso e aprenda como comentar seus c\u00f3digos em HTML, CSS, JavaScript e PHP.","og_url":"https:\/\/www.homehost.com.br\/blog\/tutoriais\/comentarios-html\/","og_site_name":"Homehost","article_publisher":"https:\/\/www.facebook.com\/Homehost\/","article_published_time":"2019-08-02T10:53:17+00:00","article_modified_time":"2023-12-25T13:37:14+00:00","og_image":[{"width":842,"height":330,"url":"https:\/\/www.homehost.com.br\/blog\/wp-content\/uploads\/2019\/08\/coment\u00e1rio_html.png","type":"image\/png"}],"author":"Rafael Marques","twitter_card":"summary_large_image","twitter_creator":"@Homehost","twitter_site":"@Homehost","twitter_misc":{"Escrito por":"Rafael Marques","Est. tempo de leitura":"9 minutos"},"schema":{"@context":"https:\/\/schema.org","@graph":[{"@type":"WebPage","@id":"https:\/\/www.homehost.com.br\/blog\/tutoriais\/comentarios-html\/","url":"https:\/\/www.homehost.com.br\/blog\/tutoriais\/comentarios-html\/","name":"Coment\u00e1rios HTML: aprenda a comentar o seu c\u00f3digo | Homehost","isPartOf":{"@id":"https:\/\/www.homehost.com.br\/blog\/#website"},"primaryImageOfPage":{"@id":"https:\/\/www.homehost.com.br\/blog\/tutoriais\/comentarios-html\/#primaryimage"},"image":{"@id":"https:\/\/www.homehost.com.br\/blog\/tutoriais\/comentarios-html\/#primaryimage"},"thumbnailUrl":"https:\/\/www.homehost.com.br\/blog\/wp-content\/uploads\/2019\/08\/coment\u00e1rio_html.png","datePublished":"2019-08-02T10:53:17+00:00","dateModified":"2023-12-25T13:37:14+00:00","author":{"@id":"https:\/\/www.homehost.com.br\/blog\/#\/schema\/person\/a2154603d8bc4cfd0c3bda2c09c4017e"},"description":"Coment\u00e1rios HTML: entenda quando utilizar adequadamente esse recurso e aprenda como comentar seus c\u00f3digos em HTML, CSS, JavaScript e PHP.","breadcrumb":{"@id":"https:\/\/www.homehost.com.br\/blog\/tutoriais\/comentarios-html\/#breadcrumb"},"inLanguage":"pt-BR","potentialAction":[{"@type":"ReadAction","target":["https:\/\/www.homehost.com.br\/blog\/tutoriais\/comentarios-html\/"]}]},{"@type":"ImageObject","inLanguage":"pt-BR","@id":"https:\/\/www.homehost.com.br\/blog\/tutoriais\/comentarios-html\/#primaryimage","url":"https:\/\/www.homehost.com.br\/blog\/wp-content\/uploads\/2019\/08\/coment\u00e1rio_html.png","contentUrl":"https:\/\/www.homehost.com.br\/blog\/wp-content\/uploads\/2019\/08\/coment\u00e1rio_html.png","width":842,"height":330,"caption":"Coment\u00e1rios HTML"},{"@type":"BreadcrumbList","@id":"https:\/\/www.homehost.com.br\/blog\/tutoriais\/comentarios-html\/#breadcrumb","itemListElement":[{"@type":"ListItem","position":1,"name":"In\u00edcio","item":"https:\/\/www.homehost.com.br\/blog\/"},{"@type":"ListItem","position":2,"name":"Coment\u00e1rios HTML: aprenda a comentar o seu c\u00f3digo"}]},{"@type":"WebSite","@id":"https:\/\/www.homehost.com.br\/blog\/#website","url":"https:\/\/www.homehost.com.br\/blog\/","name":"Homehost","description":"Hospedagem De Sites","potentialAction":[{"@type":"SearchAction","target":{"@type":"EntryPoint","urlTemplate":"https:\/\/www.homehost.com.br\/blog\/?s={search_term_string}"},"query-input":{"@type":"PropertyValueSpecification","valueRequired":true,"valueName":"search_term_string"}}],"inLanguage":"pt-BR"},{"@type":"Person","@id":"https:\/\/www.homehost.com.br\/blog\/#\/schema\/person\/a2154603d8bc4cfd0c3bda2c09c4017e","name":"Rafael Marques","description":"Especialista em Desenvolvimento Web e Marketing. \u00c9 apaixonado por tecnologia, empreendedorismo, audiovisual e animais. Em sua carreira, dedica-se ao empreendedorismo, al\u00e9m de atuar como Desenvolvedor Fullstack e redator t\u00e9cnico. Gosta de usar seu tempo livre para assistir a filmes, jogar, escrever, e passar um bom tempo brincando e mimando seus animais de estima\u00e7\u00e3o. Contato: rafael.blog@homehost.com.br","sameAs":["https:\/\/www.instagram.com\/rafamarquesrmb\/","https:\/\/www.linkedin.com\/in\/rafamarquesrmb\/"]}]}},"modified_by":"ad_hmhst","jetpack_featured_media_url":"https:\/\/www.homehost.com.br\/blog\/wp-content\/uploads\/2019\/08\/coment\u00e1rio_html.png","jetpack_sharing_enabled":true,"_links":{"self":[{"href":"https:\/\/www.homehost.com.br\/blog\/wp-json\/wp\/v2\/posts\/3946","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/www.homehost.com.br\/blog\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/www.homehost.com.br\/blog\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/www.homehost.com.br\/blog\/wp-json\/wp\/v2\/users\/18"}],"replies":[{"embeddable":true,"href":"https:\/\/www.homehost.com.br\/blog\/wp-json\/wp\/v2\/comments?post=3946"}],"version-history":[{"count":17,"href":"https:\/\/www.homehost.com.br\/blog\/wp-json\/wp\/v2\/posts\/3946\/revisions"}],"predecessor-version":[{"id":12680,"href":"https:\/\/www.homehost.com.br\/blog\/wp-json\/wp\/v2\/posts\/3946\/revisions\/12680"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/www.homehost.com.br\/blog\/wp-json\/wp\/v2\/media\/3949"}],"wp:attachment":[{"href":"https:\/\/www.homehost.com.br\/blog\/wp-json\/wp\/v2\/media?parent=3946"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/www.homehost.com.br\/blog\/wp-json\/wp\/v2\/categories?post=3946"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/www.homehost.com.br\/blog\/wp-json\/wp\/v2\/tags?post=3946"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}