diff options
Diffstat (limited to 'files/pt-br/web/html/global_attributes/data-_star_/index.html')
| -rw-r--r-- | files/pt-br/web/html/global_attributes/data-_star_/index.html | 4 |
1 files changed, 2 insertions, 2 deletions
diff --git a/files/pt-br/web/html/global_attributes/data-_star_/index.html b/files/pt-br/web/html/global_attributes/data-_star_/index.html index a5a8f44454..128917151d 100644 --- a/files/pt-br/web/html/global_attributes/data-_star_/index.html +++ b/files/pt-br/web/html/global_attributes/data-_star_/index.html @@ -5,7 +5,7 @@ translation_of: Web/HTML/Global_attributes/data-* --- <p class="note">{{HTMLSidebar("Global_attributes")}}</p> -<p>Os <a href="/en-US/docs/Web/HTML/Global_attributes">atributos globais</a> <strong>data-*</strong> formam uma classe de atributos conhecida como <strong>custom data attributes</strong>, a qual permite que informações proprietárias sejam trocadas via script entre o <a href="/en-US/docs/Web/HTML" title="en/HTML">HTML</a> e sua representação <a href="/en-US/docs/DOM" title="en/DOM">DOM</a> . Todos esses dados personalizados estão disponíveis através da interface {{domxref("HTMLElement")}} do elemento, onde o atributo está definido. A propriedade {{domxref("HTMLElement.dataset")}} concede acesso a estes atributos .<br> +<p>Os <a href="/pt-BR/docs/Web/HTML/Global_attributes">atributos globais</a> <strong>data-*</strong> formam uma classe de atributos conhecida como <strong>custom data attributes</strong>, a qual permite que informações proprietárias sejam trocadas via script entre o <a href="/en-US/docs/Web/HTML" title="en/HTML">HTML</a> e sua representação <a href="/en-US/docs/DOM" title="en/DOM">DOM</a> . Todos esses dados personalizados estão disponíveis através da interface {{domxref("HTMLElement")}} do elemento, onde o atributo está definido. A propriedade {{domxref("HTMLElement.dataset")}} concede acesso a estes atributos .<br> O <code>*</code> pode ser substituído por qualquer nome, desde que siga <a class="external" href="http://www.w3.org/TR/REC-xml/#NT-Name">a regra de criação de nomes xml</a> com as seguintes restrições:</p> <ul> @@ -18,7 +18,7 @@ translation_of: Web/HTML/Global_attributes/data-* <h3 id="Uso">Uso</h3> -<p>Para adicionar atributos <strong>data-* </strong>, mesmo os elementos HTML mais comuns podem tornar-se mais complexos e poderosos objetos programáveis. Por exemplo, um "<a href="https://en.wikipedia.org/wiki/Sprite_(computer_graphics)">sprite</a><em>"</em> de uma nave espacial em um jogo pode ser um simples elemento {{HTMLElement("img")}} com um atributo <a href="/en-US/docs/Web/HTML/Global_attributes/class">class</a> e diversos atributos data-*:</p> +<p>Para adicionar atributos <strong>data-* </strong>, mesmo os elementos HTML mais comuns podem tornar-se mais complexos e poderosos objetos programáveis. Por exemplo, um "<a href="https://en.wikipedia.org/wiki/Sprite_(computer_graphics)">sprite</a><em>"</em> de uma nave espacial em um jogo pode ser um simples elemento {{HTMLElement("img")}} com um atributo <a href="/pt-BR/docs/Web/HTML/Global_attributes/class">class</a> e diversos atributos data-*:</p> <pre><img class="spaceship cruiserX3" src="shipX3.png" data-navio-id="324" data-armas="laserI laserII" data-escudos="72%" |