{"id":12785,"date":"2023-12-31T06:44:58","date_gmt":"2023-12-31T09:44:58","guid":{"rendered":"https:\/\/www.homehost.com.br\/blog\/?p=12785"},"modified":"2024-01-09T07:09:05","modified_gmt":"2024-01-09T10:09:05","slug":"select-html","status":"publish","type":"post","link":"https:\/\/www.homehost.com.br\/blog\/criar-sites\/select-html\/","title":{"rendered":"Select em HTML: crie menus em um formul\u00e1rio HTML"},"content":{"rendered":"\n<p>Bem-vindo \u00e0 nossa explora\u00e7\u00e3o sobre a cria\u00e7\u00e3o do elemento <strong><code>select<\/code> em HTML<\/strong>. Se voc\u00ea j\u00e1 se deparou com formul\u00e1rios web, \u00e9 prov\u00e1vel que tenha encontrado o <code><em>&lt;select&gt;<\/em><\/code> em a\u00e7\u00e3o. Este elemento \u00e9 fundamental para a <strong>cria\u00e7\u00e3o de menus suspensos em formul\u00e1rios, proporcionando aos usu\u00e1rios uma maneira f\u00e1cil de fazer escolhas<\/strong>. Vamos mergulhar na sintaxe b\u00e1sica e descobrir como personalizar e aprimorar a experi\u00eancia do usu\u00e1rio.<\/p>\n\n\n\n<p><strong>2. Sintaxe B\u00e1sica do <code>&lt;select&gt;<\/code><\/strong><\/p>\n\n\n\n<p>O <code><em><strong>&lt;select&gt;<\/strong><\/em><\/code> \u00e9 o ponto de partida para criar menus suspensos. Sua estrutura b\u00e1sica envolve a abertura e o fechamento da <a href=\"https:\/\/www.homehost.com.br\/blog\/tutoriais\/tags-html\/\">tag<\/a> <code><em><strong>&lt;select&gt;<\/strong><\/em><\/code>, e dentro dela, voc\u00ea coloca as op\u00e7\u00f5es que deseja oferecer ao usu\u00e1rio. <\/p>\n\n\n\n<p>Ele \u00e9 similar ao <a href=\"https:\/\/www.homehost.com.br\/blog\/criar-sites\/input-html\/\">input em HTML<\/a>, por\u00e9m, fornece ao usu\u00e1rio op\u00e7\u00f5es pr\u00e9-definidas. <\/p>\n\n\n\n<p>Veja um exemplo simples:<\/p>\n\n\n\n<pre class=\"wp-block-code\"><code>&lt;select&gt;\n  &lt;option value=\"opcao1\"&gt;Op\u00e7\u00e3o 1&lt;\/option&gt;\n  &lt;option value=\"opcao2\"&gt;Op\u00e7\u00e3o 2&lt;\/option&gt;\n  &lt;option value=\"opcao3\"&gt;Op\u00e7\u00e3o 3&lt;\/option&gt;\n&lt;\/select&gt;\n<\/code><\/pre>\n\n\n\n<p>Esse html ficaria assim:<\/p>\n\n\n\n<select>\n  <option value=\"opcao1\">Op\u00e7\u00e3o 1<\/option>\n  <option value=\"opcao2\">Op\u00e7\u00e3o 2<\/option>\n  <option value=\"opcao3\">Op\u00e7\u00e3o 3<\/option>\n<\/select>\n\n\n\n<div style=\"height:43px\" aria-hidden=\"true\" class=\"wp-block-spacer\"><\/div>\n\n\n\n<p><strong>3. Op\u00e7\u00f5es do <code>&lt;select&gt;<\/code><\/strong><\/p>\n\n\n\n<p>Cada op\u00e7\u00e3o dentro do <code><strong>&lt;select&gt;<\/strong><\/code> \u00e9 representada pela tag <code><strong>&lt;option&gt;<\/strong><\/code>. Cada <code>&lt;option&gt;<\/code> pode ter um valor associado, que \u00e9 enviado para o servidor quando o <a href=\"https:\/\/www.homehost.com.br\/blog\/tutoriais\/formulario-html\/\">formul\u00e1rio<\/a> \u00e9 enviado. Veja como adicionar diferentes op\u00e7\u00f5es ao seu menu:<\/p>\n\n\n\n<pre class=\"wp-block-code\"><code>&lt;select&gt;\n  &lt;option value=\"maca\"&gt;Ma\u00e7\u00e3&lt;\/option&gt;\n  &lt;option value=\"banana\"&gt;Banana&lt;\/option&gt;\n  &lt;option value=\"laranja\"&gt;Laranja&lt;\/option&gt;\n&lt;\/select&gt;\n<\/code><\/pre>\n\n\n\n<p><strong>4. Atributos do <code>&lt;select&gt;<\/code><\/strong><\/p>\n\n\n\n<p>Voc\u00ea pode personalizar ainda mais o <code>&lt;select&gt;<\/code> usando atributos. O atributo <code>name<\/code> \u00e9 usado para identificar o elemento no lado do servidor, enquanto <code>disabled<\/code> desativa o menu. Vejamos um exemplo com esses atributos:<\/p>\n\n\n\n<pre class=\"wp-block-code\"><code>&lt;select name=\"frutas\" id=\"frutas\" disabled&gt;\n  &lt;option value=\"maca\"&gt;Ma\u00e7\u00e3&lt;\/option&gt;\n  &lt;option value=\"banana\"&gt;Banana&lt;\/option&gt;\n  &lt;option value=\"laranja\"&gt;Laranja&lt;\/option&gt;\n&lt;\/select&gt;\n<\/code><\/pre>\n\n\n\n<p><strong>5. Grupos de Op\u00e7\u00f5es<\/strong><\/p>\n\n\n\n<p>\u00c0s vezes, \u00e9 \u00fatil agrupar op\u00e7\u00f5es relacionadas. O elemento <code>&lt;optgroup&gt;<\/code> permite criar grupos dentro do menu. Aqui est\u00e1 um exemplo:<\/p>\n\n\n\n<p><strong>6. Evento onChange e Integra\u00e7\u00e3o com JavaScript<\/strong><\/p>\n\n\n\n<p>O elemento <code><strong>&lt;select&gt;<\/strong><\/code> em HTML pode ser aprimorado ainda mais com o uso do evento <code><strong>onChange<\/strong><\/code>. Este evento \u00e9 acionado sempre que o valor selecionado no menu suspenso \u00e9 alterado. A integra\u00e7\u00e3o com <a href=\"https:\/\/www.homehost.com.br\/blog\/javascript\/tipos-de-funcoes-javascript\/\">JavaScript<\/a> permite que voc\u00ea realize a\u00e7\u00f5es din\u00e2micas em resposta a essas mudan\u00e7as, proporcionando uma experi\u00eancia mais interativa aos usu\u00e1rios.<\/p>\n\n\n\n<p><em>Introdu\u00e7\u00e3o ao Evento <code>onChange<\/code><\/em><\/p>\n\n\n\n<p>O evento <code>onChange<\/code> \u00e9 uma poderosa ferramenta para criar interatividade em seu formul\u00e1rio. Quando um usu\u00e1rio escolhe uma op\u00e7\u00e3o diferente em um menu suspenso, o JavaScript pode detectar essa mudan\u00e7a e executar c\u00f3digo personalizado em resposta.<\/p>\n\n\n\n<p><em>Exemplo Pr\u00e1tico de Integra\u00e7\u00e3o com JavaScript<\/em><\/p>\n\n\n\n<p>Vamos dar uma olhada em um exemplo pr\u00e1tico para ilustrar como usar o evento <code>onChange<\/code> em conjunto com JavaScript. Suponha que voc\u00ea tenha um menu suspenso de frutas e deseje exibir uma mensagem quando o usu\u00e1rio selecionar uma fruta espec\u00edfica.<\/p>\n\n\n\n<pre class=\"wp-block-code\"><code>&lt;!DOCTYPE html&gt;\n&lt;html lang=\"en\"&gt;\n&lt;head&gt;\n  &lt;meta charset=\"UTF-8\"&gt;\n  &lt;meta name=\"viewport\" content=\"width=device-width, initial-scale=1.0\"&gt;\n  &lt;title&gt;Exemplo de Evento onChange&lt;\/title&gt;\n  &lt;style&gt;\n    #mensagem {\n      font-weight: bold;\n      margin-top: 10px;\n    }\n  &lt;\/style&gt;\n&lt;\/head&gt;\n&lt;body&gt;\n\n  &lt;label for=\"frutas\"&gt;Escolha uma fruta:&lt;\/label&gt;\n  &lt;select id=\"frutas\" onChange=\"exibirMensagem()\"&gt;\n    &lt;option value=\"selecione\" selected&gt;Selecione uma fruta&lt;\/option&gt;\n    &lt;option value=\"maca\"&gt;Ma\u00e7\u00e3&lt;\/option&gt;\n    &lt;option value=\"banana\"&gt;Banana&lt;\/option&gt;\n    &lt;option value=\"laranja\"&gt;Laranja&lt;\/option&gt;\n  &lt;\/select&gt;\n\n  &lt;div id=\"mensagem\"&gt;&lt;\/div&gt;\n\n  &lt;script&gt;\n    function exibirMensagem() {\n      var select = document.getElementById(\"frutas\");\n      var mensagemDiv = document.getElementById(\"mensagem\");\n\n      var frutaSelecionada = select.value;\n\n      if (frutaSelecionada !== \"selecione\") {\n        mensagemDiv.innerHTML = \"Voc\u00ea escolheu: \" + frutaSelecionada;\n      } else {\n        mensagemDiv.innerHTML = \"\"; \/\/ Limpar a mensagem se \"Selecione uma fruta\" for escolhido\n      }\n    }\n  &lt;\/script&gt;\n\n&lt;\/body&gt;\n&lt;\/html&gt;\n<\/code><\/pre>\n\n\n\n<p>Neste exemplo, o JavaScript define uma fun\u00e7\u00e3o chamada <code><strong>exibirMensagem()<\/strong><\/code>. Essa fun\u00e7\u00e3o \u00e9 chamada sempre que o valor do menu suspenso \u00e9 alterado. A mensagem \u00e9 ent\u00e3o exibida em uma <code><strong>&lt;div&gt;<\/strong><\/code> com o id &#8220;mensagem&#8221; com base na fruta selecionada.<\/p>\n\n\n\n<p>Ao integrar o evento <strong><code>onChange<\/code> <\/strong>com JavaScript, voc\u00ea pode criar experi\u00eancias de usu\u00e1rio mais din\u00e2micas e personalizadas em seus formul\u00e1rios web. Este \u00e9 apenas um exemplo simples, e as possibilidades s\u00e3o vastas, dependendo dos requisitos espec\u00edficos do seu projeto.<\/p>\n\n\n\n<p><strong>7. Estilo do <code>&lt;select&gt;<\/code> com CSS<\/strong><\/p>\n\n\n\n<p>O <a href=\"https:\/\/www.homehost.com.br\/blog\/criar-sites\/estilos-html\/\">estilo<\/a> do elemento <code><strong>&lt;select><\/strong><\/code> pode ser fundamental para a est\u00e9tica geral do seu formul\u00e1rio. Embora os estilos padr\u00e3o variem entre os navegadores, \u00e9 poss\u00edvel personalizar completamente a apar\u00eancia do <code><strong>&lt;select><\/strong><\/code> e suas op\u00e7\u00f5es usando <a href=\"https:\/\/www.homehost.com.br\/blog\/tutoriais\/html-css\/\">CSS<\/a>. Vamos explorar algumas sugest\u00f5es de estiliza\u00e7\u00e3o para melhorar a experi\u00eancia visual do usu\u00e1rio.<\/p>\n\n\n\n<p><em>Estilizando o <code><strong>&lt;select&gt;<\/strong><\/code><\/em><\/p>\n\n\n\n<p>A estiliza\u00e7\u00e3o b\u00e1sica do <code><strong>&lt;select&gt;<\/strong><\/code> pode ser feita ajustando propriedades como <code>font-size<\/code>, <code>color<\/code>, <code>background-color<\/code> e <code>border<\/code>. Aqui est\u00e1 um exemplo simples:<\/p>\n\n\n\n<pre class=\"wp-block-code\"><code>#frutas {\n  font-size: 16px;\n  color: #333;\n  background-color: #f8f8f8;\n  border: 1px solid #ccc;\n  padding: 8px;\n  border-radius: 5px;\n}\n<\/code><\/pre>\n\n\n\n<p>Essa estiliza\u00e7\u00e3o define um tamanho de fonte, cor de texto, cor de fundo, borda e espa\u00e7amento interno para o <code><strong>&lt;select&gt;<\/strong><\/code>. O resultado ser\u00e1 um menu suspenso mais atraente visualmente.<\/p>\n\n\n\n<p><em>Estilizando as Op\u00e7\u00f5es<\/em><\/p>\n\n\n\n<p>As op\u00e7\u00f5es dentro do <code>&lt;select&gt;<\/code> tamb\u00e9m podem ser estilizadas individualmente. Aqui est\u00e3o algumas sugest\u00f5es:<\/p>\n\n\n\n<pre class=\"wp-block-code\"><code>#frutas option {\n  font-size: 14px;\n  color: #555;\n  background-color: #fff;\n  border-bottom: 1px solid #ddd;\n}\n<\/code><\/pre>\n\n\n\n<p>Essa estiliza\u00e7\u00e3o define um tamanho de fonte, cor de texto, cor de fundo e uma borda inferior para cada op\u00e7\u00e3o. Isso ajuda a destacar cada op\u00e7\u00e3o e facilita a leitura para o usu\u00e1rio.<\/p>\n\n\n\n<p><em>Lidando com Navegadores Espec\u00edficos<\/em><\/p>\n\n\n\n<p>\u00c9 importante notar que alguns estilos podem n\u00e3o ser aplicados uniformemente em todos os navegadores. Nesse caso, voc\u00ea pode precisar usar prefixos de fornecedor ou t\u00e9cnicas espec\u00edficas para garantir a consist\u00eancia. Por exemplo:<\/p>\n\n\n\n<pre class=\"wp-block-code\"><code>\/* Estiliza\u00e7\u00e3o espec\u00edfica para o navegador Chrome *\/\n@media screen and (-webkit-min-device-pixel-ratio:0) {\n  #frutas {\n    \/* Estilos para o Chrome aqui *\/\n  }\n}\n<\/code><\/pre>\n\n\n\n<p><em>Lembre-se da Acessibilidade<\/em><\/p>\n\n\n\n<p>Ao estilizar elementos, \u00e9 crucial manter a acessibilidade em mente. Certifique-se de que as op\u00e7\u00f5es s\u00e3o leg\u00edveis, que o contraste entre o texto e o plano de fundo \u00e9 adequado e que a estiliza\u00e7\u00e3o n\u00e3o compromete a experi\u00eancia do usu\u00e1rio, especialmente para aqueles que dependem de tecnologias assistivas.<\/p>\n\n\n\n<p>Experimente diferentes estilos para encontrar a apar\u00eancia que se alinha com o design geral do seu site e proporciona uma experi\u00eancia agrad\u00e1vel para os usu\u00e1rios.<\/p>\n","protected":false},"excerpt":{"rendered":"<p>Bem-vindo \u00e0 nossa explora\u00e7\u00e3o sobre a cria\u00e7\u00e3o do elemento select em HTML. Se voc\u00ea j\u00e1 se deparou com formul\u00e1rios web, \u00e9 prov\u00e1vel que tenha encontrado o &lt;select&gt; em a\u00e7\u00e3o. Este elemento \u00e9 fundamental para a cria\u00e7\u00e3o de menus suspensos em formul\u00e1rios, proporcionando aos usu\u00e1rios uma maneira f\u00e1cil de fazer escolhas. Vamos mergulhar na sintaxe b\u00e1sica [&hellip;]<\/p>\n","protected":false},"author":1,"featured_media":0,"comment_status":"closed","ping_status":"closed","sticky":false,"template":"","format":"standard","meta":{"_helpful_status":1,"_lmt_disableupdate":"","_lmt_disable":"","_jetpack_memberships_contains_paid_content":false,"footnotes":""},"categories":[3],"tags":[],"class_list":["post-12785","post","type-post","status-publish","format-standard","hentry","category-criar-sites"],"yoast_head":"<!-- This site is optimized with the Yoast SEO plugin v24.6 - https:\/\/yoast.com\/wordpress\/plugins\/seo\/ -->\n<title>Select em HTML: crie menus em um formul\u00e1rio HTML<\/title>\n<meta name=\"description\" content=\"Como usar o elemento select em HTML para criar menus em seu formul\u00e1rio. Explicamos sobre atributos, CSS, valida\u00e7\u00e3o, evento onChange e mais.\" \/>\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\/criar-sites\/select-html\/\" \/>\n<meta property=\"og:locale\" content=\"pt_BR\" \/>\n<meta property=\"og:type\" content=\"article\" \/>\n<meta property=\"og:title\" content=\"Select em HTML: crie menus em um formul\u00e1rio HTML\" \/>\n<meta property=\"og:description\" content=\"Como usar o elemento select em HTML para criar menus em seu formul\u00e1rio. Explicamos sobre atributos, CSS, valida\u00e7\u00e3o, evento onChange e mais.\" \/>\n<meta property=\"og:url\" content=\"https:\/\/www.homehost.com.br\/blog\/criar-sites\/select-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=\"2023-12-31T09:44:58+00:00\" \/>\n<meta property=\"article:modified_time\" content=\"2024-01-09T10:09:05+00:00\" \/>\n<meta name=\"author\" content=\"Gustavo Gallas\" \/>\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=\"Gustavo Gallas\" \/>\n\t<meta name=\"twitter:label2\" content=\"Est. tempo de leitura\" \/>\n\t<meta name=\"twitter:data2\" content=\"4 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\/criar-sites\/select-html\/\",\"url\":\"https:\/\/www.homehost.com.br\/blog\/criar-sites\/select-html\/\",\"name\":\"Select em HTML: crie menus em um formul\u00e1rio HTML\",\"isPartOf\":{\"@id\":\"https:\/\/www.homehost.com.br\/blog\/#website\"},\"datePublished\":\"2023-12-31T09:44:58+00:00\",\"dateModified\":\"2024-01-09T10:09:05+00:00\",\"author\":{\"@id\":\"https:\/\/www.homehost.com.br\/blog\/#\/schema\/person\/df8002f43fc55e7f4e132abb2a6ddbc4\"},\"description\":\"Como usar o elemento select em HTML para criar menus em seu formul\u00e1rio. Explicamos sobre atributos, CSS, valida\u00e7\u00e3o, evento onChange e mais.\",\"breadcrumb\":{\"@id\":\"https:\/\/www.homehost.com.br\/blog\/criar-sites\/select-html\/#breadcrumb\"},\"inLanguage\":\"pt-BR\",\"potentialAction\":[{\"@type\":\"ReadAction\",\"target\":[\"https:\/\/www.homehost.com.br\/blog\/criar-sites\/select-html\/\"]}]},{\"@type\":\"BreadcrumbList\",\"@id\":\"https:\/\/www.homehost.com.br\/blog\/criar-sites\/select-html\/#breadcrumb\",\"itemListElement\":[{\"@type\":\"ListItem\",\"position\":1,\"name\":\"In\u00edcio\",\"item\":\"https:\/\/www.homehost.com.br\/blog\/\"},{\"@type\":\"ListItem\",\"position\":2,\"name\":\"Select em HTML: crie menus em um formul\u00e1rio HTML\"}]},{\"@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\/df8002f43fc55e7f4e132abb2a6ddbc4\",\"name\":\"Gustavo Gallas\",\"description\":\"Analista de sistemas, formado pela PUC-Rio. Programador, gestor de redes e diretor da empresa Homehost. Pai do B\u00f3ris, seu pet de estima\u00e7\u00e3o. Gosta de rock'n'roll, cerveja artesanal e de escrever sobre assuntos t\u00e9cnicos. Contato: gustavo.blog@homehost.com.br\"}]}<\/script>\n<!-- \/ Yoast SEO plugin. -->","yoast_head_json":{"title":"Select em HTML: crie menus em um formul\u00e1rio HTML","description":"Como usar o elemento select em HTML para criar menus em seu formul\u00e1rio. Explicamos sobre atributos, CSS, valida\u00e7\u00e3o, evento onChange e mais.","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\/criar-sites\/select-html\/","og_locale":"pt_BR","og_type":"article","og_title":"Select em HTML: crie menus em um formul\u00e1rio HTML","og_description":"Como usar o elemento select em HTML para criar menus em seu formul\u00e1rio. Explicamos sobre atributos, CSS, valida\u00e7\u00e3o, evento onChange e mais.","og_url":"https:\/\/www.homehost.com.br\/blog\/criar-sites\/select-html\/","og_site_name":"Homehost","article_publisher":"https:\/\/www.facebook.com\/Homehost\/","article_published_time":"2023-12-31T09:44:58+00:00","article_modified_time":"2024-01-09T10:09:05+00:00","author":"Gustavo Gallas","twitter_card":"summary_large_image","twitter_creator":"@Homehost","twitter_site":"@Homehost","twitter_misc":{"Escrito por":"Gustavo Gallas","Est. tempo de leitura":"4 minutos"},"schema":{"@context":"https:\/\/schema.org","@graph":[{"@type":"WebPage","@id":"https:\/\/www.homehost.com.br\/blog\/criar-sites\/select-html\/","url":"https:\/\/www.homehost.com.br\/blog\/criar-sites\/select-html\/","name":"Select em HTML: crie menus em um formul\u00e1rio HTML","isPartOf":{"@id":"https:\/\/www.homehost.com.br\/blog\/#website"},"datePublished":"2023-12-31T09:44:58+00:00","dateModified":"2024-01-09T10:09:05+00:00","author":{"@id":"https:\/\/www.homehost.com.br\/blog\/#\/schema\/person\/df8002f43fc55e7f4e132abb2a6ddbc4"},"description":"Como usar o elemento select em HTML para criar menus em seu formul\u00e1rio. Explicamos sobre atributos, CSS, valida\u00e7\u00e3o, evento onChange e mais.","breadcrumb":{"@id":"https:\/\/www.homehost.com.br\/blog\/criar-sites\/select-html\/#breadcrumb"},"inLanguage":"pt-BR","potentialAction":[{"@type":"ReadAction","target":["https:\/\/www.homehost.com.br\/blog\/criar-sites\/select-html\/"]}]},{"@type":"BreadcrumbList","@id":"https:\/\/www.homehost.com.br\/blog\/criar-sites\/select-html\/#breadcrumb","itemListElement":[{"@type":"ListItem","position":1,"name":"In\u00edcio","item":"https:\/\/www.homehost.com.br\/blog\/"},{"@type":"ListItem","position":2,"name":"Select em HTML: crie menus em um formul\u00e1rio HTML"}]},{"@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\/df8002f43fc55e7f4e132abb2a6ddbc4","name":"Gustavo Gallas","description":"Analista de sistemas, formado pela PUC-Rio. Programador, gestor de redes e diretor da empresa Homehost. Pai do B\u00f3ris, seu pet de estima\u00e7\u00e3o. Gosta de rock'n'roll, cerveja artesanal e de escrever sobre assuntos t\u00e9cnicos. Contato: gustavo.blog@homehost.com.br"}]}},"modified_by":"ad_hmhst","jetpack_featured_media_url":"","jetpack_sharing_enabled":true,"_links":{"self":[{"href":"https:\/\/www.homehost.com.br\/blog\/wp-json\/wp\/v2\/posts\/12785","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\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/www.homehost.com.br\/blog\/wp-json\/wp\/v2\/comments?post=12785"}],"version-history":[{"count":16,"href":"https:\/\/www.homehost.com.br\/blog\/wp-json\/wp\/v2\/posts\/12785\/revisions"}],"predecessor-version":[{"id":13077,"href":"https:\/\/www.homehost.com.br\/blog\/wp-json\/wp\/v2\/posts\/12785\/revisions\/13077"}],"wp:attachment":[{"href":"https:\/\/www.homehost.com.br\/blog\/wp-json\/wp\/v2\/media?parent=12785"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/www.homehost.com.br\/blog\/wp-json\/wp\/v2\/categories?post=12785"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/www.homehost.com.br\/blog\/wp-json\/wp\/v2\/tags?post=12785"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}