initial commit

1 files changed, 123 insertions, 0 deletions

diff --git a/files/pt-br/web/svg/element/title/index.html b/files/pt-br/web/svg/element/title/index.html
new file mode 100644
index 0000000000..2e549fe2c6
--- /dev/null
+++ b/files/pt-br/web/svg/element/title/index.html
@@ -0,0 +1,123 @@
+---
+title: title
+slug: Web/SVG/Element/title
+tags:
+  - Elemento
+  - Referencia
+  - SVG
+translation_of: Web/SVG/Element/title
+---
+<div>{{SVGRef}}</div>
+
+<p>Cada elemento recipiente ou elemento gráfico em um desenho SVG pode fornecer uma descrição de <code>title</code>, onde esta descrição é de apenas texto. Quando o atual fragmento do documento SVG é renderizado em aparelhos audiovisuais, o elemento <code>title</code> não é renderizado como parte do gráfico. Entretanto, alguns agentes de usuários poderão, por exemplo, exibir o elemento <code>title</code> como uma dica. Apresentações alternativas são possíveis, tanto visual quanto auditiva, que exibem o elemento <code>title</code> mas não mostram o elemento <code>path</code> ou outros elementos gráficos. O elemento <code>title</code> geralmente aumenta a acessibilidade de documentos SVG.</p>
+
+<p>Geralmente o elemento <code>title</code> deve ser o primeiro elemento filho de seu pai. Observe que estas implementações que utilizam o <code>title</code> para exibir uma dica, muitas vezes só o farão se o <code>title</code> for o primeiro elemento filho de seu pai.</p>
+
+<h2 id="Contexto_de_uso">Contexto de uso</h2>
+
+<p>{{svginfo}}</p>
+
+<h2 id="Exemplo">Exemplo</h2>
+
+<p>O seguinte trecho de código demonstra a utilização da tag SVG <code>&lt;title&gt;</code>.</p>
+
+<pre class="brush: xml">&lt;svg width="500" height="300" xmlns="http://www.w3.org/2000/svg"&gt;
+  &lt;g&gt;
+    &lt;title&gt;Exemplo Demonstrativo de Título SVG&lt;/title&gt;
+    &lt;rect x="10" y="10" width="200" height="50"
+    style="fill:none; stroke:blue; stroke-width:1px"/&gt;
+  &lt;/g&gt;
+&lt;/svg&gt;
+</pre>
+
+<h2 id="Atributos">Atributos</h2>
+
+<h3 id="Atributos_globais">Atributos globais</h3>
+
+<ul>
+ <li><a href="/pt-BR/SVG/Attribute#Core">Atributos principais</a> »</li>
+ <li>{{ SVGAttr("class") }}</li>
+ <li>{{ SVGAttr("style") }}</li>
+</ul>
+
+<h3 id="Atributos_específicos">Atributos específicos</h3>
+
+<p><em>Não existem atributos específicos</em></p>
+
+<h2 id="Interface_DOM">Interface DOM</h2>
+
+<p>Este elemento implementa a interface do <code><a href="/pt-BR/DOM/SVGTitleElement">SVGTitleElement</a></code>.</p>
+
+<h2 id="Compatibilidade_dos_navegadores">Compatibilidade dos navegadores</h2>
+
+<p>{{CompatibilityTable}}</p>
+
+<div id="compat-desktop">
+<table class="compat-table">
+ <tbody>
+  <tr>
+   <th>Recurso</th>
+   <th>Chrome</th>
+   <th>Firefox (Gecko)</th>
+   <th>Internet Explorer</th>
+   <th>Opera</th>
+   <th>Safari</th>
+  </tr>
+  <tr>
+   <td>Suporte básico</td>
+   <td>1.0</td>
+   <td>{{CompatGeckoDesktop('1.8')}}</td>
+   <td>{{CompatIE('9.0')}}</td>
+   <td>{{CompatOpera('8.0')}}</td>
+   <td>{{CompatSafari('3.0.4')}}</td>
+  </tr>
+  <tr>
+   <td>Tooltip display</td>
+   <td>{{CompatUnknown}}</td>
+   <td>{{CompatGeckoDesktop('2.0')}}</td>
+   <td>{{CompatUnknown}}</td>
+   <td>{{CompatUnknown}}</td>
+   <td>{{CompatUnknown}}</td>
+  </tr>
+ </tbody>
+</table>
+</div>
+
+<div id="compat-mobile">
+<table class="compat-table">
+ <tbody>
+  <tr>
+   <th>Recurso</th>
+   <th>Android</th>
+   <th>Firefox Mobile (Gecko)</th>
+   <th>IE Phone</th>
+   <th>Opera Mobile</th>
+   <th>Safari Mobile</th>
+  </tr>
+  <tr>
+   <td>Suporte básico</td>
+   <td>{{CompatAndroid('3.0')}}</td>
+   <td>{{CompatGeckoMobile('1.8')}}</td>
+   <td>{{CompatNo}}</td>
+   <td>{{CompatVersionUnknown}}</td>
+   <td>{{CompatSafari('3.0.4')}}</td>
+  </tr>
+  <tr>
+   <td>Tooltip display</td>
+   <td>{{CompatUnknown}}</td>
+   <td>{{CompatGeckoDesktop('2.0')}}</td>
+   <td>{{CompatUnknown}}</td>
+   <td>{{CompatUnknown}}</td>
+   <td>{{CompatUnknown}}</td>
+  </tr>
+ </tbody>
+</table>
+</div>
+
+<p>A tabela é baseada <a href="/pt-BR/SVG/Compatibility_sources">nessas fontes</a>.</p>
+
+<h2 id="Veja_também">Veja também</h2>
+
+<ul>
+ <li>{{ SVGElement("desc") }}</li>
+</ul>