168 files changed, 2318 insertions, 6649 deletions

diff --git a/files/pt-pt/web/accessibility/aria/aria_techniques/usando_o_role_status/index.html b/files/pt-pt/web/accessibility/aria/aria_techniques/using_the_status_role/index.html
index 23374a0329..300b0906fc 100644
--- a/files/pt-pt/web/accessibility/aria/aria_techniques/usando_o_role_status/index.html
+++ b/files/pt-pt/web/accessibility/aria/aria_techniques/using_the_status_role/index.html
@@ -1,11 +1,12 @@
 ---
 title: Utilizar o role status
-slug: Web/Accessibility/ARIA/ARIA_Techniques/Usando_o_role_status
+slug: Web/Accessibility/ARIA/ARIA_Techniques/Using_the_status_role
 tags:
   - ARIA
   - Acessibilidade
   - RequerConteúdo
 translation_of: Web/Accessibility/ARIA/ARIA_Techniques/Using_the_status_role
+original_slug: Web/Accessibility/ARIA/ARIA_Techniques/Usando_o_role_status
 ---
 <h3 id="Descrição">Descrição</h3>
 
diff --git a/files/pt-pt/web/acessibilidade/aria/index.html b/files/pt-pt/web/accessibility/aria/index.html
index d49bc53276..3544038b4b 100644
--- a/files/pt-pt/web/acessibilidade/aria/index.html
+++ b/files/pt-pt/web/accessibility/aria/index.html
@@ -1,11 +1,12 @@
 ---
 title: ARIA
-slug: Web/Acessibilidade/ARIA
+slug: Web/Accessibility/ARIA
 tags:
   - ARIA
   - Acessibilidade
   - Web
 translation_of: Web/Accessibility/ARIA
+original_slug: Web/Acessibilidade/ARIA
 ---
 <p><span class="seoSummary"><em>Accessible Rich Internet Applications</em> <strong>(ARIA)</strong> </span> define as maneiras para tornar o conteúdo da Web e aplicações da Web (especialmente aqueles desenvolvidos com Ajax e JavaScript) mais acessíveis para as pessoas com deficiência. Por exemplo, ARIA permite marcos de navegação acessíveis, widgets de JavaScript, dicas de formulário e mensagens de erro, atualizações de conteúdo <em>live</em> e muito mais.</p>
 
diff --git a/files/pt-pt/web/acessibilidade/index.html b/files/pt-pt/web/accessibility/index.html
index 0bf23a4fc9..11ee6b8de1 100644
--- a/files/pt-pt/web/acessibilidade/index.html
+++ b/files/pt-pt/web/accessibility/index.html
@@ -1,9 +1,10 @@
 ---
 title: Acessibilidade
-slug: Web/Acessibilidade
+slug: Web/Accessibility
 tags:
   - Acessibilidade
 translation_of: Web/Accessibility
+original_slug: Web/Acessibilidade
 ---
 <p>A acessibilidade no desenvolvimento da <em>Web</em> significa habilitar o maior número possível de pessoas para usar sites da <em>Web</em>, mesmo quando as habilidades dessas pessoas são limitadas de alguma forma. Aqui, fornecemos informações sobre o desenvolvimento de conteúdo para serem acessíveis<span class="seoSummary">.</span></p>
 
diff --git a/files/pt-pt/web/api/eventos_de_luz_ambiente/index.html b/files/pt-pt/web/api/ambient_light_events/index.html
index 32b15a8ea1..0605b2098a 100644
--- a/files/pt-pt/web/api/eventos_de_luz_ambiente/index.html
+++ b/files/pt-pt/web/api/ambient_light_events/index.html
@@ -1,9 +1,10 @@
 ---
 title: Eventos de Luz Ambiente
-slug: Web/API/Eventos_de_Luz_Ambiente
+slug: Web/API/Ambient_Light_Events
 tags:
   - Luz Ambiente
 translation_of: Web/API/Ambient_Light_Events
+original_slug: Web/API/Eventos_de_Luz_Ambiente
 ---
 <div>{{DefaultAPISidebar("Ambient Light Events")}}{{SeeCompatTable}}</div>
 
diff --git a/files/pt-pt/web/api/api_de_armazenamento_da_web/index.html b/files/pt-pt/web/api/api_de_armazenamento_da_web/index.html
deleted file mode 100644
index 192a51ee66..0000000000
--- a/files/pt-pt/web/api/api_de_armazenamento_da_web/index.html
+++ /dev/null
@@ -1,156 +0,0 @@
----
-title: API de Armazenamento da Web
-slug: Web/API/API_de_Armazenamento_da_Web
-tags:
-  - API
-  - Armazenamento
-  - Armazenamento Local
-  - Armazenamento da Sessão
-  - Armazenamento da Web
-  - Referencia
-translation_of: Web/API/Web_Storage_API
----
-<p>{{DefaultAPISidebar("Web Storage API")}}</p>
-
-<p>A <strong>API de Armazenamento da Web</strong> fornece mecanismos pelos quais os navegadores podem armazenar pares chave/valor, de uma maneira muito mais intuitiva do que utilizar cookies.</p>
-
-<h2 id="Armazenamento_da_Web_-_conceitos_e_utilização">Armazenamento da Web - conceitos e utilização</h2>
-
-<p>The two mechanisms within Web Storage are as follows:</p>
-
-<ul>
- <li><code>sessionStorage</code> maintains a separate storage area for each given origin that's available for the duration of the page session (as long as the browser is open, including page reloads and restores)</li>
- <li><code>localStorage</code> does the same thing, but persists even when the browser is closed and reopened.</li>
-</ul>
-
-<p>These mechanisms are available via the {{domxref("Window.sessionStorage")}} and {{domxref("Window.localStorage")}} properties (to be more precise, in supporting browsers the <code>Window</code> object implements the <code>WindowLocalStorage</code> and <code>WindowSessionStorage</code> objects, which the <code>localStorage</code> and <code>sessionStorage</code> properties hang off) — invoking one of these will create an instance of the {{domxref("Storage")}} object, through which data items can be set, retrieved and removed. A different Storage object is used for the <code>sessionStorage</code> and <code>localStorage</code> for each origin — they function and are controlled separately.</p>
-
-<div class="note">
-<p><strong>Nota</strong>: From Firefox 45 onwards, when the browser crashes/restarts, the amount of data saved per origin is limited to 10MB. This has been done to avoid memory issues caused by excessive usage of web storage.</p>
-</div>
-
-<div class="note">
-<p><strong>Nota</strong>: Access to Web Storage from third-party IFrames is denied if the user has <a href="https://support.mozilla.org/en-US/kb/disable-third-party-cookies">disabled third-party cookies</a> (Firefox implements this behaviour from <a href="/en-US/docs/Mozilla/Firefox/Releases/43">version 43</a> onwards.)</p>
-</div>
-
-<div class="note">
-<p><strong>Nota:</strong> Web Storage is not the same as <a href="/en-US/docs/Storage" title="Storage">mozStorage</a> (Mozilla's XPCOM interfaces to SQLite) or the <a href="/en-US/docs/Session_store_API" title="Session_store_API">Session store API</a> (an <a href="/en-US/docs/XPCOM" title="XPCOM">XPCOM</a> storage utility for use by extensions).</p>
-</div>
-
-<h2 id="Armazenamento_da_Web_-_Interfaces">Armazenamento da Web - Interfaces</h2>
-
-<dl>
- <dt>{{domxref("Storage")}}</dt>
- <dd>Allows you to set, retrieve and remove data for a specific domain and storage type (session or local.)</dd>
- <dt>{{domxref("Window")}}</dt>
- <dd>The Web Storage API extends the {{domxref("Window")}} object with two new properties — {{domxref("Window.sessionStorage")}} and {{domxref("Window.localStorage")}} — which provide access to the current domain's session and local {{domxref("Storage")}} objects respectively, and a {{domxref("Window.onstorage")}} event handler that fires when a storage area changes (e.g. a new item is stored.)</dd>
- <dt>{{domxref("StorageEvent")}}</dt>
- <dd>The <code title="event-storage">storage</code> event is fired on a document's <code>Window</code> object when a storage area changes.</dd>
-</dl>
-
-<h2 id="Exemplos">Exemplos</h2>
-
-<p>To illustrate some typical web storage usage, we have created a simple example, imaginatively called <a href="https://github.com/mdn/dom-examples/tree/master/web-storage">Web Storage Demo</a>. The <a href="https://mdn.github.io/dom-examples/web-storage/">landing page</a> provides controls that can be used to customize the colour, font and decorative image. When you choose different options, the page is instantly updated; in addition your choices are stored in <code>localStorage</code>,  so that when you leave the page then load it again later on your choices are remembered.</p>
-
-<p>In addition, we have provided an <a href="https://mdn.github.io/dom-examples/web-storage/event.html">event output page</a> — if you load this page in another tab, then make changes to your choices in the landing page, you'll see the updated storage information outputted as the {{domxref("StorageEvent")}} is fired.</p>
-
-<h2 id="Especificações">Especificações</h2>
-
-<table class="standard-table">
- <tbody>
-  <tr>
-   <th scope="col">Especificação</th>
-   <th scope="col">Estado</th>
-   <th scope="col">Comentário</th>
-  </tr>
-  <tr>
-   <td>{{SpecName('HTML WHATWG', 'webstorage.html#webstorage')}}</td>
-   <td>{{Spec2('HTML WHATWG')}}</td>
-   <td> </td>
-  </tr>
- </tbody>
-</table>
-
-<h2 id="Compatibilidade_de_navegador">Compatibilidade de navegador</h2>
-
-<p>{{ CompatibilityTable() }}</p>
-
-<div id="compat-desktop">
-<table class="compat-table">
- <tbody>
-  <tr>
-   <th>Funcionalidade</th>
-   <th>Chrome</th>
-   <th>Edge</th>
-   <th>Firefox (Gecko)</th>
-   <th>Internet Explorer</th>
-   <th>Opera</th>
-   <th>Safari (WebKit)</th>
-  </tr>
-  <tr>
-   <td>Armazenamento local</td>
-   <td>4</td>
-   <td>{{CompatVersionUnknown}}</td>
-   <td>3.5</td>
-   <td>8</td>
-   <td>10.50</td>
-   <td>4</td>
-  </tr>
-  <tr>
-   <td>Armazenamento da sessão</td>
-   <td>5</td>
-   <td>{{CompatVersionUnknown}}</td>
-   <td>2</td>
-   <td>8</td>
-   <td>10.50</td>
-   <td>4</td>
-  </tr>
- </tbody>
-</table>
-</div>
-
-<div id="compat-mobile">
-<table class="compat-table">
- <tbody>
-  <tr>
-   <th>Funcionalidade</th>
-   <th>Android</th>
-   <th>Edge</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>2.1</td>
-   <td>{{CompatVersionUnknown}}</td>
-   <td>{{ CompatUnknown }}</td>
-   <td>8</td>
-   <td>11</td>
-   <td>iOS 3.2</td>
-  </tr>
- </tbody>
-</table>
-</div>
-
-<p>All browsers have varying capacity levels for both localStorage and sessionStorage. Here is a <a class="external" href="http://dev-test.nemikor.com/web-storage/support-test/" title="http://dev-test.nemikor.com/web-storage/support-test/">detailed rundown of all the storage capacities for various browsers</a>.</p>
-
-<div class="note">
-<p><strong>Nota: </strong>since iOS 5.1, Safari Mobile stores localStorage data in the cache folder, which is subject to occasional clean up, at the behest of the OS, typically if space is short.</p>
-</div>
-
-<h2 id="Modos_Incógnito_Navegação_Privada">Modos Incógnito / Navegação Privada</h2>
-
-<p>Most modern browsers support a privacy option called 'Incognito', 'Private Browsing' or something similar that doesn't store data like history and cookies. This is fundamentally incompatible with Web Storage for obvious reasons. As such, browser vendors are experimenting with different scenarios for how to deal with this incompatibility.</p>
-
-<p>Most browsers have opted for a strategy where storage APIs are still available and seemingly fully functional, with the one big difference that all stored data is wiped after the browser is closed. For these browsers there are still different interpretations of what should be done with existing stored data (from a regular browsing session). Should it be available to read when in Private mode? Then there are some browsers, most notably Safari, that have opted for a solution where storage is available, but is empty and has a quota of 0 bytes assigned, effectively making it impossible to write data to it.</p>
-
-<p>Developers should be aware of these different implementations and take them into account when developing websites depending on Web Storage APIs. For more information please have a look at <a href="https://blog.whatwg.org/tag/localstorage">this WHATWG blog post</a> that specifically deals with this topic.</p>
-
-<h2 id="Consulte_também">Consulte também</h2>
-
-<ul>
- <li><a href="/en-US/docs/Web/API/Web_Storage_API/Using_the_Web_Storage_API">Using the Web Storage API</a></li>
- <li><a href="https://medium.com/@ramsunvtech/onfocus-html5-storage-apis-b45d92aa424b">HTML5 Storage API By Venkatraman</a></li>
-</ul>
diff --git a/files/pt-pt/web/api/api_do_estado_da_bateria/index.html b/files/pt-pt/web/api/battery_status_api/index.html
index 4805a71bc6..3b9bf25ab6 100644
--- a/files/pt-pt/web/api/api_do_estado_da_bateria/index.html
+++ b/files/pt-pt/web/api/battery_status_api/index.html
@@ -1,6 +1,6 @@
 ---
 title: API do Estado da Bateria
-slug: Web/API/API_do_Estado_da_Bateria
+slug: Web/API/Battery_Status_API
 tags:
   - API
   - API de Bateria
@@ -13,6 +13,7 @@ tags:
   - Resumo
   - Sinopse
 translation_of: Web/API/Battery_Status_API
+original_slug: Web/API/API_do_Estado_da_Bateria
 ---
 <div>{{obsolete_header}}</div>
 
diff --git a/files/pt-pt/web/api/api_de_canvas/index.html b/files/pt-pt/web/api/canvas_api/index.html
index 17971de4ee..379440ef0c 100644
--- a/files/pt-pt/web/api/api_de_canvas/index.html
+++ b/files/pt-pt/web/api/canvas_api/index.html
@@ -1,7 +1,8 @@
 ---
 title: API de Canvas
-slug: Web/API/API_de_canvas
+slug: Web/API/Canvas_API
 translation_of: Web/API/Canvas_API
+original_slug: Web/API/API_de_canvas
 ---
 <div>{{CanvasSidebar}}</div>
 
diff --git a/files/pt-pt/web/api/api_de_canvas/tutorial/index.html b/files/pt-pt/web/api/canvas_api/tutorial/index.html
index b93457336d..cad5f41e2b 100644
--- a/files/pt-pt/web/api/api_de_canvas/tutorial/index.html
+++ b/files/pt-pt/web/api/canvas_api/tutorial/index.html
@@ -1,6 +1,6 @@
 ---
 title: Tutorial de Canvas
-slug: Web/API/API_de_canvas/Tutorial
+slug: Web/API/Canvas_API/Tutorial
 tags:
   - Canvas
   - Guía
@@ -10,6 +10,7 @@ tags:
   - Web
   - graficos
 translation_of: Web/API/Canvas_API/Tutorial
+original_slug: Web/API/API_de_canvas/Tutorial
 ---
 <div>{{CanvasSidebar}}</div>
 
diff --git a/files/pt-pt/web/api/document/alinkcolor/index.html b/files/pt-pt/web/api/document/alinkcolor/index.html
new file mode 100644
index 0000000000..790a1cda4a
--- /dev/null
+++ b/files/pt-pt/web/api/document/alinkcolor/index.html
@@ -0,0 +1,44 @@
+---
+title: document.alinkColor
+slug: Web/API/Document/alinkColor
+tags:
+  - DOM
+  - DOM 0
+  - Gecko
+  - Referência_do_DOM_Gecko
+translation_of: Web/API/Document/alinkColor
+original_slug: DOM/document.alinkColor
+---
+<div id="page-top">
+ <div class="pageText" id="pageText">
+  <p style="margin-top: 0px; margin-right: 0px; margin-bottom: 1.7em; margin-left: 0px; padding-top: 0px; padding-right: 0px; padding-bottom: 0px; padding-left: 0px;"><span class="lang lang-en">« <a href="/en/Gecko_DOM_Reference" rel="internal" style="text-decoration: none; color: rgb(4, 121, 167);">Referência do DOM Gecko</a></span></p>
+  <div id="section_1">
+   <h3 class="editable" id="Sumário" style="margin-top: 0px; margin-right: 0px; margin-bottom: 0.5em; margin-left: 0px; padding-top: 0px; padding-right: 0px; padding-bottom: 0px; padding-left: 0px; font-weight: normal; font-family: Georgia, 'Times New Roman', Times, serif; color: rgb(43, 39, 32); font-size: 21px; border-bottom-width: 1px; border-bottom-style: solid;">Sumário</h3>
+   <p style="margin-top: 0px; margin-right: 0px; margin-bottom: 1.7em; margin-left: 0px; padding-top: 0px; padding-right: 0px; padding-bottom: 0px; padding-left: 0px;"> </p>
+   <div style="border-top-width: 1px; border-right-width: 1px; border-bottom-width: 1px; border-left-width: 1px; border-top-style: solid; border-right-style: solid; border-bottom-style: solid; border-left-style: solid; background-color: rgb(185, 185, 255); font-weight: bold; text-align: center; padding-top: 0px; padding-right: 10px; padding-bottom: 0px; padding-left: 10px; margin-top: 10px; margin-right: 0px; margin-bottom: 10px; margin-left: 0px;">
+    <p style="margin-top: 4px; margin-right: 0px; margin-bottom: 4px; margin-left: 0px; padding-top: 0px; padding-right: 0px; padding-bottom: 0px; padding-left: 0px;">Obsoleto</p>
+   </div>
+   Retorna ou define a cor de um link ativo no corpo do documento. Um link é ativo durante o tempo entre <code style="color: inherit; font-weight: inherit;">mousedown </code>e <code style="color: inherit; font-weight: inherit;">mouseup </code>eventos.
+   <p style="margin-top: 0px; margin-right: 0px; margin-bottom: 1.7em; margin-left: 0px; padding-top: 0px; padding-right: 0px; padding-bottom: 0px; padding-left: 0px;"> </p>
+  </div>
+  <div id="section_2">
+   <h3 class="editable" id="Sintaxe" style="margin-top: 0px; margin-right: 0px; margin-bottom: 0.5em; margin-left: 0px; padding-top: 0px; padding-right: 0px; padding-bottom: 0px; padding-left: 0px; font-weight: normal; font-family: Georgia, 'Times New Roman', Times, serif; color: rgb(43, 39, 32); font-size: 21px; border-bottom-width: 1px; border-bottom-style: solid;"><span>Sintaxe</span></h3>
+   <pre class="eval" style="margin-top: 0px; margin-right: 0px; margin-bottom: 1.7em; margin-left: 0px; padding-top: 10px; padding-right: 10px; padding-bottom: 10px; padding-left: 10px; border-top-width: 1px; border-right-width: 1px; border-bottom-width: 1px; border-left-width: 1px; border-top-style: solid; border-right-style: solid; border-bottom-style: solid; border-left-style: solid; font: normal normal normal 12px/normal 'Courier New', 'Andale Mono', monospace; color: rgb(37, 34, 29);"><em><code>document.alinkColor</code> = </em><em>cor</em>
+</pre>
+   <p style="margin-top: 0px; margin-right: 0px; margin-bottom: 1.7em; margin-left: 0px; padding-top: 0px; padding-right: 0px; padding-bottom: 0px; padding-left: 0px;"><em><code>color</code></em> é uma string contendo<span style="font-family: Verdana;"> o no</span>me da cor (em inglês), (por exemplo, "blue", "darkblue", etc) ou o valor <span style="font-family: Verdana;">em</span> hexadecimal (por exemplo, <em><span style="font-family: 'Courier New';"><code style="color: inherit; font-weight: inherit;">#0000FF</code></span></em>)</p>
+  </div>
+  <div id="section_3">
+   <h3 class="editable" id="Notas" style="margin-top: 0px; margin-right: 0px; margin-bottom: 0.5em; margin-left: 0px; padding-top: 0px; padding-right: 0px; padding-bottom: 0px; padding-left: 0px; font-weight: normal; font-family: Georgia, 'Times New Roman', Times, serif; color: rgb(43, 39, 32); font-size: 21px; border-bottom-width: 1px; border-bottom-style: solid;"><span>Notas </span></h3>
+   <p style="margin-top: 0px; margin-right: 0px; margin-bottom: 1.7em; margin-left: 0px; padding-top: 0px; padding-right: 0px; padding-bottom: 0px; padding-left: 0px;">O valor padrão para essa propriedade no Mozilla Firefox é o vermelho (<code style="color: inherit; font-weight: inherit;"><span style="font-family: 'Courier New';">#ee0000</span> </code>em hexadecimal).</p>
+   <p style="margin-top: 0px; margin-right: 0px; margin-bottom: 1.7em; margin-left: 0px; padding-top: 0px; padding-right: 0px; padding-bottom: 0px; padding-left: 0px;"><code style="color: inherit; font-weight: inherit;"><em><span style="font-family: 'Courier New';">document.alinkColor</span></em> </code>é substituído no <a class="external" href="http://www.w3.org/TR/DOM-Level-2-HTML/html.html#ID-26809268" rel="external nofollow" title="http://www.w3.org/TR/DOM-Level-2-HTML/html.html#ID-26809268">DOM Nível 2 HTML </a>. Uma alternativa é o seletor CSS <code style="color: inherit; font-weight: inherit;"><a href="/en/CSS/%3aactive" rel="custom nofollow" style="text-decoration: none; color: rgb(4, 121, 167);">:active</a></code>.</p>
+   <p style="margin-top: 0px; margin-right: 0px; margin-bottom: 1.7em; margin-left: 0px; padding-top: 0px; padding-right: 0px; padding-bottom: 0px; padding-left: 0px;">Outra alternativa é document.body.aLink, embora isso seja <a class="external" href="http://www.w3.org/TR/DOM-Level-2-HTML/html.html#ID-26809268" title="http://www.w3.org/TR/DOM-Level-2-HTML/html.html#ID-26809268">obsoleto em HTML 4.01</a>, em favor da alternativa de CSS.</p>
+   <p style="margin-top: 0px; margin-right: 0px; margin-bottom: 1.7em; margin-left: 0px; padding-top: 0px; padding-right: 0px; padding-bottom: 0px; padding-left: 0px;">Gecko suporta tanto <code><span style="font-family: 'Courier New';">alinkColor / :activ</span></code><span style="font-family: 'Courier New';"><code>e</code></span> e <code>:focus</code>. Internet Explorer 6 e 7 suportam <code>alinkColor / :active</code> apenas para âncora HTML (<code>&lt;a&gt;</code>) links e o comportamento é o mesmo que <span style="font-family: 'Courier New';"><code>:focus</code></span> em Gecko. Não há suporte para <code>:focus</code> no IE.</p>
+  </div>
+  <div id="section_4">
+   <h3 class="editable" id="Especificação" style="margin-top: 0px; margin-right: 0px; margin-bottom: 0.5em; margin-left: 0px; padding-top: 0px; padding-right: 0px; padding-bottom: 0px; padding-left: 0px; font-weight: normal; font-family: Georgia, 'Times New Roman', Times, serif; color: rgb(43, 39, 32); font-size: 21px; border-bottom-width: 1px; border-bottom-style: solid;"><span>Especificação</span></h3>
+   <p style="margin-top: 0px; margin-right: 0px; margin-bottom: 1.7em; margin-left: 0px; padding-top: 0px; padding-right: 0px; padding-bottom: 0px; padding-left: 0px;"><span class="lang lang-en">DOM Nível 0. Não faz parte do padrão.</span></p>
+   <p style="margin-top: 0px; margin-right: 0px; margin-bottom: 1.7em; margin-left: 0px; padding-top: 0px; padding-right: 0px; padding-bottom: 0px; padding-left: 0px;"><span class="lang lang-en"><a class="external" href="http://msdn.microsoft.com/en-us/library/ms533071(VS.85).aspx" rel="external nofollow" title="http://msdn.microsoft.com/en-us/library/ms533071(VS.85).aspx">MSDN - propriedade :alinkColor</a></span></p>
+  </div>
+ </div>
+</div>
+<p> </p>
diff --git a/files/pt-pt/web/api/document/bgcolor/index.html b/files/pt-pt/web/api/document/bgcolor/index.html
new file mode 100644
index 0000000000..db838f4f96
--- /dev/null
+++ b/files/pt-pt/web/api/document/bgcolor/index.html
@@ -0,0 +1,56 @@
+---
+title: document.bgColor
+slug: Web/API/Document/bgColor
+tags:
+  - DOM
+  - DOM 0
+  - Gecko
+  - Referência_do_DOM_Gecko
+translation_of: Web/API/Document/bgColor
+original_slug: DOM/document.bgColor
+---
+<div id="page-top">
+ <div class="pageText" id="pageText">
+  <p style="margin-top: 0px; margin-right: 0px; margin-bottom: 1.7em; margin-left: 0px; padding-top: 0px; padding-right: 0px; padding-bottom: 0px; padding-left: 0px;"><span class="lang lang-en">« <a href="/en/Gecko_DOM_Reference" rel="internal" style="text-decoration: none; color: rgb(4, 121, 167);">Referência do DOM Gecko</a></span></p>
+  <div id="section_1">
+   <h3 class="editable" id="Sumário" style="margin-top: 0px; margin-right: 0px; margin-bottom: 0.5em; margin-left: 0px; padding-top: 0px; padding-right: 0px; padding-bottom: 0px; padding-left: 0px; font-weight: normal; font-family: Georgia, 'Times New Roman', Times, serif; color: rgb(43, 39, 32); font-size: 21px; border-bottom-width: 1px; border-bottom-style: solid;">Sumário</h3>
+   <p style="margin-top: 0px; margin-right: 0px; margin-bottom: 1.7em; margin-left: 0px; padding-top: 0px; padding-right: 0px; padding-bottom: 0px; padding-left: 0px;"> </p>
+   <div style="border-top-width: 1px; border-right-width: 1px; border-bottom-width: 1px; border-left-width: 1px; border-top-style: solid; border-right-style: solid; border-bottom-style: solid; border-left-style: solid; background-color: rgb(185, 185, 255); font-weight: bold; text-align: center; padding-top: 0px; padding-right: 10px; padding-bottom: 0px; padding-left: 10px; margin-top: 10px; margin-right: 0px; margin-bottom: 10px; margin-left: 0px;">
+    <p style="margin-top: 4px; margin-right: 0px; margin-bottom: 4px; margin-left: 0px; padding-top: 0px; padding-right: 0px; padding-bottom: 0px; padding-left: 0px;">Obsoleto</p>
+   </div>
+   <code style="color: inherit; font-weight: inherit;">bgColor</code> obtém / define a cor de fundo do documento atual.
+   <p style="margin-top: 0px; margin-right: 0px; margin-bottom: 1.7em; margin-left: 0px; padding-top: 0px; padding-right: 0px; padding-bottom: 0px; padding-left: 0px;"> </p>
+  </div>
+  <div id="section_2">
+   <h3 class="editable" id="Sintaxe" style="margin-top: 0px; margin-right: 0px; margin-bottom: 0.5em; margin-left: 0px; padding-top: 0px; padding-right: 0px; padding-bottom: 0px; padding-left: 0px; font-weight: normal; font-family: Georgia, 'Times New Roman', Times, serif; color: rgb(43, 39, 32); font-size: 21px; border-bottom-width: 1px; border-bottom-style: solid;"><span>Sintaxe</span></h3>
+   <pre class="eval" style="margin-top: 0px; margin-right: 0px; margin-bottom: 1.7em; margin-left: 0px; padding-top: 10px; padding-right: 10px; padding-bottom: 10px; padding-left: 10px; border-top-width: 1px; border-right-width: 1px; border-bottom-width: 1px; border-left-width: 1px; border-top-style: solid; border-right-style: solid; border-bottom-style: solid; border-left-style: solid; font: normal normal normal 12px/normal 'Courier New', 'Andale Mono', monospace; color: rgb(37, 34, 29);"><em>document.bgColor = </em><em>cor</em>
+</pre>
+  </div>
+  <div id="section_3">
+   <h3 class="editable" id="Parâmetros" style="margin-top: 0px; margin-right: 0px; margin-bottom: 0.5em; margin-left: 0px; padding-top: 0px; padding-right: 0px; padding-bottom: 0px; padding-left: 0px; font-weight: normal; font-family: Georgia, 'Times New Roman', Times, serif; color: rgb(43, 39, 32); font-size: 21px; border-bottom-width: 1px; border-bottom-style: solid;"><span>Parâmetros</span></h3>
+   <ul style="margin-top: 0px; margin-right: 0px; margin-bottom: 1.7em; margin-left: 25px; padding-top: 0px; padding-right: 0px; padding-bottom: 0px; padding-left: 0px;">
+    <li style="margin-bottom: 0.25em;"><code style="color: inherit; font-weight: inherit;">color é</code> uma seqüência que representa a cor como uma palavra (em inglês) (por exemplo, "red") ou valor em hexadecimal (por exemplo, "<code style="color: inherit; font-weight: inherit;">#Ff0000</code>").</li>
+   </ul>
+  </div>
+  <div id="section_4">
+   <h3 class="editable" id="Exemplo" style="margin-top: 0px; margin-right: 0px; margin-bottom: 0.5em; margin-left: 0px; padding-top: 0px; padding-right: 0px; padding-bottom: 0px; padding-left: 0px; font-weight: normal; font-family: Georgia, 'Times New Roman', Times, serif; color: rgb(43, 39, 32); font-size: 21px; border-bottom-width: 1px; border-bottom-style: solid;"><span>Exemplo</span></h3>
+   <pre class="eval" style="margin-top: 0px; margin-right: 0px; margin-bottom: 1.7em; margin-left: 0px; padding-top: 10px; padding-right: 10px; padding-bottom: 10px; padding-left: 10px; border-top-width: 1px; border-right-width: 1px; border-bottom-width: 1px; border-left-width: 1px; border-top-style: solid; border-right-style: solid; border-bottom-style: solid; border-left-style: solid; font: normal normal normal 12px/normal 'Courier New', 'Andale Mono', monospace; color: rgb(37, 34, 29);"><code>document.bgColor = "darkblue"; </code>
+</pre>
+  </div>
+  <div id="section_5">
+   <h3 class="editable" id="Notas" style="margin-top: 0px; margin-right: 0px; margin-bottom: 0.5em; margin-left: 0px; padding-top: 0px; padding-right: 0px; padding-bottom: 0px; padding-left: 0px; font-weight: normal; font-family: Georgia, 'Times New Roman', Times, serif; color: rgb(43, 39, 32); font-size: 21px; border-bottom-width: 1px; border-bottom-style: solid;"><span>Notas</span></h3>
+   <p style="margin-top: 0px; margin-right: 0px; margin-bottom: 1.7em; margin-left: 0px; padding-top: 0px; padding-right: 0px; padding-bottom: 0px; padding-left: 0px;">O valor padrão para essa propriedade no Mozilla Firefox é branco (<code style="color: inherit; font-weight: inherit;">#ffffff </code>em hexadecimal).</p>
+   <p style="margin-top: 0px; margin-right: 0px; margin-bottom: 1.7em; margin-left: 0px; padding-top: 0px; padding-right: 0px; padding-bottom: 0px; padding-left: 0px;"><code style="color: inherit; font-weight: inherit;">document.bgColor </code>é substituído no <a class="external" href="http://www.w3.org/TR/DOM-Level-2-HTML/html.html#ID-26809268" rel="external nofollow" title="http://www.w3.org/TR/DOM-Level-2-HTML/html.html#ID-26809268">DOM Nível 2 HTML </a>. A alternativa recomendada é o uso do estilo CSS <code><a href="/pt/CSS/background-color" title="https://developer.mozilla.org/pt/CSS/background-color">background-color</a></code> que pode ser acessada através do DOM com <code>document.body.style.backgroundColor</code>. Outra alternativa é document.body.bgColor, embora este também seja obsoleto em HTML 4.01 em favor da alternativa de CSS.</p>
+   <p style="margin-top: 0px; margin-right: 0px; margin-bottom: 1.7em; margin-left: 0px; padding-top: 0px; padding-right: 0px; padding-bottom: 0px; padding-left: 0px;"> </p>
+  </div>
+  <div id="section_6">
+   <h3 class="editable" id="Especificação" style="margin-top: 0px; margin-right: 0px; margin-bottom: 0.5em; margin-left: 0px; padding-top: 0px; padding-right: 0px; padding-bottom: 0px; padding-left: 0px; font-weight: normal; font-family: Georgia, 'Times New Roman', Times, serif; color: rgb(43, 39, 32); font-size: 21px; border-bottom-width: 1px; border-bottom-style: solid;"><span>Especificação</span></h3>
+   <p style="margin-top: 0px; margin-right: 0px; margin-bottom: 1.7em; margin-left: 0px; padding-top: 0px; padding-right: 0px; padding-bottom: 0px; padding-left: 0px;"><span class="lang lang-en">DOM Nível 0. Não faz parte do padrão .</span></p>
+   <p style="margin-top: 0px; margin-right: 0px; margin-bottom: 1.7em; margin-left: 0px; padding-top: 0px; padding-right: 0px; padding-bottom: 0px; padding-left: 0px;"><span class="lang lang-en"><a class="external" href="http://msdn.microsoft.com/en-us/library/ms533506(VS.85).aspx" rel="external nofollow" title="http://msdn.microsoft.com/en-us/library/ms533506(VS.85).aspx">MSDN: Propriedade bgColor</a></span></p>
+  </div>
+ </div>
+</div>
+<div class="collapsed" id="languages" style="margin-top: 0px; margin-right: 0px; margin-bottom: 0px; margin-left: 0px; position: absolute; top: 0px; right: 15px;">
+ <h5 id="Idiomas">Idiomas</h5>
+</div>
+<p> </p>
diff --git a/files/pt-pt/web/api/document/cookie/index.html b/files/pt-pt/web/api/document/cookie/index.html
new file mode 100644
index 0000000000..97525e2e5a
--- /dev/null
+++ b/files/pt-pt/web/api/document/cookie/index.html
@@ -0,0 +1,86 @@
+---
+title: document.cookie
+slug: Web/API/Document/cookie
+translation_of: Web/API/Document/cookie
+original_slug: DOM/document.cookie
+---
+<div id="page-top">
+<div class="pageText" id="pageText">
+<p>« <a href="/pt-PT/Gecko_DOM_Reference">Referência do DOM Gecko</a></p>
+
+<div id="section_1">
+<h3 id="Sumário">Sumário</h3>
+
+<p>Obter e definir os cookies associados com o documento atual.</p>
+</div>
+
+<div id="section_2">
+<h3 id="Sintaxe">Sintaxe</h3>
+
+<pre class="eval"><em>allCookies </em>= <em>document.</em>cookie;</pre>
+
+<ul>
+ <li><code>allCookies </code>é uma string contendo uma lista separada por vírgula de "cookies" (isto é, <code><em>chave </em>= <em>valor </em></code>pares).</li>
+</ul>
+
+<pre class="eval"><em>updatedCookie = document.cookie;</em></pre>
+
+<ul>
+ <li>
+  <div><code>updatedCookie é uma string de forma </code><code><em>chave </em>= <em>valor</em></code>. Observe que você só pode definir / atualizar um cookie de cada vez usando esse método.</div>
+ </li>
+</ul>
+
+<ul>
+ <li>Qualquer um dos seguintes valores de atributo cookie pode, opcionalmente, seguir o valor-chave par, especificando o cookie para definir / atualizar, e precedido por um ponto e vírgula :
+  <ul>
+   <li><code>;path = caminho<em> </em></code>(Por exemplo, '/' , '/meuDiretorio' ). Se não for especificado, o padrão é o caminho atual do local do documento atual.</li>
+   <li><code>;domain = <em>domínio </em></code>(por ex, 'exemplo1.com ', '.exemplo1.com', (inclui todos os subdomínios ), 'subdominio.exemplo1.com'). Se não for especificado, o padrão é a parte do host local do documento atual.</li>
+   <li><code>;max-age = maxima-idade-<em>em-segundos</em></code> (Por exemplo, 60 * 60 * 24 * 365 para um ano)</li>
+   <li><code>;expires = <em>data-em-formato-GMTString </em>(</code>Poderia usar <a href="/pt-PT/Core_JavaScript_1.5_Reference/Global_Objects/Date/toGMTString">Date.toGMTString</a>, agora obsoleto). Se não for especificado ele expira no final da sessão.</li>
+   <li><code>;secure</code> (cookie só podem ser transmitidos através do protocolo seguro como https)</li>
+  </ul>
+ </li>
+</ul>
+
+<ul>
+ <li>A cadeia de valor do cookie pode usar <a href="/pt-PT/Core_JavaScript_1.5_Reference/Global_Functions/encodeURIComponent">encodeURIComponent()</a> para garantir que a cadeia não contenha nenhuma vírgula, ponto-e-vírgula, ou espaços em branco (que não são permitidos nos valores de cookie).</li>
+</ul>
+</div>
+
+<div id="section_3">
+<h3 id="Exemplo">Exemplo</h3>
+
+<div class="dp-highlighter">
+<ol class="dp-c" start="1">
+ <li class="alt">document.cookie = "nome = Italo";</li>
+ <li>document.cookie = "comida_favorita = lasanha";</li>
+ <li class="alt">alert(document.cookie);</li>
+ <li>// Mostra: nome = Italo; comida_favorita = lasanha</li>
+</ol>
+</div>
+</div>
+
+<div id="section_4">
+<h3 id="Segurança">Segurança</h3>
+
+<p>É importante notar que o path<code> </code><strong>não</strong> protege contra a leitura não autorizada do cookie de um caminho diferente<strong>. </strong>Ele pode ser facilmente contornado com DOM simples (por exemplo, a criação de um elemento iframe oculto com o caminho do cookie, e depois aceder a este iframe <code>contentDocument.cookie</code>propriedade). Ele pode ser facilmente (por exemplo, a criação de um elemento o caminho do cookie, e depois aceder a este A única maneira de proteger o acesso "cookie" é usando um domínio ou subdomínio diferente , devido à política de mesma origem.</p>
+</div>
+
+<div id="section_5">
+<h3 id="Notas">Notas</h3>
+
+<div class="editIcon"><a href="/pt-PT/DOM/document.cookie#"><img alt="Edit section" class="sectionedit" src="/skins/common/icons/icon-trans.gif"></a></div>
+
+<p>Começando com o Firefox 2, a melhor mecanismo para o lado de armazenamento do cliente está disponível - <a href="/pt-PT/DOM/Storage">WHATWG DOM Storage com o Firefox 2, a para o lado de armazenamento do cliente está disponível</a>.</p>
+</div>
+
+<div id="section_6">
+<h3 id="Especificação">Especificação</h3>
+
+<p><a href="http://www.w3.org/TR/DOM-Level-2-HTML/html.html#ID-8747038">DOM Level 2: HTMLDocument.cookie</a></p>
+</div>
+</div>
+</div>
+
+<p> </p>
diff --git a/files/pt-pt/web/api/document.dir/index.html b/files/pt-pt/web/api/document/dir/index.html
index 9d82a6b4ab..a4001b4322 100644
--- a/files/pt-pt/web/api/document.dir/index.html
+++ b/files/pt-pt/web/api/document/dir/index.html
@@ -1,6 +1,6 @@
 ---
 title: Document.dir
-slug: Web/API/Document.dir
+slug: Web/API/Document/dir
 tags:
   - API
   - DOM
@@ -9,6 +9,7 @@ tags:
   - ltr
   - rtl
 translation_of: Web/API/Document/dir
+original_slug: Web/API/Document.dir
 ---
 <p>{{Apiref("Document")}}{{non-standard_header}}</p>
 <p>A propriedade <code><strong>Document.dir</strong></code> é uma {{domxref("DOMString")}} que representa a direccionalidade do texto do documento, quer seja da esquerda para a direita (por omissão) ou da direita para a esquerda. Os valores possíveis são <code>'rtl'</code>, da direita para a esquerda e <code>'ltr'</code>, da esquerda para a direita.</p>
diff --git a/files/pt-pt/web/api/document/getelementsbyclassname/index.html b/files/pt-pt/web/api/document/getelementsbyclassname/index.html
new file mode 100644
index 0000000000..e8d555d591
--- /dev/null
+++ b/files/pt-pt/web/api/document/getelementsbyclassname/index.html
@@ -0,0 +1,70 @@
+---
+title: document.getElementsByClassName
+slug: Web/API/Document/getElementsByClassName
+tags:
+  - Referência_do_DOM_Gecko
+translation_of: Web/API/Document/getElementsByClassName
+original_slug: DOM/document.getElementsByClassName
+---
+<p>{{ Fx_minversion_header(3) }} {{ ApiRef() }}</p>
+
+<h3 id="Resumo" name="Resumo">Resumo</h3>
+
+<p>Retorna um conjunto de elementos com o nome de classe fornecido. Quando chamado no objeto document, todo o documento é pesquisado incluindo o nó raiz. Você pode chamar também getElementsByClassName em qualquer elemento; isso retornará apenas elementos sob o elemento raiz especificado com o nome de classe fornecido.</p>
+
+<h3 id="Sintaxe" name="Sintaxe">Sintaxe</h3>
+
+<pre class="eval"><em>elementos</em> = document.getElementsByClassName(<em>nome</em>) // ou:<em>elementos</em> = elementoRaiz.getElementsByClassName(<em>nome</em>)
+</pre>
+
+<ul>
+ <li><code>elementos</code> é um <code>NodeList</code> vivo de elementos encontrados na ordem que aparecem na árvore.</li>
+ <li><code>nome</code> é uma<em>string</em> representando um nome de classe dos elementos.</li>
+ <li><code>getElementsByClassName</code> pode ser chamado em qualquer elemento, não apenas no <code>document</code>. O elemento em que é chamado será usado como a raiz da pesquisa.</li>
+</ul>
+
+<h3 id="Exemplos" name="Exemplos">Exemplos</h3>
+
+<p>Devolve todos os elementos que têm a classe 'teste':</p>
+
+<pre class="eval"> document.getElementsByClassName('teste')
+</pre>
+
+<p>Devolve todos os elementos que têm as classes 'vermelho' e 'teste':</p>
+
+<pre class="eval"> document.getElementsByClassName('vermelho teste')
+</pre>
+
+<p>Devolve todos os elementos que têm a classe 'teste', dentro de um elemento que tem o ID 'principal':</p>
+
+<pre class="eval"> document.getElementById('principal').getElementsByClassName('teste')
+</pre>
+
+<p>E se formos adiante e adicionarmos extras do Array do <a href="pt/New_in_JavaScript_1.6">JavaScript 1.6</a>, podemos fazer algumas combinações realmente boas.</p>
+
+<p>Encontre todos os elementos div que têm a classe 'teste'</p>
+
+<pre class="eval"> Array.filter( document.getElementsByClassName('teste'), function(elem){
+   return elem.nodeName == 'DIV';
+ });
+</pre>
+
+<p>Encontre todos os elementos que têm a classe 'teste' (como faz seu elemento pai)</p>
+
+<pre class="eval"> var teste = document.getElementsByClassName('teste');
+ Array.filter( teste, function(elem){
+   return Array.indexOf( teste, elem.parentNode ) &gt; -1;
+ });
+</pre>
+
+<p><span class="comment">XXX escreva-me == Notas == Um método similar existe em &lt;code&gt;Element&lt;/code&gt;</span></p>
+
+<h3 id="Especifica.C3.A7.C3.A3o" name="Especifica.C3.A7.C3.A3o">Especificação</h3>
+
+<p><a class="external" href="http://whatwg.org/specs/web-apps/current-work/#getelementsbyclassname">WHATWG Web Applications 1.0: getElementsByClassName</a></p>
+
+<p><span class="comment">Categorias</span></p>
+
+<p><span class="comment">Interwiki Language Links</span></p>
+
+<p>{{ languages( { "en": "en/DOM/document.getElementsByClassName", "fr": "fr/DOM/document.getElementsByClassName" } ) }}</p>
diff --git a/files/pt-pt/web/api/document_object_model/index.html b/files/pt-pt/web/api/document_object_model/index.html
new file mode 100644
index 0000000000..87bcf85174
--- /dev/null
+++ b/files/pt-pt/web/api/document_object_model/index.html
@@ -0,0 +1,502 @@
+---
+title: Modelo de Objeto de Documento (DOM)
+slug: Web/API/Document_Object_Model
+tags:
+  - API
+  - DOM
+  - DOM Reference
+  - NeedsTranslation
+  - Referencia
+  - TopicStub
+translation_of: Web/API/Document_Object_Model
+original_slug: DOM/DOM_Reference
+---
+<div>{{DefaultAPISidebar("DOM")}}</div>
+
+<p>O <strong>Modelo de Objeto de Documento (<em>DOM</em>)</strong> interliga as páginas da <em>Web</em> para <em>scripts</em> ou linguagens de programação. Normalmente, isso significa que JavaScript, mas a modelagem de documentos HTML, SVG ou XML como objetos não é parte da linguagem de JavaScript. O modelo DOM representa um documento com uma árvore lógica. Cada ramo da árvore termina em um nodo, e cada nodo contém objetos. Os métodos DOM permitem o acesso programático à árvore; com eles, pode alterar a estrutura, o estilo ou o conteúdo do documento. Os nodos podem ter manipuladores de eventos anexados aos mesmos. Quando é acionado um evento, os manipuladores de eventos são executados .</p>
+
+<p>Está disponível uma <a href="/pt-PT/docs/Gecko_DOM_Reference/Introduction">introdução </a>ao DOM.</p>
+
+<h2 id="Interfaces_DOM">Interfaces DOM</h2>
+
+<div class="index">
+<ul>
+ <li>{{domxref("Attr")}}</li>
+ <li>{{domxref("CharacterData")}}</li>
+ <li>{{domxref("ChildNode")}} {{experimental_inline}}</li>
+ <li>{{domxref("Comment")}}</li>
+ <li>{{domxref("CustomEvent")}}</li>
+ <li>{{domxref("Document")}}</li>
+ <li>{{domxref("DocumentFragment")}}</li>
+ <li>{{domxref("DocumentType")}}</li>
+ <li>{{domxref("DOMError")}}</li>
+ <li>{{domxref("DOMException")}}</li>
+ <li>{{domxref("DOMImplementation")}}</li>
+ <li>{{domxref("DOMString")}}</li>
+ <li>{{domxref("DOMTimeStamp")}}</li>
+ <li>{{domxref("DOMSettableTokenList")}}</li>
+ <li>{{domxref("DOMStringList")}}</li>
+ <li>{{domxref("DOMTokenList")}}</li>
+ <li>{{domxref("Element")}}</li>
+ <li>{{domxref("Event")}}</li>
+ <li>{{domxref("EventTarget")}}</li>
+ <li>{{domxref("HTMLCollection")}}</li>
+ <li>{{domxref("MutationObserver")}}</li>
+ <li>{{domxref("MutationRecord")}}</li>
+ <li>{{domxref("Node")}}</li>
+ <li>{{domxref("NodeFilter")}}</li>
+ <li>{{domxref("NodeIterator")}}</li>
+ <li>{{domxref("NodeList")}}</li>
+ <li>{{domxref("ParentNode")}} {{experimental_inline}}</li>
+ <li>{{domxref("ProcessingInstruction")}}</li>
+ <li>{{domxref("Range")}}</li>
+ <li>{{domxref("Text")}}</li>
+ <li>{{domxref("TreeWalker")}}</li>
+ <li>{{domxref("URL")}}</li>
+ <li>{{domxref("Window")}}</li>
+ <li>{{domxref("Worker")}}</li>
+ <li>{{domxref("XMLDocument")}} {{experimental_inline}}</li>
+</ul>
+</div>
+
+<h2 id="Interfaces_DOM_obsoletas_obsolete_inline">Interfaces DOM obsoletas {{obsolete_inline}}</h2>
+
+<p>The Document Object Model has been highly simplified. To achieve this, the following interfaces present in the different DOM level 3 or earlier specification have been removed. It is still not very clear whether some may be reintroduced or not, but for the time being they have to be considered as obsolete and should be avoided:</p>
+
+<div class="index">
+<ul>
+ <li>{{domxref("CDATASection")}}</li>
+ <li>{{domxref("DOMConfiguration")}}</li>
+ <li>{{domxref("DOMErrorHandler")}}</li>
+ <li>{{domxref("DOMImplementationList")}}</li>
+ <li>{{domxref("DOMImplementationRegistry")}}</li>
+ <li>{{domxref("DOMImplementationSource")}}</li>
+ <li>{{domxref("DOMLocator")}}</li>
+ <li>{{domxref("DOMObject")}}</li>
+ <li>{{domxref("DOMUserData")}}</li>
+ <li>{{domxref("Entity")}}</li>
+ <li>{{domxref("EntityReference")}}</li>
+ <li>{{domxref("NamedNodeMap")}}</li>
+ <li>{{domxref("NameList")}}</li>
+ <li>{{domxref("Notation")}}</li>
+ <li>{{domxref("TypeInfo")}}</li>
+ <li>{{domxref("UserDataHandler")}}</li>
+</ul>
+</div>
+
+<h2 id="Interfaces_HTML">Interfaces HTML</h2>
+
+<p>A document containing HTML is described using the {{domxref("HTMLDocument")}} interface. Note that the HTML specification also extends the {{domxref("Document")}} interface.</p>
+
+<p>An <code>HTMLDocument</code> object also gives access to various features of browsers like the ta or the window, in which a page is drawn using the {{domxref("Window")}} interface, the {{domxref("window.style", "Style")}} associated to it (usually CSS), the history of the browser relative to the context, {{domxref("window.history", "History")}}. Eventually, {{domxref("Selection")}} is done on the document.</p>
+
+<h3 id="Interfaces_de_elemento_HTML">Interfaces de elemento HTML</h3>
+
+<div class="index">
+<ul>
+ <li>{{domxref("HTMLAnchorElement")}}</li>
+ <li>{{domxref("HTMLAppletElement")}}</li>
+ <li>{{domxref("HTMLAreaElement")}}</li>
+ <li>{{domxref("HTMLAudioElement")}}</li>
+ <li>{{domxref("HTMLBaseElement")}}</li>
+ <li>{{domxref("HTMLBodyElement")}}</li>
+ <li>{{domxref("HTMLBRElement")}}</li>
+ <li>{{domxref("HTMLButtonElement")}}</li>
+ <li>{{domxref("HTMLCanvasElement")}}</li>
+ <li>{{domxref("HTMLDataElement")}}</li>
+ <li>{{domxref("HTMLDataListElement")}}</li>
+ <li>{{domxref("HTMLDialogElement")}}</li>
+ <li>{{domxref("HTMLDirectoryElement")}}</li>
+ <li>{{domxref("HTMLDivElement")}}</li>
+ <li>{{domxref("HTMLDListElement")}}</li>
+ <li>{{domxref("HTMLElement")}}</li>
+ <li>{{domxref("HTMLEmbedElement")}}</li>
+ <li>{{domxref("HTMLFieldSetElement")}}</li>
+ <li>{{domxref("HTMLFontElement")}}</li>
+ <li>{{domxref("HTMLFormElement")}}</li>
+ <li>{{domxref("HTMLFrameElement")}}</li>
+ <li>{{domxref("HTMLFrameSetElement")}}</li>
+ <li>{{domxref("HTMLHeadElement")}}</li>
+ <li>{{domxref("HTMLHeadingElement")}}</li>
+ <li>{{domxref("HTMLHtmlElement")}}</li>
+ <li>{{domxref("HTMLHRElement")}}</li>
+ <li>{{domxref("HTMLIFrameElement")}}</li>
+ <li>{{domxref("HTMLImageElement")}}</li>
+ <li>{{domxref("HTMLInputElement")}}</li>
+ <li>{{domxref("HTMLKeygenElement")}}</li>
+ <li>{{domxref("HTMLLabelElement")}}</li>
+ <li>{{domxref("HTMLLegendElement")}}</li>
+ <li>{{domxref("HTMLLIElement")}}</li>
+ <li>{{domxref("HTMLLinkElement")}}</li>
+ <li>{{domxref("HTMLMapElement")}}</li>
+ <li>{{domxref("HTMLMediaElement")}}</li>
+ <li>{{domxref("HTMLMenuElement")}}</li>
+ <li>{{domxref("HTMLMetaElement")}}</li>
+ <li>{{domxref("HTMLMeterElement")}}</li>
+ <li>{{domxref("HTMLModElement")}}</li>
+ <li>{{domxref("HTMLObjectElement")}}</li>
+ <li>{{domxref("HTMLOListElement")}}</li>
+ <li>{{domxref("HTMLOptGroupElement")}}</li>
+ <li>{{domxref("HTMLOptionElement")}}</li>
+ <li>{{domxref("HTMLOutputElement")}}</li>
+ <li>{{domxref("HTMLParagraphElement")}}</li>
+ <li>{{domxref("HTMLParamElement")}}</li>
+ <li>{{domxref("HTMLPreElement")}}</li>
+ <li>{{domxref("HTMLProgressElement")}}</li>
+ <li>{{domxref("HTMLQuoteElement")}}</li>
+ <li>{{domxref("HTMLScriptElement")}}</li>
+ <li>{{domxref("HTMLSelectElement")}}</li>
+ <li>{{domxref("HTMLSourceElement")}}</li>
+ <li>{{domxref("HTMLSpanElement")}}</li>
+ <li>{{domxref("HTMLStyleElement")}}</li>
+ <li>{{domxref("HTMLTableElement")}}</li>
+ <li>{{domxref("HTMLTableCaptionElement")}}</li>
+ <li>{{domxref("HTMLTableCellElement")}}</li>
+ <li>{{domxref("HTMLTableDataCellElement")}}</li>
+ <li>{{domxref("HTMLTableHeaderCellElement")}}</li>
+ <li>{{domxref("HTMLTableColElement")}}</li>
+ <li>{{domxref("HTMLTableRowElement")}}</li>
+ <li>{{domxref("HTMLTableSectionElement")}}</li>
+ <li>{{domxref("HTMLTextAreaElement")}}</li>
+ <li>{{domxref("HTMLTimeElement")}}</li>
+ <li>{{domxref("HTMLTitleElement")}}</li>
+ <li>{{domxref("HTMLTrackElement")}}</li>
+ <li>{{domxref("HTMLUListElement")}}</li>
+ <li>{{domxref("HTMLUnknownElement")}}</li>
+ <li>{{domxref("HTMLVideoElement")}}</li>
+</ul>
+</div>
+
+<h3 id="Outras_interfaces">Outras interfaces</h3>
+
+<div class="index">
+<ul>
+ <li>{{domxref("CanvasRenderingContext2D")}}</li>
+ <li>{{domxref("CanvasGradient")}}</li>
+ <li>{{domxref("CanvasPattern")}}</li>
+ <li>{{domxref("TextMetrics")}}</li>
+ <li>{{domxref("ImageData")}}</li>
+ <li>{{domxref("CanvasPixelArray")}}</li>
+ <li>{{domxref("NotifyAudioAvailableEvent")}}</li>
+ <li>{{domxref("HTMLAllCollection")}}</li>
+ <li>{{domxref("HTMLFormControlsCollection")}}</li>
+ <li>{{domxref("HTMLOptionsCollection")}}</li>
+ <li>{{domxref("HTMLPropertiesCollection")}}</li>
+ <li>{{domxref("DOMStringMap")}}</li>
+ <li>{{domxref("RadioNodeList")}}</li>
+ <li>{{domxref("MediaError")}}</li>
+</ul>
+</div>
+
+<h3 id="Interfaces_HTML_obsoletas_obsolete_inline">Interfaces HTML obsoletas {{obsolete_inline}}</h3>
+
+<div class="index">
+<ul>
+ <li>{{domxref("HTMLBaseFontElement")}}</li>
+ <li>{{domxref("HTMLIsIndexElement")}}</li>
+</ul>
+</div>
+
+<h2 id="SGV_-_Interfaces">SGV - Interfaces</h2>
+
+<h3 id="Interfaces_de_elemento_SVG">Interfaces de elemento SVG</h3>
+
+<div class="index">
+<ul>
+ <li>{{domxref("SVGAElement")}}</li>
+ <li>{{domxref("SVGAltGlyphElement")}} {{deprecated_inline}}</li>
+ <li>{{domxref("SVGAltGlyphDefElement")}} {{deprecated_inline}}</li>
+ <li>{{domxref("SVGAltGlyphItemElement")}} {{deprecated_inline}}</li>
+ <li>{{domxref("SVGAnimationElement")}}</li>
+ <li>{{domxref("SVGAnimateElement")}}</li>
+ <li>{{domxref("SVGAnimateColorElement")}} {{deprecated_inline}}</li>
+ <li>{{domxref("SVGAnimateMotionElement")}}</li>
+ <li>{{domxref("SVGAnimateTransformElement")}}</li>
+ <li>{{domxref("SVGCircleElement")}}</li>
+ <li>{{domxref("SVGClipPathElement")}}</li>
+ <li>{{domxref("SVGColorProfileElement")}} {{deprecated_inline}}</li>
+ <li>{{domxref("SVGComponentTransferFunctionElement")}}</li>
+ <li>{{domxref("SVGCursorElement")}}</li>
+ <li>{{domxref("SVGDefsElement")}}</li>
+ <li>{{domxref("SVGDescElement")}}</li>
+ <li>{{domxref("SVGElement")}}</li>
+ <li>{{domxref("SVGEllipseElement")}}</li>
+ <li>{{domxref("SVGFEBlendElement")}}</li>
+ <li>{{domxref("SVGFEColorMatrixElement")}}</li>
+ <li>{{domxref("SVGFEComponentTransferElement")}}</li>
+ <li>{{domxref("SVGFECompositeElement")}}</li>
+ <li>{{domxref("SVGFEConvolveMatrixElement")}}</li>
+ <li>{{domxref("SVGFEDiffuseLightingElement")}}</li>
+ <li>{{domxref("SVGFEDisplacementMapElement")}}</li>
+ <li>{{domxref("SVGFEDistantLightElement")}}</li>
+ <li>{{domxref("SVGFEDropShadowElement")}}</li>
+ <li>{{domxref("SVGFEFloodElement")}}</li>
+ <li>{{domxref("SVGFEFuncAElement")}}</li>
+ <li>{{domxref("SVGFEFuncBElement")}}</li>
+ <li>{{domxref("SVGFEFuncGElement")}}</li>
+ <li>{{domxref("SVGFEFuncRElement")}}</li>
+ <li>{{domxref("SVGFEGaussianBlurElement")}}</li>
+ <li>{{domxref("SVGFEImageElement")}}</li>
+ <li>{{domxref("SVGFEMergeElement")}}</li>
+ <li>{{domxref("SVGFEMergeNodeElement")}}</li>
+ <li>{{domxref("SVGFEMorphologyElement")}}</li>
+ <li>{{domxref("SVGFEOffsetElement")}}</li>
+ <li>{{domxref("SVGFEPointLightElement")}}</li>
+ <li>{{domxref("SVGFESpecularLightingElement")}}</li>
+ <li>{{domxref("SVGFESpotLightElement")}}</li>
+ <li>{{domxref("SVGFETileElement")}}</li>
+ <li>{{domxref("SVGFETurbulenceElement")}}</li>
+ <li>{{domxref("SVGFilterElement")}}</li>
+ <li>{{domxref("SVGFilterPrimitiveStandardAttributes")}}</li>
+ <li>{{domxref("SVGFontElement")}} {{deprecated_inline}}</li>
+ <li>{{domxref("SVGFontFaceElement")}} {{deprecated_inline}}</li>
+ <li>{{domxref("SVGFontFaceFormatElement")}} {{deprecated_inline}}</li>
+ <li>{{domxref("SVGFontFaceNameElement")}} {{deprecated_inline}}</li>
+ <li>{{domxref("SVGFontFaceSrcElement")}} {{deprecated_inline}}</li>
+ <li>{{domxref("SVGFontFaceUriElement")}} {{deprecated_inline}}</li>
+ <li>{{domxref("SVGForeignObjectElement")}}</li>
+ <li>{{domxref("SVGGElement")}}</li>
+ <li>{{domxref("SVGGeometryElement")}}</li>
+ <li>{{domxref("SVGGlyphElement")}} {{deprecated_inline}}</li>
+ <li>{{domxref("SVGGlyphRefElement")}} {{deprecated_inline}}</li>
+ <li>{{domxref("SVGGradientElement")}}</li>
+ <li>{{domxref("SVGGraphicsElement")}}</li>
+ <li>{{domxref("SVGHatchElement")}} {{experimental_inline}}</li>
+ <li>{{domxref("SVGHatchpathElement")}} {{experimental_inline}}</li>
+ <li>{{domxref("SVGHKernElement")}} {{deprecated_inline}}</li>
+ <li>{{domxref("SVGImageElement")}}</li>
+ <li>{{domxref("SVGLinearGradientElement")}}</li>
+ <li>{{domxref("SVGLineElement")}}</li>
+ <li>{{domxref("SVGMarkerElement")}} {{experimental_inline}}</li>
+ <li>{{domxref("SVGMaskElement")}}</li>
+ <li>{{domxref("SVGMeshElement")}} {{experimental_inline}}</li>
+ <li>{{domxref("SVGMeshGradientElement")}} {{experimental_inline}}</li>
+ <li>{{domxref("SVGMeshpatchElement")}} {{experimental_inline}}</li>
+ <li>{{domxref("SVGMeshrowElement")}} {{experimental_inline}}</li>
+ <li>{{domxref("SVGMetadataElement")}}</li>
+ <li>{{domxref("SVGMissingGlyphElement")}} {{deprecated_inline}}</li>
+ <li>{{domxref("SVGMPathElement")}}</li>
+ <li>{{domxref("SVGPathElement")}}</li>
+ <li>{{domxref("SVGPatternElement")}}</li>
+ <li>{{domxref("SVGPolylineElement")}}</li>
+ <li>{{domxref("SVGPolygonElement")}}</li>
+ <li>{{domxref("SVGRadialGradientElement")}}</li>
+ <li>{{domxref("SVGRectElement")}}</li>
+ <li>{{domxref("SVGScriptElement")}}</li>
+ <li>{{domxref("SVGSetElement")}}</li>
+ <li>{{domxref("SVGSolidcolorElement")}} {{experimental_inline}}</li>
+ <li>{{domxref("SVGStopElement")}}</li>
+ <li>{{domxref("SVGStyleElement")}}</li>
+ <li>{{domxref("SVGSVGElement")}}</li>
+ <li>{{domxref("SVGSwitchElement")}}</li>
+ <li>{{domxref("SVGSymbolElement")}}</li>
+ <li>{{domxref("SVGTextContentElement")}}</li>
+ <li>{{domxref("SVGTextElement")}}</li>
+ <li>{{domxref("SVGTextPathElement")}}</li>
+ <li>{{domxref("SVGTextPositioningElement")}}</li>
+ <li>{{domxref("SVGTitleElement")}}</li>
+ <li>{{domxref("SVGTRefElement")}} {{deprecated_inline}}</li>
+ <li>{{domxref("SVGTSpanElement")}}</li>
+ <li>{{domxref("SVGUseElement")}}</li>
+ <li>{{domxref("SVGUnknownElement")}} {{experimental_inline}}</li>
+ <li>{{domxref("SVGViewElement")}}</li>
+ <li>{{domxref("SVGVKernElement")}} {{deprecated_inline}}</li>
+</ul>
+</div>
+
+<h3 id="Interfaces_de_tipo_de_dados_SVG">Interfaces de tipo de dados SVG</h3>
+
+<p>Here are the DOM API for data types used in the definitions of SVG properties and attributes.</p>
+
+<div class="note">
+<p><strong>Nota:</strong> Starting in {{Gecko("5.0")}}, the following SVG-related DOM interfaces representing lists of objects are now indexable and can be accessed ; in addition, they have a length property indicating the number of items in the lists: {{domxref("SVGLengthList")}}, {{domxref("SVGNumberList")}}, {{domxref("SVGPathSegList")}}, and {{domxref("SVGPointList")}}.</p>
+</div>
+
+<h4 id="Tipo_estático">Tipo estático</h4>
+
+<div class="index">
+<ul>
+ <li>{{domxref("SVGAngle")}}</li>
+ <li>{{domxref("SVGColor")}} {{deprecated_inline}}</li>
+ <li>{{domxref("SVGICCColor")}} {{deprecated_inline}}</li>
+ <li>{{domxref("SVGElementInstance")}}</li>
+ <li>{{domxref("SVGElementInstanceList")}}</li>
+ <li>{{domxref("SVGLength")}}</li>
+ <li>{{domxref("SVGLengthList")}}</li>
+ <li>{{domxref("SVGMatrix")}} {{deprecated_inline}}</li>
+ <li>{{domxref("SVGNameList")}}</li>
+ <li>{{domxref("SVGNumber")}}</li>
+ <li>{{domxref("SVGNumberList")}}</li>
+ <li>{{domxref("SVGPaint")}}</li>
+ <li>{{domxref("SVGPathSeg")}} {{deprecated_inline}}</li>
+ <li>{{domxref("SVGPathSegClosePath")}} {{deprecated_inline}}</li>
+ <li>{{domxref("SVGPathSegMovetoAbs")}} {{deprecated_inline}}</li>
+ <li>{{domxref("SVGPathSegMovetoRel")}} {{deprecated_inline}}</li>
+ <li>{{domxref("SVGPathSegLinetoAbs")}} {{deprecated_inline}}</li>
+ <li>{{domxref("SVGPathSegLinetoRel")}} {{deprecated_inline}}</li>
+ <li>{{domxref("SVGPathSegCurvetoCubicAbs")}} {{deprecated_inline}}</li>
+ <li>{{domxref("SVGPathSegCurvetoCubicRel")}} {{deprecated_inline}}</li>
+ <li>{{domxref("SVGPathSegCurvetoQuadraticAbs")}} {{deprecated_inline}}</li>
+ <li>{{domxref("SVGPathSegCurvetoQuadraticRel")}} {{deprecated_inline}}</li>
+ <li>{{domxref("SVGPathSegArcAbs")}} {{deprecated_inline}}</li>
+ <li>{{domxref("SVGPathSegArcRel")}} {{deprecated_inline}}</li>
+ <li>{{domxref("SVGPathSegLinetoHorizontalAbs")}} {{deprecated_inline}}</li>
+ <li>{{domxref("SVGPathSegLinetoHorizontalRel")}} {{deprecated_inline}}</li>
+ <li>{{domxref("SVGPathSegLinetoVerticalAbs")}} {{deprecated_inline}}</li>
+ <li>{{domxref("SVGPathSegLinetoVerticalRel")}} {{deprecated_inline}}</li>
+ <li>{{domxref("SVGPathSegCurvetoCubicSmoothAbs")}} {{deprecated_inline}}</li>
+ <li>{{domxref("SVGPathSegCurvetoCubicSmoothRel")}} {{deprecated_inline}}</li>
+ <li>{{domxref("SVGPathSegCurvetoQuadraticSmoothAbs")}} {{deprecated_inline}}</li>
+ <li>{{domxref("SVGPathSegCurvetoQuadraticSmoothRel")}} {{deprecated_inline}}</li>
+ <li>{{domxref("SVGPathSegList")}} {{deprecated_inline}}</li>
+ <li>{{domxref("SVGPoint")}} {{deprecated_inline}}</li>
+ <li>{{domxref("SVGPointList")}} {{deprecated_inline}}</li>
+ <li>{{domxref("SVGPreserveAspectRatio")}}</li>
+ <li>{{domxref("SVGRect")}} {{deprecated_inline}}</li>
+ <li>{{domxref("SVGStringList")}}</li>
+ <li>{{domxref("SVGTransform")}}</li>
+ <li>{{domxref("SVGTransformList")}}</li>
+</ul>
+</div>
+
+<h4 id="Tipo_animado">Tipo animado</h4>
+
+<div class="index">
+<ul>
+ <li>{{domxref("SVGAnimatedAngle")}}</li>
+ <li>{{domxref("SVGAnimatedBoolean")}}</li>
+ <li>{{domxref("SVGAnimatedEnumeration")}}</li>
+ <li>{{domxref("SVGAnimatedInteger")}}</li>
+ <li>{{domxref("SVGAnimatedLength")}}</li>
+ <li>{{domxref("SVGAnimatedLengthList")}}</li>
+ <li>{{domxref("SVGAnimatedNumber")}}</li>
+ <li>{{domxref("SVGAnimatedNumberList")}}</li>
+ <li>{{domxref("SVGAnimatedPathData")}} {{deprecated_inline}}</li>
+ <li>{{domxref("SVGAnimatedPoints")}}</li>
+ <li>{{domxref("SVGAnimatedPreserveAspectRatio")}}</li>
+ <li>{{domxref("SVGAnimatedRect")}}</li>
+ <li>{{domxref("SVGAnimatedString")}}</li>
+ <li>{{domxref("SVGAnimatedTransformList")}}</li>
+</ul>
+</div>
+
+<h3 id="Interfaces_relacionadas_com_SMIL">Interfaces relacionadas com SMIL</h3>
+
+<div class="index">
+<ul>
+ <li>{{domxref("ElementTimeControl")}}</li>
+ <li>{{domxref("TimeEvent")}}</li>
+</ul>
+</div>
+
+<h3 id="Outras_interfaces_SVG">Outras interfaces SVG</h3>
+
+<div class="index">
+<ul>
+ <li>{{domxref("GetSVGDocument")}}</li>
+ <li>{{domxref("ShadowAnimation")}}</li>
+ <li>{{domxref("SVGColorProfileRule")}} {{deprecated_inline}}</li>
+ <li>{{domxref("SVGCSSRule")}} {{deprecated_inline}}</li>
+ <li>{{domxref("SVGDocument")}}</li>
+ <li>{{domxref("SVGException")}} {{deprecated_inline}}</li>
+ <li>{{domxref("SVGExternalResourcesRequired")}} {{deprecated_inline}}</li>
+ <li>{{domxref("SVGFitToViewBox")}}</li>
+ <li>{{domxref("SVGLangSpace")}} {{deprecated_inline}}</li>
+ <li>{{domxref("SVGLocatable")}} {{deprecated_inline}}</li>
+ <li>{{domxref("SVGRenderingIntent")}} {{deprecated_inline}}</li>
+ <li>{{domxref("SVGStylable")}} {{deprecated_inline}}</li>
+ <li>{{domxref("SVGTests")}}</li>
+ <li>{{domxref("SVGTransformable")}} {{deprecated_inline}}</li>
+ <li>{{domxref("SVGUnitTypes")}}</li>
+ <li>{{domxref("SVGUseElementShadowRoot")}}</li>
+ <li>{{domxref("SVGURIReference")}}</li>
+ <li>{{domxref("SVGViewSpec")}} {{deprecated_inline}}</li>
+ <li>{{domxref("SVGZoomAndPan")}}</li>
+ <li>{{domxref("SVGZoomEvent")}} {{deprecated_inline}}</li>
+</ul>
+</div>
+
+<h2 id="Consulte_também">Consulte também</h2>
+
+<ul>
+ <li><a href="/pt-PT/docs/DOM/DOM_Reference/Exemplos">Exemplos de DOM</a></li>
+</ul>
+
+<div id="SL_balloon_obj" style="display: block;">
+<div class="SL_ImTranslatorLogo" id="SL_button" style="background: rgba(0, 0, 0, 0)  repeat scroll 0% 0%; opacity: 0; display: block; left: -8px; top: -25px; transition: visibility 2s ease 0s, opacity 2s linear 0s;"> </div>
+
+<div id="SL_shadow_translation_result2" style="display: none;"> </div>
+
+<div id="SL_shadow_translator" style="display: none;">
+<div id="SL_planshet">
+<div id="SL_arrow_up" style="background: rgba(0, 0, 0, 0)  repeat scroll 0% 0%;"> </div>
+
+<div id="SL_Bproviders">
+<div class="SL_BL_LABLE_ON" id="SL_P0" title="Google">G</div>
+
+<div class="SL_BL_LABLE_ON" id="SL_P1" title="Microsoft">M</div>
+
+<div class="SL_BL_LABLE_ON" id="SL_P2" title="Translator">T</div>
+</div>
+
+<div id="SL_alert_bbl" style="display: none;">
+<div id="SLHKclose" style="background: rgba(0, 0, 0, 0)  repeat scroll 0% 0%;"> </div>
+
+<div id="SL_alert_cont"> </div>
+</div>
+
+<div id="SL_TB">
+<table id="SL_tables">
+ <tbody><tr>
+  <td class="SL_td"><input></td>
+  <td class="SL_td"><select><option value="auto">Detectar idioma</option><option value="af">Africâner</option><option value="sq">Albanês</option><option value="de">Alemão</option><option value="ar">Arabe</option><option value="hy">Armênio</option><option value="az">Azerbaijano</option><option value="eu">Basco</option><option value="bn">Bengali</option><option value="be">Bielo-russo</option><option value="my">Birmanês</option><option value="bs">Bósnio</option><option value="bg">Búlgaro</option><option value="ca">Catalão</option><option value="kk">Cazaque</option><option value="ceb">Cebuano</option><option value="ny">Chichewa</option><option value="zh-CN">Chinês (Simp)</option><option value="zh-TW">Chinês (Trad)</option><option value="si">Cingalês</option><option value="ko">Coreano</option><option value="ht">Crioulo haitiano</option><option value="hr">Croata</option><option value="da">Dinamarquês</option><option value="sk">Eslovaco</option><option value="sl">Esloveno</option><option value="es">Espanhol</option><option value="eo">Esperanto</option><option value="et">Estoniano</option><option value="fi">Finlandês</option><option value="fr">Francês</option><option value="gl">Galego</option><option value="cy">Galês</option><option value="ka">Georgiano</option><option value="el">Grego</option><option value="gu">Gujarati</option><option value="ha">Hauça</option><option value="iw">Hebraico</option><option value="hi">Hindi</option><option value="hmn">Hmong</option><option value="nl">Holandês</option><option value="hu">Húngaro</option><option value="ig">Igbo</option><option value="id">Indonésio</option><option value="en">Inglês</option><option value="yo">Ioruba</option><option value="ga">Irlandês</option><option value="is">Islandês</option><option value="it">Italiano</option><option value="ja">Japonês</option><option value="jw">Javanês</option><option value="kn">Kannada</option><option value="km">Khmer</option><option value="lo">Laosiano</option><option value="la">Latim</option><option value="lv">Letão</option><option value="lt">Lituano</option><option value="mk">Macedônico</option><option value="ml">Malaiala</option><option value="ms">Malaio</option><option value="mg">Malgaxe</option><option value="mt">Maltês</option><option value="mi">Maori</option><option value="mr">Marathi</option><option value="mn">Mongol</option><option value="ne">Nepalês</option><option value="no">Norueguês</option><option value="fa">Persa</option><option value="pl">Polonês</option><option value="pt">Português</option><option value="pa">Punjabi</option><option value="ro">Romeno</option><option value="ru">Russo</option><option value="sr">Sérvio</option><option value="st">Sesotho</option><option value="so">Somália</option><option value="sw">Suaíli</option><option value="su">Sudanês</option><option value="sv">Sueco</option><option value="tg">Tadjique</option><option value="tl">Tagalo</option><option value="th">Tailandês</option><option value="ta">Tâmil</option><option value="cs">Tcheco</option><option value="te">Telugo</option><option value="tr">Turco</option><option value="uk">Ucraniano</option><option value="ur">Urdu</option><option value="uz">Uzbeque</option><option value="vi">Vietnamita</option><option value="yi">Yiddish</option><option value="zu">Zulu</option></select></td>
+  <td class="SL_td">
+   <div id="SL_switch_b" style="background: rgba(0, 0, 0, 0)  repeat scroll 0% 0%;" title="Alternar Idiomas"> </div>
+  </td>
+  <td class="SL_td"><select><option value="af">Africâner</option><option value="sq">Albanês</option><option value="de">Alemão</option><option value="ar">Arabe</option><option value="hy">Armênio</option><option value="az">Azerbaijano</option><option value="eu">Basco</option><option value="bn">Bengali</option><option value="be">Bielo-russo</option><option value="my">Birmanês</option><option value="bs">Bósnio</option><option value="bg">Búlgaro</option><option value="ca">Catalão</option><option value="kk">Cazaque</option><option value="ceb">Cebuano</option><option value="ny">Chichewa</option><option value="zh-CN">Chinês (Simp)</option><option value="zh-TW">Chinês (Trad)</option><option value="si">Cingalês</option><option value="ko">Coreano</option><option value="ht">Crioulo haitiano</option><option value="hr">Croata</option><option value="da">Dinamarquês</option><option value="sk">Eslovaco</option><option value="sl">Esloveno</option><option value="es">Espanhol</option><option value="eo">Esperanto</option><option value="et">Estoniano</option><option value="fi">Finlandês</option><option value="fr">Francês</option><option value="gl">Galego</option><option value="cy">Galês</option><option value="ka">Georgiano</option><option value="el">Grego</option><option value="gu">Gujarati</option><option value="ha">Hauça</option><option value="iw">Hebraico</option><option value="hi">Hindi</option><option value="hmn">Hmong</option><option value="nl">Holandês</option><option value="hu">Húngaro</option><option value="ig">Igbo</option><option value="id">Indonésio</option><option selected value="en">Inglês</option><option value="yo">Ioruba</option><option value="ga">Irlandês</option><option value="is">Islandês</option><option value="it">Italiano</option><option value="ja">Japonês</option><option value="jw">Javanês</option><option value="kn">Kannada</option><option value="km">Khmer</option><option value="lo">Laosiano</option><option value="la">Latim</option><option value="lv">Letão</option><option value="lt">Lituano</option><option value="mk">Macedônico</option><option value="ml">Malaiala</option><option value="ms">Malaio</option><option value="mg">Malgaxe</option><option value="mt">Maltês</option><option value="mi">Maori</option><option value="mr">Marathi</option><option value="mn">Mongol</option><option value="ne">Nepalês</option><option value="no">Norueguês</option><option value="fa">Persa</option><option value="pl">Polonês</option><option value="pt">Português</option><option value="pa">Punjabi</option><option value="ro">Romeno</option><option value="ru">Russo</option><option value="sr">Sérvio</option><option value="st">Sesotho</option><option value="so">Somália</option><option value="sw">Suaíli</option><option value="su">Sudanês</option><option value="sv">Sueco</option><option value="tg">Tadjique</option><option value="tl">Tagalo</option><option value="th">Tailandês</option><option value="ta">Tâmil</option><option value="cs">Tcheco</option><option value="te">Telugo</option><option value="tr">Turco</option><option value="uk">Ucraniano</option><option value="ur">Urdu</option><option value="uz">Uzbeque</option><option value="vi">Vietnamita</option><option value="yi">Yiddish</option><option value="zu">Zulu</option></select></td>
+  <td class="SL_td">
+   <div id="SL_TTS_voice" style="background: rgba(0, 0, 0, 0)  repeat scroll 0% 0%;" title="Ouça"> </div>
+  </td>
+  <td class="SL_td">
+   <div class="SL_copy" id="SL_copy" style="background: rgba(0, 0, 0, 0)  repeat scroll 0% 0%;" title="Copiar"> </div>
+  </td>
+  <td class="SL_td">
+   <div id="SL_bbl_font_patch"> </div>
+
+   <div class="SL_bbl_font" id="SL_bbl_font" style="background: rgba(0, 0, 0, 0)  repeat scroll 0% 0%;" title="Tamanho da fonte"> </div>
+  </td>
+  <td class="SL_td">
+   <div id="SL_bbl_help" style="background: rgba(0, 0, 0, 0)  repeat scroll 0% 0%;" title="Ajuda"> </div>
+  </td>
+  <td class="SL_td">
+   <div class="SL_pin_off" id="SL_pin" style="background: rgba(0, 0, 0, 0)  repeat scroll 0% 0%;" title="Fixar a janela de pop-up"> </div>
+  </td>
+ </tr>
+</tbody></table>
+</div>
+</div>
+
+<div id="SL_shadow_translation_result" style=""> </div>
+
+<div class="SL_loading" id="SL_loading" style="background: rgba(0, 0, 0, 0)  repeat scroll 0% 0%;"> </div>
+
+<div id="SL_player2"> </div>
+
+<div id="SL_alert100">A função de fala é limitada a 200 caracteres</div>
+
+<div id="SL_Balloon_options" style="background: rgb(255, 255, 255)  repeat scroll 0% 0%;">
+<div id="SL_arrow_down" style="background: rgba(0, 0, 0, 0)  repeat scroll 0% 0%;"> </div>
+
+<table id="SL_tbl_opt" style="width: 100%;">
+ <tbody><tr>
+  <td><input></td>
+  <td>
+   <div id="SL_BBL_IMG" style="background: rgba(0, 0, 0, 0)  repeat scroll 0% 0%;" title="Mostrar o botão do ImTranslator 3 segundos"> </div>
+  </td>
+  <td><a class="SL_options" title="Mostrar opções">Opções</a> : <a class="SL_options" title="Histórico de tradução">Histórico</a> : <a class="SL_options" title="Comentários">Comentários</a> : <a class="SL_options" href="https://www.paypal.com/cgi-bin/webscr?cmd=_s-xclick&amp;hosted_button_id=GD9D8CPW8HFA2" title="Faça sua contribuição">Donate</a></td>
+  <td><span id="SL_Balloon_Close" title="Encerrar">Encerrar</span></td>
+ </tr>
+</tbody></table>
+</div>
+</div>
+</div>
diff --git a/files/pt-pt/web/api/document_object_model/using_the_w3c_dom_level_1_core/index.html b/files/pt-pt/web/api/document_object_model/using_the_w3c_dom_level_1_core/index.html
new file mode 100644
index 0000000000..1f9949733b
--- /dev/null
+++ b/files/pt-pt/web/api/document_object_model/using_the_w3c_dom_level_1_core/index.html
@@ -0,0 +1,80 @@
+---
+title: Utilizando o Núcleo DOM de Nível 1 do W3C
+slug: Web/API/Document_object_model/Using_the_W3C_DOM_Level_1_Core
+tags:
+  - DOM
+translation_of: Web/API/Document_object_model/Using_the_W3C_DOM_Level_1_Core
+original_slug: Using_the_W3C_DOM_Level_1_Core
+---
+<p>O 'Núcleo DOM de Nível 1 do W3C' é um modelo de objetos poderoso para alterar o conteúdo de uma árvore de documentos. É suportado em todos os navegadores principais, incluindo o Mozilla Firefox e o Microsoft Internet Explorer. É uma base poderosa para scrips na <em>Web</em>.</p>
+
+<h2 id="What_is_a_content_tree.3F" name="What_is_a_content_tree.3F"> O que é uma árvore de conteúdos?</h2>
+
+<p>Muitos autores HTML pensam que o HTML é algo plano -- um punhado de texto com tags no meio. Entretanto, é muito mais do que somente isso. Qualquer documento HTML (ou do mesmo modo em qualquer documento SGML ou XML) é uma estrutura de árvore. Por exemplo, o seguinte documento e estrutura de árvore são similares (embora não sejam idênticos -- veja as notas em <a href="/en/Whitespace_in_the_DOM" title="en/Whitespace_in_the_DOM">espaços em branco no DOM</a>):</p>
+
+<pre class="brush: html">&lt;html&gt;
+&lt;head&gt;
+  &lt;title&gt;My Document&lt;/title&gt;
+&lt;/head&gt;
+&lt;body&gt;
+  &lt;h1&gt;Header&lt;/h1&gt;
+  &lt;p&gt;Paragraph&lt;/p&gt;
+&lt;/body&gt;
+&lt;/html&gt;
+</pre>
+
+<p><img alt="image:Using_the_W3C_DOM_Level_1_Core-doctree.jpg" class="internal" src="/@api/deki/files/415/=Using_the_W3C_DOM_Level_1_Core-doctree.jpg"></p>
+
+<p>Quando o Mozilla interpreta um documento, ele constrói uma árvore de conteúdos e então a utiliza para mostrar o documento.</p>
+
+<p>Os termos utilizados para descrever árvores se aparecem frequentemente no Núcleo DOM Nível 1. Cada uma das caixas desenhadas na árvore acima é um nó na árvore. A linha acima de um nó expressa um relacionamento pai-filho: o nó ao topo é o pai, e o nó abaixo é o filho. Dois filhos do mesmo pai são, portanto, irmãos. Similarmente, pode-se referenciar ancestrais e descentes (Apesar de primos serem um tanto confusos).</p>
+
+<h3 id="What_does_the_DOM_Level_1_Core_let_me_do.3F" name="What_does_the_DOM_Level_1_Core_let_me_do.3F">O que o Núcleo DOM Nível 1 me permite fazer?</h3>
+
+<p>O DOM Nível 1 da W3C permite que você altere o conteúdo da árvore <em>do modo que você desejar</em>. É poderoso o bastante para construir qualquer documento HTML a partir do zero. Ele permite autores alterar qualquer coisa no documento a partir de um script, a qualquer instante. O modo mais fácil de um autor de uma página alterar o DOM dinamicamente é utilizando JavaScript. Em JavaScript, o documento é acessível do mesmo modo que em navegadores antigos: através da propriedade <code>document</code> do objeto global. Esse objeto <code>document</code> implementa a <a class="external" href="http://www.w3.org/TR/REC-DOM-Level-1/level-one-core.html#i-Document">interface Document</a> da especificação do Nível 1 do DOM do W3C.</p>
+
+<h3 id="A_simple_example" name="A_simple_example">Um exemplo simples</h3>
+
+<p>Suponha que autor queira  pegar o documento acima e alterar o conteúdo do cabeçalho, e escrever dois parágrafos ao invés de um. O seguinte script irá fazer o trabalho:</p>
+
+<pre class="brush: js"><span class="highlightgreen">// document.getElementsByTagName("H1") retorna um NodeList dos elementos H1
+// no documento, e o primeiro é o número 0:</span>
+var header = document.getElementsByTagName("H1").item(0);
+
+// o firstChild do cabeçalho é um Text node, e a propriedade data
+// do text node contém seu texto:
+header.firstChild.data = "A dynamic document";
+// agora o cabeçalho é "A dynamic document".
+
+// Recupera o primeiro elemento P no documento do mesmo modo:
+var para = document.getElementsByTagName("P").item(0);
+// e altera seu texto também:
+para.firstChild.data = "This is the first paragraph.";
+
+// cria um novo Text node para o segundo parágrafo
+var newText = document.createTextNode("This is the second paragraph.");
+// cria um novo Element para ser o segundo parágrafo
+var newElement = document.createElement("P");
+// insere o texto no segundo parágrafo
+newElement.appendChild(newText);
+// e coloca o parágrafo no final do documento acrescentando-o ao
+// BODY (que é o pai de para)
+para.parentNode.appendChild(newElement);
+</pre>
+
+<p>Você pode ver esse script como <a class="internal" href="/@api/deki/files/2866/=example.html" title="/@api/deki/files/2866/=example.html">um exemplo completo</a>.</p>
+
+<h3 id="How_can_I_learn_more.3F" name="How_can_I_learn_more.3F">Como posso aprender mais?</h3>
+
+<p>Agora que você está familiarizado com os conceitos básicos do DOM há um documento explicando os <a href="/en/Traversing_an_HTML_table_with_JavaScript_and_DOM_Interfaces" title="en/Traversing_an_HTML_table_with_JavaScript_and_DOM_Interfaces">métodos fundamentais do DOM Nível 1</a>. Ele é o acompanhamento desse documento.</p>
+
+<p>Veja também a <a class="external" href="http://www.w3.org/TR/REC-DOM-Level-1/level-one-core.html">especificação do Núcleo DOM Nível 1</a> do W3C. É uma especificação razoavelmente clara, apesar de sua formalidade. A principal utilidade para os autores é a descrição dos diferentes tipos de objetos DOM e todas as suas propriedades e métodos. Veja também nossa <a href="/en/DOM" title="en/DOM">outra documentação DOM</a>.</p>
+
+<div class="originaldocinfo">
+<p><strong>Original Document Information</strong></p>
+
+<ul>
+ <li>Author(s): L. David Baron &lt;dbaron at dbaron dot org&gt;</li>
+ <li>Copyright Information: © 1998-2005 by individual mozilla.org contributors; content available under a <a class="external" href="http://www.mozilla.org/foundation/licensing/website-content.html">Creative Commons license</a></li>
+</ul>
+</div>
diff --git a/files/pt-pt/web/api/element/clientleft/index.html b/files/pt-pt/web/api/element/clientleft/index.html
new file mode 100644
index 0000000000..5af2b3d9e4
--- /dev/null
+++ b/files/pt-pt/web/api/element/clientleft/index.html
@@ -0,0 +1,48 @@
+---
+title: element.clientLeft
+slug: Web/API/Element/clientLeft
+tags:
+  - PrecisaDeRevisãoEditorial
+  - Referência_do_DOM_Gecko
+translation_of: Web/API/Element/clientLeft
+original_slug: DOM/element.clientLeft
+---
+<p>{{ Fx_minversion_header(3) }} {{ ApiRef() }} <span class="comment">Faltam duas imagens no documento</span></p>
+<h3 id="Resumo" name="Resumo">Resumo</h3>
+<p>A largura da borda esquerda de um elemento em pixels inclui a largura da barra de rolagem vertical se a direção do texto do elemento estiver da direita para a esquerda e se houver um excesso causando uma barra de rolagem vertical na esquerda para ser renderizada. <code>clientLeft</code> não inclui a margem ou o enchimento esquerdo. <code>clientLeft</code> é somente leitura.</p>
+<p>Aplicações baseadas em <a href="pt/Gecko">Gecko</a> suportam <code>clientLeft</code> començando com o Gecko 1.9 (<a href="pt/Firefox_3_para_desenvolvedores">Firefox 3</a>, implementado em {{ Bug(111207) }}). Esta propriedade não é suportada pelo Firefox 2 e mais antigos.</p>
+<h3 id="Sintaxe" name="Sintaxe">Sintaxe</h3>
+<pre class="eval">var <var>left</var> = <var>element</var>.clientLeft;
+</pre>
+<h3 id="Exemplos" name="Exemplos">Exemplos</h3>
+<div id="offsetContainer" style="margin: 26px 0px; background-color: rgb(255, 255, 204); border: 4px dashed black; color: black; position: absolute; left: 260px;">
+ <div id="idDiv" style="margin: 24px 29px; border: 24px black solid; padding: 0px 28px; width: 199px; height: 102px; overflow: auto; background-color: white; font-size: 13px!important; font-family: Arial, sans-serif;">
+  <p id="PaddingTopLabel" style="text-align: center; font-style: italic; font-weight: bold; font-size: 13px!important; font-family: Arial, sans-serif; margin: 0px;">padding-top</p>
+  <p>Gentle, individualistic and very loyal, Birman cats fall between Siamese and Persian in character. If you admire cats that are non aggressive, that enjoy being with humans and tend to be on the quiet side, you may well find that Birman cats are just the felines for you.</p>
+  <p><span style="float: right;"><img alt="Image:BirmanCat.jpg"></span>All Birmans have colorpointed features, dark coloration of the face, ears, legs and tail.</p>
+  <p>Cat image and text coming from <a class="external" href="http://www.best-cat-art.com/">www.best-cat-art.com</a></p>
+  <p id="PaddingBottomLabel" style="text-align: center; font-style: italic; font-weight: bold; font-size: 13px!important; font-family: Arial, sans-serif; margin: 0px;">padding-bottom</p>
+ </div>
+ <span style="position: absolute; left: -32px; top: 85px; color: blue; font-weight: bold; font-size: 13px!important; font-family: Arial, sans-serif;">Left</span><span style="position: absolute; left: 170px; top: -24px; color: blue; font-weight: bold; font-size: 13px!important; font-family: Arial, sans-serif;">Top</span><span style="position: absolute; left: 370px; top: 85px; color: blue; font-weight: bold; font-size: 13px!important; font-family: Arial, sans-serif;">Right</span><span style="position: absolute; left: 164px; top: 203px; color: blue; font-weight: bold; font-size: 13px!important; font-family: Arial, sans-serif;">Bottom</span><span style="position: absolute; left: 143px; top: 5px; font-style: italic; font-weight: bold; font-size: 13px!important; font-family: Arial, sans-serif;">margin-top</span><span style="position: absolute; left: 138px; top: 175px; font-style: italic; font-weight: bold; font-size: 13px!important; font-family: Arial, sans-serif;">margin-bottom</span><span style="position: absolute; left: 143px; top: 27px; color: white; font-style: italic; font-weight: bold; font-size: 13px!important; font-family: Arial, sans-serif;">border-top</span><span style="position: absolute; left: 138px; top: 153px; color: white; font-style: italic; font-weight: bold; font-size: 13px!important; font-family: Arial, sans-serif;">border-bottom</span><span class="comment">{{ mediawiki.external('if IE') }}&gt;&lt;span id="MrgLeft" style="position: absolute; left: 8px; top: 65px; font: bold 13px Arial, sans-serif !important; writing-mode: tb-rl;"&gt;margin-left&lt;/span&gt;&lt;span id="BrdLeft" style="position: absolute; left: 33px; top: 65px; color: white; font: bold 13px Arial, sans-serif !important; writing-mode: tb-rl;"&gt;border-left&lt;/span&gt;&lt;span id="PdgLeft" style="position: absolute; left: 55px; top: 65px; font: bold 13px Arial, sans-serif !important; writing-mode: tb-rl;"&gt;padding-left&lt;/span&gt;&lt;span id="PdgRight" style="position: absolute; left: 275px; top: 60px; color: black; font: bold 13px Arial, sans-serif !important; writing-mode: tb-rl; white-space: nowrap;"&gt;padding-right&lt;/span&gt;&lt;span id="BrdRight" style="position: absolute; left: 310px; top: 65px; color: white; font: bold 13px Arial, sans-serif !important; writing-mode: tb-rl;"&gt;border-right&lt;/span&gt;&lt;span id="MrgRight" style="position: absolute; left: 340px; top: 65px; font: bold 13px Arial, sans-serif !important; writing-mode: tb-rl;"&gt;margin-right&lt;/span&gt;&lt;!{{ mediawiki.external('endif') }}</span></div>
+<p style="margin-top: 270px;"><img alt="Image:clientLeft.png"></p>
+<p><img alt="Vertical scrollbar position when layout.scrollbar.side property is set to 1 or to 3"></p>
+<p>Quando a <a class="external" href="http://kb.mozillazine.org/Layout.scrollbar.side">propriedade
+ <i>
+  layout.scrollbar.side</i>
+ </a> é configurada para 1 ou para 3 e quando a direção do texto é configurada da direita para a esquerda, <b>então a barra de rolagem vertical é posicionada na esquerda</b> e isto impacta na maneira como o <code>clientLeft</code> é computado.</p>
+<h3 id="Especifica.C3.A7.C3.A3o" name="Especifica.C3.A7.C3.A3o">Especificação</h3>
+<p>Não é parte de qualquer especificação W3C.</p>
+<h3 id="Notas" name="Notas">Notas</h3>
+<p><code>clientLeft</code> foi primeiramente introduzido no objeto modelo DHTML do MS IE.</p>
+<p>A posição da barra de rolagem vertical na direção do texto, direita para a esquerda, configura que o elemento dependerá da <a class="external" href="http://kb.mozillazine.org/Layout.scrollbar.side">preferência
+ <i>
+  layout.scrollbar.side</i>
+ </a></p>
+<h3 id="Refer.C3.AAncias" name="Refer.C3.AAncias">Referências</h3>
+<ul>
+ <li><a class="external" href="http://msdn.microsoft.com/workshop/author/dhtml/reference/properties/clientleft.asp?frame=true">MSDN's clientLeft definition</a></li>
+ <li><a class="external" href="http://msdn.microsoft.com/workshop/author/om/measuring.asp">MSDN's Measuring Element Dimension and Location</a></li>
+</ul>
+<p><span class="comment">Categorias</span></p>
+<p><span class="comment">Interwiki Language Links</span></p>
+<p>{{ languages( { "en": "en/DOM/element.clientLeft", "ja": "ja/DOM/element.clientLeft", "pl": "pl/DOM/element.clientLeft" } ) }}</p>
diff --git a/files/pt-pt/web/api/element/clienttop/index.html b/files/pt-pt/web/api/element/clienttop/index.html
new file mode 100644
index 0000000000..293a38ea66
--- /dev/null
+++ b/files/pt-pt/web/api/element/clienttop/index.html
@@ -0,0 +1,39 @@
+---
+title: element.clientTop
+slug: Web/API/Element/clientTop
+tags:
+  - PrecisaDeRevisãoEditorial
+  - Referência_do_DOM_Gecko
+translation_of: Web/API/Element/clientTop
+original_slug: DOM/element.clientTop
+---
+<p>{{ Fx_minversion_header(3) }} {{ ApiRef() }} <span class="comment">Falta uma imagem no documento</span></p>
+<h3 id="Resumo" name="Resumo">Resumo</h3>
+<p>A largura da borda superior de um elemento em pixels não inclui a margem superior ou o enchimento. <code>clientTop</code> é somente leitura.</p>
+<p>Aplicações baseadas em <a href="pt/Gecko">Gecko</a> suportam <code>clientTop</code> começando com Gecko 1.9 (<a href="pt/Firefox_3_para_desenvolvedores">Firefox 3</a>, implementou em {{ Bug(111207) }}). Esta propriedade não é suportada no Firefox 2 e mais antigos.</p>
+<h3 id="Sintaxe" name="Sintaxe">Sintaxe</h3>
+<pre class="eval">var<i>top</i> = <var>element</var>.clientTop;
+</pre>
+<h3 id="Exemplos" name="Exemplos">Exemplos</h3>
+<div id="offsetContainer" style="margin: 26px 0px; background-color: rgb(255, 255, 204); border: 4px dashed black; color: black; position: absolute; left: 260px;">
+ <div id="idDiv" style="margin: 24px 29px; border: 24px black solid; padding: 0px 28px; width: 199px; height: 102px; overflow: auto; background-color: white; font-size: 13px!important; font-family: Arial, sans-serif;">
+  <p id="PaddingTopLabel" style="text-align: center; font-style: italic; font-weight: bold; font-size: 13px!important; font-family: Arial, sans-serif; margin: 0px;">padding-top</p>
+  <p>Gentle, individualistic and very loyal, Birman cats fall between Siamese and Persian in character. If you admire cats that are non aggressive, that enjoy being with humans and tend to be on the quiet side, you may well find that Birman cats are just the felines for you.</p>
+  <p><span style="float: right;"><img alt="Image:BirmanCat.jpg"></span>All Birmans have colorpointed features, dark coloration of the face, ears, legs and tail.</p>
+  <p>Cat image and text coming from <a class="external" href="http://www.best-cat-art.com/">www.best-cat-art.com</a></p>
+  <p id="PaddingBottomLabel" style="text-align: center; font-style: italic; font-weight: bold; font-size: 13px!important; font-family: Arial, sans-serif; margin: 0px;">padding-bottom</p>
+ </div>
+ <span style="position: absolute; left: -32px; top: 85px; color: blue; font-weight: bold; font-size: 13px!important; font-family: Arial, sans-serif;">Left</span><span style="position: absolute; left: 170px; top: -24px; color: blue; font-weight: bold; font-size: 13px!important; font-family: Arial, sans-serif;">Top</span><span style="position: absolute; left: 370px; top: 85px; color: blue; font-weight: bold; font-size: 13px!important; font-family: Arial, sans-serif;">Right</span><span style="position: absolute; left: 164px; top: 203px; color: blue; font-weight: bold; font-size: 13px!important; font-family: Arial, sans-serif;">Bottom</span><span style="position: absolute; left: 143px; top: 5px; font-style: italic; font-weight: bold; font-size: 13px!important; font-family: Arial, sans-serif;">margin-top</span><span style="position: absolute; left: 138px; top: 175px; font-style: italic; font-weight: bold; font-size: 13px!important; font-family: Arial, sans-serif;">margin-bottom</span><span style="position: absolute; left: 143px; top: 27px; color: white; font-style: italic; font-weight: bold; font-size: 13px!important; font-family: Arial, sans-serif;">border-top</span><span style="position: absolute; left: 138px; top: 153px; color: white; font-style: italic; font-weight: bold; font-size: 13px!important; font-family: Arial, sans-serif;">border-bottom</span><span class="comment">{{ mediawiki.external('if IE') }}&gt;&lt;span id="MrgLeft" style="position: absolute; left: 8px; top: 65px; font: bold 13px Arial, sans-serif !important; writing-mode: tb-rl;"&gt;margin-left&lt;/span&gt;&lt;span id="BrdLeft" style="position: absolute; left: 33px; top: 65px; color: white; font: bold 13px Arial, sans-serif !important; writing-mode: tb-rl;"&gt;border-left&lt;/span&gt;&lt;span id="PdgLeft" style="position: absolute; left: 55px; top: 65px; font: bold 13px Arial, sans-serif !important; writing-mode: tb-rl;"&gt;padding-left&lt;/span&gt;&lt;span id="PdgRight" style="position: absolute; left: 275px; top: 60px; color: black; font: bold 13px Arial, sans-serif !important; writing-mode: tb-rl; white-space: nowrap;"&gt;padding-right&lt;/span&gt;&lt;span id="BrdRight" style="position: absolute; left: 310px; top: 65px; color: white; font: bold 13px Arial, sans-serif !important; writing-mode: tb-rl;"&gt;border-right&lt;/span&gt;&lt;span id="MrgRight" style="position: absolute; left: 340px; top: 65px; font: bold 13px Arial, sans-serif !important; writing-mode: tb-rl;"&gt;margin-right&lt;/span&gt;&lt;!{{ mediawiki.external('endif') }}</span></div>
+<p style="margin-top: 270px;"><img alt="Image:clientTop.png"></p>
+<h3 id="Especifica.C3.A7.C3.A3o" name="Especifica.C3.A7.C3.A3o">Especificação</h3>
+<p>Não é parte de nenhuma especificação W3C.</p>
+<h3 id="Notas" name="Notas">Notas</h3>
+<p><code>clientTop</code> foi primeiramente introduzido no objeto modelo DHTML do MS IE.</p>
+<h3 id="Refer.C3.AAncias" name="Refer.C3.AAncias">Referências</h3>
+<ul>
+ <li><a class="external" href="http://msdn.microsoft.com/workshop/author/dhtml/reference/properties/clienttop.asp?frame=true">MSDN's clientTop definition</a></li>
+ <li><a class="external" href="http://msdn.microsoft.com/workshop/author/om/measuring.asp">MSDN's Measuring Element Dimension and Location</a></li>
+</ul>
+<p><span class="comment">Categorias</span></p>
+<p><span class="comment">Interwiki Language Links</span></p>
+<p>{{ languages( { "en": "en/DOM/element.clientTop", "pl": "pl/DOM/element.clientTop" } ) }}</p>
diff --git a/files/pt-pt/web/api/element/index.html b/files/pt-pt/web/api/element/index.html
new file mode 100644
index 0000000000..abad0b55c4
--- /dev/null
+++ b/files/pt-pt/web/api/element/index.html
@@ -0,0 +1,574 @@
+---
+title: element
+slug: Web/API/Element
+tags:
+  - API
+  - API da Web
+  - DOM
+  - Element
+  - Elemento
+  - Interface
+  - Referencia
+  - Referência DOM
+translation_of: Web/API/Element
+original_slug: DOM/element
+---
+<div>{{APIRef("DOM")}}</div>
+
+<p><span class="seoSummary"><strong><code>Element</code></strong> </span>é a classe base mais geral da qual todos os objetos em um <span class="seoSummary">{{DOMxRef("Document","documento")}} herdam. Este só tem métodos e propriedades comuns para todos os tipos de elementos. </span>Classes mais específicas herdam de<span class="seoSummary"> <code>Element</code>.</span> Por exemplo, a interface {{DOMxRef("HTMLElement")}} é a interface base para os elementos HTML, enquanto a interface {{DOMxRef("SVGElement")}} é a base para todos os elementos SVG. A maioria das funcionalidades é especificada mais abaixo na hierarquia de classes.</p>
+
+<p>Linguagens fora do âmbito da plataforma Web, como XUL através da interface <code>XULElement</code>, também implementa <code>Element</code>.</p>
+
+<p>{{InheritanceDiagram}}</p>
+
+<h2 id="Propriedades" name="Propriedades">Propriedades</h2>
+
+<p><em>Inherits properties from its parent interface, {{DOMxRef("Node")}}, and by extension that interface's parent, {{DOMxRef("EventTarget")}}. It implements the properties of {{DOMxRef("ParentNode")}}, {{DOMxRef("ChildNode")}}, {{DOMxRef("NonDocumentTypeChildNode")}}, </em>and {{DOMxRef("Animatable")}}.</p>
+
+<table class="fullwidth-table">
+ <tbody>
+  <tr>
+   <th>Nome</th>
+   <th>Descrição</th>
+   <th>Tipo</th>
+   <th>Dosponibilidade</th>
+  </tr>
+  <tr>
+   <td><code><a href="pt/DOM/element.attributes">attibutes</a></code></td>
+   <td>Todos os atributos associados ao elemento</td>
+   <td><code><a href="pt/DOM/NamedNodeMap">NamedNodeMap</a></code></td>
+   <td><small><a href="pt/DOM">All</a></small></td>
+  </tr>
+  <tr>
+   <td><code><a href="pt/DOM/element.childNodes">childNodes</a></code></td>
+   <td>Todos os nós-filhos de um elemento.</td>
+   <td><code><a href="pt/DOM/NodeList">NodeList</a></code></td>
+   <td><small><a href="pt/DOM">All</a></small></td>
+  </tr>
+  <tr>
+   <td><code><a href="pt/DOM/element.className">className</a></code></td>
+   <td>Retorna ou define a classe do elemento.</td>
+   <td><code><a href="pt/Core_JavaScript_1.5_Reference/Global_Objects/String">String</a></code></td>
+   <td><small><a href="pt/HTML">HTML</a>, <a href="pt/XUL">XUL</a></small></td>
+  </tr>
+  <tr>
+   <td><code><a href="pt/DOM/element.clientHeight">clientHeight</a></code></td>
+   <td>A altura interna de um elemento.</td>
+   <td><code><a href="pt/Core_JavaScript_1.5_Reference/Global_Objects/Number">Number</a></code></td>
+   <td><small><a href="pt/HTML">HTML</a></small></td>
+  </tr>
+  <tr>
+   <td><code><a href="pt/DOM/element.clientLeft">clientLeft</a></code></td>
+   <td>A largura da borda esquerda de um elemento.</td>
+   <td><code><a href="pt/Core_JavaScript_1.5_Reference/Global_Objects/Number">Number</a></code></td>
+   <td><small><a href="pt/HTML">HTML</a></small></td>
+  </tr>
+  <tr>
+   <td><code><a href="pt/DOM/element.clientTop">clientTop</a></code></td>
+   <td>A largura da borda superior de um elemento.</td>
+   <td><code><a href="pt/Core_JavaScript_1.5_Reference/Global_Objects/Number">Number</a></code></td>
+   <td><small><a href="pt/HTML">HTML</a></small></td>
+  </tr>
+  <tr>
+   <td><code><a href="pt/DOM/element.clientWidth">clientWidth</a></code></td>
+   <td>A largura interna de um elemento.</td>
+   <td><code><a href="pt/Core_JavaScript_1.5_Reference/Global_Objects/Number">Number</a></code></td>
+   <td><small><a href="pt/HTML">HTML</a></small></td>
+  </tr>
+  <tr>
+   <td><code><a href="pt/DOM/element.dir">dir</a></code></td>
+   <td>Retorna ou define a direcionalidade do elemento.</td>
+   <td><code><a href="pt/Core_JavaScript_1.5_Reference/Global_Objects/String">String</a></code></td>
+   <td><small><a href="pt/HTML">HTML</a>, <a href="pt/XUL">XUL</a></small></td>
+  </tr>
+  <tr>
+   <td><code><a href="pt/DOM/element.firstChild">firstChild</a></code></td>
+   <td>O primeiro nó-filho direto de um elemento, ou <code>null</code> se o elemento não tem nós-filhos.</td>
+   <td><code><a href="pt/DOM/Node">Node</a></code></td>
+   <td><small><a href="pt/DOM">All</a></small></td>
+  </tr>
+  <tr>
+   <td><code><a href="pt/DOM/element.id">id</a></code></td>
+   <td>Retorna ou define o id do elemento.</td>
+   <td><code><a href="pt/Core_JavaScript_1.5_Reference/Global_Objects/String">String</a></code></td>
+   <td><small><a href="pt/HTML">HTML</a>, <a href="pt/XUL">XUL</a></small></td>
+  </tr>
+  <tr>
+   <td><code><a href="pt/DOM/element.innerHTML">innerHTML</a></code></td>
+   <td>Retorna ou define a marcação e o conteúdo de um elemento.</td>
+   <td><code><a href="pt/Core_JavaScript_1.5_Reference/Global_Objects/String">String</a></code></td>
+   <td><small><a href="pt/HTML">HTML</a></small></td>
+  </tr>
+  <tr>
+   <td><code><a href="pt/DOM/element.lang">lang</a></code></td>
+   <td>Retorna ou define o atributo linguagem de um elemento, texto, e conteúdo do elemento.</td>
+   <td><code><a href="pt/Core_JavaScript_1.5_Reference/Global_Objects/String">String</a></code></td>
+   <td><small><a href="pt/HTML">HTML</a></small></td>
+  </tr>
+  <tr>
+   <td><code><a href="pt/DOM/element.lastChild">lastChild</a></code></td>
+   <td>O último nó-filho direto de um elemento, ou <code>null</code> se o elemento não tem nós-filhos.</td>
+   <td><code><a href="pt/DOM/Node">Node</a></code></td>
+   <td><small><a href="pt/DOM">All</a></small></td>
+  </tr>
+  <tr>
+   <td><code><a href="pt/DOM/element.localName">localName</a></code></td>
+   <td>A parte local de um nome qualificado de um elemento.</td>
+   <td><code><a href="pt/Core_JavaScript_1.5_Reference/Global_Objects/String">String</a></code></td>
+   <td><small><a href="pt/DOM">All</a></small></td>
+  </tr>
+  <tr>
+   <th>Nome</th>
+   <th>Descrição</th>
+   <th>Tipo</th>
+   <th>Disponibilidade</th>
+  </tr>
+  <tr>
+   <td><code><a href="pt/DOM/element.name">name</a></code></td>
+   <td>Retorna/define o atributo name de um elemento.</td>
+   <td><code><a href="pt/Core_JavaScript_1.5_Reference/Global_Objects/String">String</a></code></td>
+   <td><small><a href="pt/HTML">HTML</a></small></td>
+  </tr>
+  <tr>
+   <td><code><a href="pt/DOM/element.namespaceURI">namespaceURI</a></code></td>
+   <td>A URI de namespace do nó, ou <code>null</code> se não está especificado.</td>
+   <td><code><a href="pt/Core_JavaScript_1.5_Reference/Global_Objects/String">String</a></code></td>
+   <td><small><a href="pt/DOM">All</a></small></td>
+  </tr>
+  <tr>
+   <td><code><a href="pt/DOM/element.nextSibling">nextSibling</a></code></td>
+   <td>O nó imediatamente seguinte ao dado numa árvore, ou <code>null</code> se não existe nó-irmão.</td>
+   <td><code><a href="pt/DOM/Node">Node</a></code></td>
+   <td><small><a href="pt/DOM">All</a></small></td>
+  </tr>
+  <tr>
+   <td><code><a href="pt/DOM/element.nodeName">nodeName</a></code></td>
+   <td>O nome do nó.</td>
+   <td><code><a href="pt/Core_JavaScript_1.5_Reference/Global_Objects/String">String</a></code></td>
+   <td><small><a href="pt/DOM">All</a></small></td>
+  </tr>
+  <tr>
+   <td><code><a href="pt/DOM/element.nodeType">nodeType</a></code></td>
+   <td>Um número representando o tipo do nó. É sempre igual a <code>1</code> para elementos DOM.</td>
+   <td><code><a href="pt/Core_JavaScript_1.5_Reference/Global_Objects/Number">Number</a></code></td>
+   <td><small><a href="pt/DOM">All</a></small></td>
+  </tr>
+  <tr>
+   <td><code><a href="pt/DOM/element.nodeValue">nodeValue</a></code></td>
+   <td>O valor do nó. É sempre igual a <code>null</code> para elementos DOM.</td>
+   <td><code><a href="pt/Core_JavaScript_1.5_Reference/Global_Objects/String">String</a></code></td>
+   <td><small><a href="pt/DOM">All</a></small></td>
+  </tr>
+  <tr>
+   <td><code><a href="pt/DOM/element.offsetHeight">offsetHeight</a></code></td>
+   <td>A altura de um elemento, em relação ao layout.</td>
+   <td><code><a href="pt/Core_JavaScript_1.5_Reference/Global_Objects/Number">Number</a></code></td>
+   <td><small><a href="pt/HTML">HTML</a></small></td>
+  </tr>
+  <tr>
+   <td><code><a href="pt/DOM/element.offsetLeft">offsetLeft</a></code></td>
+   <td>A distância da borda esquerda do elemento para o a borda esquerda do seu <code>offsetParent</code>.</td>
+   <td><code><a href="pt/Core_JavaScript_1.5_Reference/Global_Objects/Number">Number</a></code></td>
+   <td><small><a href="pt/HTML">HTML</a></small></td>
+  </tr>
+  <tr>
+   <td><code><a href="pt/DOM/element.offsetParent">offsetParent</a></code></td>
+   <td>O elemento para o qual todos cálculos de offset estão atualmente computados.</td>
+   <td><code><a href="pt/DOM/element">Element</a></code></td>
+   <td><small><a href="pt/HTML">HTML</a></small></td>
+  </tr>
+  <tr>
+   <td><code><a href="pt/DOM/element.offsetTop">offsetTop</a></code></td>
+   <td>A distância da borda superior do elemento para o a borda superior do seu <code>offsetParent</code>.</td>
+   <td><code><a href="pt/Core_JavaScript_1.5_Reference/Global_Objects/Number">Number</a></code></td>
+   <td><small><a href="pt/HTML">HTML</a></small></td>
+  </tr>
+  <tr>
+   <td><code><a href="pt/DOM/element.offsetWidth">offsetWidth</a></code></td>
+   <td>A largura de um elemento, em relação ao layout.</td>
+   <td><code><a href="pt/Core_JavaScript_1.5_Reference/Global_Objects/Number">Number</a></code></td>
+   <td><small><a href="pt/HTML">HTML</a></small></td>
+  </tr>
+  <tr>
+   <td><code><a href="pt/DOM/element.ownerDocument">ownerDocument</a></code></td>
+   <td>O documento no qual o nó está, ou <code>null</code> se o nó não está dentro de nenhum.</td>
+   <td><code><a href="pt/DOM/document">Document</a></code></td>
+   <td><small><a href="pt/DOM">All</a></small></td>
+  </tr>
+  <tr>
+   <th>Nome</th>
+   <th>Descrição</th>
+   <th>Tipo</th>
+   <th>Disponibilidade</th>
+  </tr>
+  <tr>
+   <td><code><a href="pt/DOM/element.parentNode">parentNode</a></code></td>
+   <td>The parent element of this node, or <code>null</code> if the node is not inside of a <a href="pt/DOM/document">DOM Document</a>.</td>
+   <td><code><a href="pt/DOM/Node">Node</a></code></td>
+   <td><small><a href="pt/DOM">All</a></small></td>
+  </tr>
+  <tr>
+   <td><code><a href="pt/DOM/element.prefix">prefix</a></code></td>
+   <td>The namespace prefix of the node, or <code>null</code> if no prefix is specified.</td>
+   <td><code><a href="pt/Core_JavaScript_1.5_Reference/Global_Objects/String">String</a></code></td>
+   <td><small><a href="pt/DOM">All</a></small></td>
+  </tr>
+  <tr>
+   <td><code><a href="pt/DOM/element.previousSibling">previousSibling</a></code></td>
+   <td>The node immediately preceding the given one in the tree, or <code>null</code> if there is no sibling node.</td>
+   <td><code><a href="pt/DOM/Node">Node</a></code></td>
+   <td><small><a href="pt/DOM">All</a></small></td>
+  </tr>
+  <tr>
+   <td><code><a href="pt/DOM/element.scrollHeight">scrollHeight</a></code></td>
+   <td>The scroll view height of an element.</td>
+   <td><code><a href="pt/Core_JavaScript_1.5_Reference/Global_Objects/Number">Number</a></code></td>
+   <td><small><a href="pt/HTML">HTML</a></small></td>
+  </tr>
+  <tr>
+   <td><code><a href="pt/DOM/element.scrollLeft">scrollLeft</a></code></td>
+   <td>Gets/sets the left scroll offset of an element.</td>
+   <td><code><a href="pt/Core_JavaScript_1.5_Reference/Global_Objects/Number">Number</a></code></td>
+   <td><small><a href="pt/HTML">HTML</a></small></td>
+  </tr>
+  <tr>
+   <td><code><a href="pt/DOM/element.scrollTop">scrollTop</a></code></td>
+   <td>Gets/sets the top scroll offset of an element.</td>
+   <td><code><a href="pt/Core_JavaScript_1.5_Reference/Global_Objects/Number">Number</a></code></td>
+   <td><small><a href="pt/HTML">HTML</a></small></td>
+  </tr>
+  <tr>
+   <td><code><a href="pt/DOM/element.scrollWidth">scrollWidth</a></code></td>
+   <td>The scroll view width of an element.</td>
+   <td><code><a href="pt/Core_JavaScript_1.5_Reference/Global_Objects/Number">Number</a></code></td>
+   <td><small><a href="pt/HTML">HTML</a></small></td>
+  </tr>
+  <tr>
+   <td><code><a href="pt/DOM/element.style">style</a></code></td>
+   <td>An object representing the declarations of an element's style attributes.</td>
+   <td><code><a href="pt/DOM/CSSStyleDeclaration">CSSStyle</a></code></td>
+   <td><small><a href="pt/HTML">HTML</a>, <a href="pt/XUL">XUL</a></small></td>
+  </tr>
+  <tr>
+   <td><code><a href="pt/DOM/element.tabIndex">tabIndex</a></code></td>
+   <td>Gets/sets the position of the element in the tabbing order.</td>
+   <td><code><a href="pt/Core_JavaScript_1.5_Reference/Global_Objects/Number">Number</a></code></td>
+   <td><small><a href="pt/HTML">HTML</a></small></td>
+  </tr>
+  <tr>
+   <td><code><a href="pt/DOM/element.tagName">tagName</a></code></td>
+   <td>The name of the tag for the given element.</td>
+   <td><code><a href="pt/Core_JavaScript_1.5_Reference/Global_Objects/String">String</a></code></td>
+   <td><small><a href="pt/DOM">All</a></small></td>
+  </tr>
+  <tr>
+   <td><code><a href="pt/DOM/element.textContent">textContent</a></code></td>
+   <td>Gets/sets the textual contents of an element and all its descendants.</td>
+   <td><code><a href="pt/Core_JavaScript_1.5_Reference/Global_Objects/String">String</a></code></td>
+   <td><small><a href="pt/DOM">All</a></small></td>
+  </tr>
+ </tbody>
+</table>
+
+<h3 id="Methods" name="Methods">Métodos</h3>
+
+<table class="fullwidth-table">
+ <tbody>
+  <tr>
+   <th>Nome &amp; Descrição</th>
+   <th>Retorna</th>
+   <th>Disponibilidade</th>
+  </tr>
+  <tr>
+   <td><code><a href="pt/DOM/element.addEventListener">addEventListener</a>( <a href="pt/Core_JavaScript_1.5_Reference/Global_Objects/String">type</a>, <a href="pt/Core_JavaScript_1.5_Reference/Global_Objects/Function">listener</a>, <a href="pt/Core_JavaScript_1.5_Reference/Global_Objects/Boolean">useCapture</a> )</code><br>
+    Register an event handler to a specific event type on the element.</td>
+   <td>-</td>
+   <td><small><a href="pt/DOM/event">All</a></small></td>
+  </tr>
+  <tr>
+   <td><code><a href="pt/DOM/element.appendChild">appendChild</a>( <a href="pt/DOM/Node">appendedNode</a> )</code><br>
+    Insert a node as the last child node of this element.</td>
+   <td><a href="pt/DOM/Node">Node</a></td>
+   <td><small><a href="pt/DOM">All</a></small></td>
+  </tr>
+  <tr>
+   <td><code><a href="pt/DOM/element.blur">blur</a>()</code><br>
+    Removes keyboard focus from the current element.</td>
+   <td>-</td>
+   <td><small><a href="pt/HTML">HTML</a>, <a href="pt/XUL">XUL</a></small></td>
+  </tr>
+  <tr>
+   <td><code><a href="pt/DOM/element.click">click</a>()</code><br>
+    Simulates a click on the current element.</td>
+   <td>-</td>
+   <td><small><a href="pt/HTML">HTML</a>, <a href="pt/XUL">XUL</a></small></td>
+  </tr>
+  <tr>
+   <td><code><a href="pt/DOM/element.cloneNode">cloneNode</a>( <a href="pt/Core_JavaScript_1.5_Reference/Global_Objects/Boolean">deep</a> )</code><br>
+    Clone a node, and optionally, all of its contents.</td>
+   <td><a href="pt/DOM/Node">Node</a></td>
+   <td><small><a href="pt/DOM">All</a></small></td>
+  </tr>
+  <tr>
+   <td><code><a href="pt/DOM/element.dispatchEvent">dispatchEvent</a>( <a href="pt/DOM/event">event</a> )</code><br>
+    Dispatch an event to this node in the DOM.</td>
+   <td><a href="pt/Core_JavaScript_1.5_Reference/Global_Objects/Boolean">Boolean</a></td>
+   <td><small><a href="pt/DOM">All</a></small></td>
+  </tr>
+  <tr>
+   <td><code><a href="pt/DOM/element.focus">focus</a>()</code><br>
+    Gives keyboard focus to the current element.</td>
+   <td>-</td>
+   <td><small><a href="pt/HTML">HTML</a>, <a href="pt/XUL">XUL</a></small></td>
+  </tr>
+  <tr>
+   <td><code><a href="pt/DOM/element.getAttribute">getAttribute</a>( <a href="pt/Core_JavaScript_1.5_Reference/Global_Objects/String">name</a> )</code><br>
+    Retrieve the value of the named attribute from the current node.</td>
+   <td><a href="pt/Core_JavaScript_1.5_Reference/Global_Objects/Object">Object</a></td>
+   <td><small><a href="pt/DOM">All</a></small></td>
+  </tr>
+  <tr>
+   <td><code><a href="pt/DOM/element.getAttributeNS">getAttributeNS</a>( <a href="pt/Core_JavaScript_1.5_Reference/Global_Objects/String">namespace</a>, <a href="pt/Core_JavaScript_1.5_Reference/Global_Objects/String">name</a> )</code><br>
+    Retrieve the value of the attribute with the specified name and namespace, from the current node.</td>
+   <td><a href="pt/Core_JavaScript_1.5_Reference/Global_Objects/Object">Object</a></td>
+   <td><small><a href="pt/DOM">All</a></small></td>
+  </tr>
+  <tr>
+   <td><code><a href="pt/DOM/element.getAttributeNode">getAttributeNode</a>( <a href="pt/Core_JavaScript_1.5_Reference/Global_Objects/String">name</a> )</code><br>
+    Retrieve the node representation of the named attribute from the current node.</td>
+   <td><a href="pt/DOM/Attr">Attr</a></td>
+   <td><small><a href="pt/DOM">All</a></small></td>
+  </tr>
+  <tr>
+   <td><code><a href="pt/DOM/element.getAttributeNodeNS">getAttributeNodeNS</a>( <a href="pt/Core_JavaScript_1.5_Reference/Global_Objects/String">namespace</a>, <a href="pt/Core_JavaScript_1.5_Reference/Global_Objects/String">name</a> )</code><br>
+    Retrieve the node representation of the attribute with the specified name and namespace, from the current node.</td>
+   <td><a href="pt/DOM/Attr">Attr</a></td>
+   <td><small><a href="pt/DOM">All</a></small></td>
+  </tr>
+  <tr>
+   <th>Nome &amp; Descrição</th>
+   <th>Retorna</th>
+   <th>Disponibilidade</th>
+  </tr>
+  <tr>
+   <td><code><a href="pt/DOM/element.getElementsByTagName">getElementsByTagName</a>( <a href="pt/Core_JavaScript_1.5_Reference/Global_Objects/String">name</a> )</code><br>
+    Retrieve a set of all descendant elements, of a particular tag name, from the current element.</td>
+   <td><a href="pt/DOM/NodeSet">NodeSet</a></td>
+   <td><small><a href="pt/DOM">All</a></small></td>
+  </tr>
+  <tr>
+   <td><code><a href="pt/DOM/element.getElementsByTagNameNS">getElementsByTagNameNS</a>( <a href="pt/Core_JavaScript_1.5_Reference/Global_Objects/String">namespace</a>, <a href="pt/Core_JavaScript_1.5_Reference/Global_Objects/String">name</a> )</code><br>
+    Retrieve a set of all descendant elements, of a particular tag name and namespace, from the current element.</td>
+   <td><a href="pt/DOM/NodeSet">NodeSet</a></td>
+   <td><small><a href="pt/DOM">All</a></small></td>
+  </tr>
+  <tr>
+   <td><code><a href="pt/DOM/element.hasAttribute">hasAttribute</a>( <a href="pt/Core_JavaScript_1.5_Reference/Global_Objects/String">name</a> )</code><br>
+    Check if the element has the specified attribute, or not.</td>
+   <td><a href="pt/Core_JavaScript_1.5_Reference/Global_Objects/Boolean">Boolean</a></td>
+   <td><small><a href="pt/DOM">All</a></small></td>
+  </tr>
+  <tr>
+   <td><code><a href="pt/DOM/element.hasAttributeNS">hasAttributeNS</a>( <a href="pt/Core_JavaScript_1.5_Reference/Global_Objects/String">namespace</a>, <a href="pt/Core_JavaScript_1.5_Reference/Global_Objects/String">name</a> )</code><br>
+    Check if the element has the specified attribute, in the specified namespace, or not.</td>
+   <td><a href="pt/Core_JavaScript_1.5_Reference/Global_Objects/Boolean">Boolean</a></td>
+   <td><small><a href="pt/DOM">All</a></small></td>
+  </tr>
+  <tr>
+   <td><code><a href="pt/DOM/element.hasAttributes">hasAttributes</a>()</code><br>
+    Check if the element has any attributes, or not.</td>
+   <td><a href="pt/Core_JavaScript_1.5_Reference/Global_Objects/Boolean">Boolean</a></td>
+   <td><small><a href="pt/DOM">All</a></small></td>
+  </tr>
+  <tr>
+   <td><code><a href="pt/DOM/element.hasChildNodes">hasChildNodes</a>()</code><br>
+    Check if the element has any child nodes, or not.</td>
+   <td><a href="pt/Core_JavaScript_1.5_Reference/Global_Objects/Boolean">Boolean</a></td>
+   <td><small><a href="pt/DOM">All</a></small></td>
+  </tr>
+  <tr>
+   <td><code><a href="pt/DOM/element.insertBefore">insertBefore</a>( <a href="pt/DOM/Node">insertedNode</a>, <a href="pt/DOM/Node">adjacentNode</a> )</code><br>
+    Inserts the first node before the second, child, Node in the DOM.</td>
+   <td><a href="pt/DOM/Node">Node</a></td>
+   <td><small><a href="pt/DOM">All</a></small></td>
+  </tr>
+  <tr>
+   <td><code><a href="pt/DOM/element.normalize">normalize</a>()</code><br>
+    Clean up all the text nodes under this element (merge adjacent, remove empty).</td>
+   <td>-</td>
+   <td><small><a href="pt/DOM">All</a></small></td>
+  </tr>
+  <tr>
+   <td><code><a href="pt/DOM/element.removeAttribute">removeAttribute</a>( <a href="pt/Core_JavaScript_1.5_Reference/Global_Objects/String">name</a> )</code><br>
+    Remove the named attribute from the current node.</td>
+   <td>-</td>
+   <td><small><a href="pt/DOM">All</a></small></td>
+  </tr>
+  <tr>
+   <td><code><a href="pt/DOM/element.removeAttributeNS">removeAttributeNS</a>( <a href="pt/Core_JavaScript_1.5_Reference/Global_Objects/String">namespace</a>, <a href="pt/Core_JavaScript_1.5_Reference/Global_Objects/String">name</a> )</code><br>
+    Remove the attribute with the specified name and namespace, from the current node.</td>
+   <td>-</td>
+   <td><small><a href="pt/DOM">All</a></small></td>
+  </tr>
+  <tr>
+   <th>Nome &amp; Descrição</th>
+   <th>Retorna</th>
+   <th>Disponibilidade</th>
+  </tr>
+  <tr>
+   <td><code><a href="pt/DOM/element.removeAttributeNode">removeAttributeNode</a>( <a href="pt/Core_JavaScript_1.5_Reference/Global_Objects/String">name</a> )</code><br>
+    Remove the node representation of the named attribute from the current node.</td>
+   <td>-</td>
+   <td><small><a href="pt/DOM">All</a></small></td>
+  </tr>
+  <tr>
+   <td><code><a href="pt/DOM/element.removeChild">removeChild</a>( <a href="pt/DOM/Node">removedNode</a> )</code><br>
+    Removes a child node from the current element.</td>
+   <td><a href="pt/DOM/Node">Node</a></td>
+   <td><small><a href="pt/DOM">All</a></small></td>
+  </tr>
+  <tr>
+   <td><code><a href="pt/DOM/element.removeEventListener">removeEventListener</a>( <a href="pt/Core_JavaScript_1.5_Reference/Global_Objects/String">type</a>, <a href="pt/Core_JavaScript_1.5_Reference/Global_Objects/Function">handler</a>, <a href="pt/Core_JavaScript_1.5_Reference/Global_Objects/Boolean">useCapture</a> )</code><br>
+    Removes an event listener from the element.</td>
+   <td>-</td>
+   <td><small><a href="pt/DOM/event">All</a></small></td>
+  </tr>
+  <tr>
+   <td><code><a href="pt/DOM/element.replaceChild">replaceChild</a>( <a href="pt/DOM/Node">insertedNode</a>, <a href="pt/DOM/Node">replacedNode</a> )</code><br>
+    Replaces one child node in the current element with another.</td>
+   <td><a href="pt/DOM/Node">Node</a></td>
+   <td><small><a href="pt/DOM">All</a></small></td>
+  </tr>
+  <tr>
+   <td><code><a href="pt/DOM/element.scrollIntoView">scrollIntoView</a>( <a href="pt/Core_JavaScript_1.5_Reference/Global_Objects/Boolean">alignWithTop</a> )</code><br>
+    Scrolls the page until the element gets into the view.</td>
+   <td>-</td>
+   <td><small><a href="pt/HTML">HTML</a></small></td>
+  </tr>
+  <tr>
+   <td><code><a href="pt/DOM/element.setAttribute">setAttribute</a>( <a href="pt/Core_JavaScript_1.5_Reference/Global_Objects/String">name</a>, <a href="pt/Core_JavaScript_1.5_Reference/Global_Objects/Object">value</a> )</code><br>
+    Set the value of the named attribute from the current node.</td>
+   <td>-</td>
+   <td><small><a href="pt/DOM">All</a></small></td>
+  </tr>
+  <tr>
+   <td><code><a href="pt/DOM/element.setAttributeNS">setAttributeNS</a>( <a href="pt/Core_JavaScript_1.5_Reference/Global_Objects/String">namespace</a>, <a href="pt/Core_JavaScript_1.5_Reference/Global_Objects/String">name</a>, <a href="pt/Core_JavaScript_1.5_Reference/Global_Objects/Object">value</a> )</code><br>
+    Set the value of the attribute with the specified name and namespace, from the current node.</td>
+   <td>-</td>
+   <td><small><a href="pt/DOM">All</a></small></td>
+  </tr>
+  <tr>
+   <td><code><a href="pt/DOM/element.setAttributeNode">setAttributeNode</a>( <a href="pt/Core_JavaScript_1.5_Reference/Global_Objects/String">name</a>, <a href="pt/DOM/Attr">attrNode</a> )</code><br>
+    Set the node representation of the named attribute from the current node.</td>
+   <td>-</td>
+   <td><small><a href="pt/DOM">All</a></small></td>
+  </tr>
+  <tr>
+   <td><code><a href="pt/DOM/element.setAttributeNodeNS">setAttributeNodeNS</a>( <a href="pt/Core_JavaScript_1.5_Reference/Global_Objects/String">namespace</a>, <a href="pt/Core_JavaScript_1.5_Reference/Global_Objects/String">name</a>, <a href="pt/DOM/Attr">attrNode</a> )</code><br>
+    Set the node representation of the attribute with the specified name and namespace, from the current node.</td>
+   <td>-</td>
+   <td><small><a href="pt/DOM">All</a></small></td>
+  </tr>
+ </tbody>
+</table>
+
+<h3 id="Event_Handlers" name="Event_Handlers">Event Handlers</h3>
+
+<p>These are properties that correspond to the HTML 'on' event attributes.</p>
+
+<p>Unlike the corresponding attributes, the values of these properties are functions (or any other object implementing the <a class="external" href="http://www.w3.org/TR/DOM-Level-2-Events/events.html#Events-EventListener">EventListener</a> interface) rather than a string. In fact, assigning an event attribute in HTML creates a wrapper function around the specified code. For example, given the following HTML:</p>
+
+<pre>&lt;div onclick="foo();"&gt;click me!&lt;/div&gt;
+</pre>
+
+<p>If <code>element</code> is a reference to this <code>div</code>, the value of <code>element.onclick</code> is effectively:</p>
+
+<pre>function onclick(event) {
+   foo();
+}
+</pre>
+
+<p>Note how the <a href="pt/DOM/event">event</a> object is passed as parameter <code>event</code> to this wrapper function.</p>
+
+<dl>
+ <dt><a href="pt/DOM/element.onblur">onblur</a></dt>
+ <dd>Returns the event handling code for the blur event.</dd>
+</dl>
+
+<dl>
+ <dt><a href="pt/DOM/element.onchange">onchange</a></dt>
+ <dd>Returns the event handling code for the change event.</dd>
+</dl>
+
+<dl>
+ <dt><a href="pt/DOM/element.onclick">onclick</a></dt>
+ <dd>Returns the event handling code for the click event.</dd>
+</dl>
+
+<dl>
+ <dt><a href="pt/DOM/element.ondblclick">ondblclick</a></dt>
+ <dd>Returns the event handling code for the dblclick event.</dd>
+</dl>
+
+<dl>
+ <dt><a href="pt/DOM/element.onfocus">onfocus</a></dt>
+ <dd>Returns the event handling code for the focus event.</dd>
+</dl>
+
+<dl>
+ <dt><a href="pt/DOM/element.onkeydown">onkeydown</a></dt>
+ <dd>Returns the event handling code for the keydown event.</dd>
+</dl>
+
+<dl>
+ <dt><a href="pt/DOM/element.onkeypress">onkeypress</a></dt>
+ <dd>Returns the event handling code for the keypress event.</dd>
+</dl>
+
+<dl>
+ <dt><a href="pt/DOM/element.onkeyup">onkeyup</a></dt>
+ <dd>Returns the event handling code for the keyup event.</dd>
+</dl>
+
+<dl>
+ <dt><a href="pt/DOM/element.onmousedown">onmousedown</a></dt>
+ <dd>Returns the event handling code for the mousedown event.</dd>
+</dl>
+
+<dl>
+ <dt><a href="pt/DOM/element.onmousemove">onmousemove</a></dt>
+ <dd>Returns the event handling code for the mousemove event.</dd>
+</dl>
+
+<dl>
+ <dt><a href="pt/DOM/element.onmouseout">onmouseout</a></dt>
+ <dd>Returns the event handling code for the mouseout event.</dd>
+</dl>
+
+<dl>
+ <dt><a href="pt/DOM/element.onmouseover">onmouseover</a></dt>
+ <dd>Returns the event handling code for the mouseover event.</dd>
+</dl>
+
+<dl>
+ <dt><a href="pt/DOM/element.onmouseup">onmouseup</a></dt>
+ <dd>Returns the event handling code for the mouseup event.</dd>
+</dl>
+
+<dl>
+ <dt><a href="pt/DOM/element.onresize">onresize</a></dt>
+ <dd>Returns the event handling code for the resize event.</dd>
+</dl>
+
+<dl>
+ <dt><a href="pt/DOM/element.onscroll">onscroll</a></dt>
+ <dd>Returns the event handling code for the scroll event.</dd>
+</dl>
+
+<div class="noinclude"> </div>
+
+<h2 id="Compatibilidade_de_navegador">Compatibilidade de navegador</h2>
+
+
+
+<p>{{Compat("api.Element")}}</p>
diff --git a/files/pt-pt/web/api/api_entradas_de_diretoria_e_ficheiro/index.html b/files/pt-pt/web/api/file_and_directory_entries_api/index.html
index 26e56945ee..3c3d90dd9f 100644
--- a/files/pt-pt/web/api/api_entradas_de_diretoria_e_ficheiro/index.html
+++ b/files/pt-pt/web/api/file_and_directory_entries_api/index.html
@@ -1,6 +1,6 @@
 ---
 title: API Entradas de Diretoria e Ficheiro
-slug: Web/API/API_Entradas_de_Diretoria_e_Ficheiro
+slug: Web/API/File_and_Directory_Entries_API
 tags:
   - API
   - API Entradas de Diretoria e Ficheiro
@@ -11,6 +11,7 @@ tags:
   - Resuno
   - Sinopse
 translation_of: Web/API/File_and_Directory_Entries_API
+original_slug: Web/API/API_Entradas_de_Diretoria_e_Ficheiro
 ---
 <p>{{DefaultAPISidebar("File System API")}}{{Non-standard_header}}</p>
 
diff --git a/files/pt-pt/web/api/sistema_de_ficheiros/index.html b/files/pt-pt/web/api/filesystem/index.html
index 76c4db9d6c..f755c6d43e 100644
--- a/files/pt-pt/web/api/sistema_de_ficheiros/index.html
+++ b/files/pt-pt/web/api/filesystem/index.html
@@ -1,6 +1,6 @@
 ---
 title: Sistema de Ficheiros
-slug: Web/API/Sistema_de_ficheiros
+slug: Web/API/FileSystem
 tags:
   - API
   - File API
@@ -11,6 +11,7 @@ tags:
   - Offline
   - filesystem
 translation_of: Web/API/FileSystem
+original_slug: Web/API/Sistema_de_ficheiros
 ---
 <div>
 <p>{{APIRef("File System API")}}{{SeeCompatTable}}</p>
diff --git a/files/pt-pt/web/api/geolocation/utilizacao_da_geolocalizacao/index.html b/files/pt-pt/web/api/geolocation_api/index.html
index 40fb7ce571..c9d0a60cb1 100644
--- a/files/pt-pt/web/api/geolocation/utilizacao_da_geolocalizacao/index.html
+++ b/files/pt-pt/web/api/geolocation_api/index.html
@@ -1,11 +1,12 @@
 ---
 title: API de Geolocalização
-slug: Web/API/Geolocation/Utilizacao_da_geolocalizacao
+slug: Web/API/Geolocation_API
 tags:
   - API de Geolocalização
   - Guía
   - Intermediário
 translation_of: Web/API/Geolocation_API
+original_slug: Web/API/Geolocation/Utilizacao_da_geolocalizacao
 ---
 <p>{{securecontext_header}}{{APIRef("Geolocation API")}}</p>
 
diff --git a/files/pt-pt/web/api/api_transmissoes_multimedia/index.html b/files/pt-pt/web/api/media_streams_api/index.html
index 399945ab71..52d9d666c9 100644
--- a/files/pt-pt/web/api/api_transmissoes_multimedia/index.html
+++ b/files/pt-pt/web/api/media_streams_api/index.html
@@ -1,6 +1,6 @@
 ---
 title: API de Captura de Transmissões de Multimédia (Media Streams)
-slug: Web/API/API_transmissoes_multimedia
+slug: Web/API/Media_Streams_API
 tags:
   - API
   - API de Transmissão de Multimédia
@@ -12,6 +12,7 @@ tags:
   - Multimedia
   - Video
 translation_of: Web/API/Media_Streams_API
+original_slug: Web/API/API_transmissoes_multimedia
 ---
 <div>{{DefaultAPISidebar("Media Capture and Streams")}}</div>
 
diff --git a/files/pt-pt/web/api/metadados/index.html b/files/pt-pt/web/api/metadata/index.html
index dd1c16c91d..de3b7848ef 100644
--- a/files/pt-pt/web/api/metadados/index.html
+++ b/files/pt-pt/web/api/metadata/index.html
@@ -1,6 +1,6 @@
 ---
 title: Metadados
-slug: Web/API/Metadados
+slug: Web/API/Metadata
 tags:
   - API
   - API Entradas de Diretoria e Ficheiro
@@ -12,6 +12,7 @@ tags:
   - Referencia
   - metadados
 translation_of: Web/API/Metadata
+original_slug: Web/API/Metadados
 ---
 <p>{{ APIRef("File System API") }}{{SeeCompatTable}}{{Non-standard_header}}</p>
 
diff --git a/files/pt-pt/web/api/navigatoronline/eventos_online_e_offline/index.html b/files/pt-pt/web/api/navigatoronline/online_and_offline_events/index.html
index 43aed9ed94..ad57eac34a 100644
--- a/files/pt-pt/web/api/navigatoronline/eventos_online_e_offline/index.html
+++ b/files/pt-pt/web/api/navigatoronline/online_and_offline_events/index.html
@@ -1,12 +1,13 @@
 ---
 title: Eventos online e offline
-slug: Web/API/NavigatorOnLine/Eventos_online_e_offline
+slug: Web/API/NavigatorOnLine/Online_and_offline_events
 tags:
   - AJAX
   - DOM
   - Desenvolvimento_Web
   - Todas_as_Categorias
 translation_of: Web/API/NavigatorOnLine/Online_and_offline_events
+original_slug: Web/API/NavigatorOnLine/Eventos_online_e_offline
 ---
 <p>O <a href="pt/Firefox_3_para_desenvolvedores">Firefox 3</a> implementou <a class="external" href="http://www.whatwg.org/specs/web-apps/current-work/#offline">eventos Online/Offline</a> da <a class="external" href="http://www.whatwg.org/specs/web-apps/current-work/">especificação WHATWG Web Applications 1.0</a>.</p>
 
diff --git a/files/pt-pt/web/api/node/appendchild/index.html b/files/pt-pt/web/api/node/appendchild/index.html
new file mode 100644
index 0000000000..401343d844
--- /dev/null
+++ b/files/pt-pt/web/api/node/appendchild/index.html
@@ -0,0 +1,32 @@
+---
+title: element.appendChild
+slug: Web/API/Node/appendChild
+tags:
+  - Referência_do_DOM_Gecko
+translation_of: Web/API/Node/appendChild
+original_slug: DOM/element.appendChild
+---
+<p>{{ ApiRef() }}</p>
+<h3 id="Sumario" name="Sumario">Sumario</h3>
+<p>Adiciona um novo nó (filho) a um determinado elemento (objeto)</p>
+<h3 id="Sintaxe" name="Sintaxe">Sintaxe</h3>
+<pre class="eval"><i>element</i>.appendChild(<i>child</i>)
+</pre>
+<ul>
+ <li><code>element</code> é o elemento pai.</li>
+ <li><code>child</code> é o nó que será adicionado como filho de <code>element</code>.</li>
+</ul>
+<h3 id="Exemplo" name="Exemplo">Exemplo</h3>
+<pre>// Cria um novo Elemento(Objeto)
+var p = document.createElement("p");
+
+// Adiciona ao Elemento Body (este deverá existir!)
+document.body.appendChild(p);
+</pre>
+<h3 id="Notas" name="Notas">Notas</h3>
+<p>Se <code>child</code> é a referência para um nó ja existente no documento, <code>appendChild</code> moverá este para a nova posição (ou seja não é necessário remover um nó de uma posição para depois adicionar em outra). Isto significa que um nó não pode estar em dois lugares do documento ao mesmo tempo.</p>
+<p>Você pode usar também <a href="pt/DOM/element.cloneNode">cloneNode</a> para copiar este nó e depois adicioná-lo a outro elemento. (Observe que ao criar um objeto ultilizando <code>cloneNode</code> ou <code>createElement</code> este não fará parte do documento até você torna-lo parte deste usando appendChild ou método similar)</p>
+<p>Métodos relacionados : <a href="pt/DOM/element.insertBefore">insertBefore</a>, <a href="pt/DOM/element.replaceChild">replaceChild</a> and <a href="pt/DOM/element.removeChild">removeChild</a>. <span class="comment">&lt;code&gt;appendChild&lt;/code&gt; é um dos métodos essenciais na programação usando DOM. O método &lt;code&gt;appendChild&lt;/code&gt; insere um novo nó na estrutura DOM e este é a segunda parte da metodologia create-and-append.</span></p>
+<h3 id="Especifica.C3.A7.C3.A3o" name="Especifica.C3.A7.C3.A3o">Especificação</h3>
+<p><a class="external" href="http://www.w3.org/TR/DOM-Level-2-Core/core.html#ID-184E7107">DOM Level 2 Core: appendChild</a></p>
+<p>{{ languages( { "en": "en/DOM/element.appendChild", "fr": "fr/DOM/element.appendChild", "pl": "pl/DOM/element.appendChild" } ) }}</p>
diff --git a/files/pt-pt/web/api/node/clonenode/index.html b/files/pt-pt/web/api/node/clonenode/index.html
new file mode 100644
index 0000000000..cca183e508
--- /dev/null
+++ b/files/pt-pt/web/api/node/clonenode/index.html
@@ -0,0 +1,56 @@
+---
+title: element.cloneNode
+slug: Web/API/Node/cloneNode
+translation_of: Web/API/Node/cloneNode
+original_slug: DOM/element.cloneNode
+---
+<h3 id="Resumo" name="Resumo">Resumo</h3>
+
+<p>Retorna a cópia de um elemento.</p>
+
+<h3 id="Syntax" name="Syntax">Syntax</h3>
+
+<pre class="eval"><em>dupNode</em> = <em>element</em>.cloneNode(<em>deep</em>);
+</pre>
+
+<ul>
+ <li><code>dupNode</code> é variável que receberá o nó gerado</li>
+ <li><code>element</code> é o elemento pai (o elemento que contém o nó que será copiado)</li>
+ <li><code>deep</code> é um valor boleano, obrigatório que indica de o a clone vai ser completo ou não (ver <a href="#Notas">notas</a>).</li>
+</ul>
+
+<h3 id="Example" name="Example">Example</h3>
+
+<pre>p = document.getElementById("diogok");
+p_prime = p.cloneNode(true);
+</pre>
+
+<h3 id="Notas" name="Notas">Notas</h3>
+
+<p>Clonando um nó copiamos todos seus atributos e seus respectivos valores</p>
+
+<p>O nó clonado retornado por <code>cloneNode</code> não faz parte do documento enquanto não for adicionado a um outro nó que faça parte do documento usando <a href="/pt/DOM/element.appendChild" title="pt/DOM/element.appendChild">appendChild</a> ou outro método similar. Enquanto não for adicionado a um outro nó, será um nó sem pai. Ou seja, o clone não herda o pai do original.</p>
+
+<p>Se <code>deep</code> for <code>false</code>, nada sobre os nós filhos será clonado. <em>Qualquer texto contido no nó não será clonado junto</em>, já que o texto fica contido em nós de texto.</p>
+
+<p>Se <code>deep</code> for <code>true</code>, toda a subárvore (incluíndo texto) é copiado também. Para nós vazios (como os elementos IMG e INPUT) não importa qua valor que você coloque em <code>deep</code>, mas você ainda deve definir um valor</p>
+
+<p>Note que o cloneNode pode causar o problema de termos dois elementos com um mesmo id em um documento!</p>
+
+<p>Somente os eventos colocados em atributos inline são copiados. Os eventos adicionados após a renderização do nó via javascript não são copiados. <code> </code></p>
+
+<pre class="eval">var elms = document.getElementById('foo');
+elms.onclick = function(){
+	alert('Eu não deveria ser copiado?');
+}
+var g = elms.cloneNode(true);
+g.id = 'foo2';
+g.style.top = '0px';
+document.body.appendChild(g);
+</pre>
+
+<p>No trecho de código acima o atributo <code>onclick</code> não é copiado. Nem mesmo com <code>addEventListener</code>.</p>
+
+<h3 id="Especifica.C3.A7.C3.A3o" name="Especifica.C3.A7.C3.A3o">Especificação</h3>
+
+<p><a class="external" href="http://w3.org/TR/DOM-Level-2-Core/core.html#ID-3A0ED0A4">DOM Level 2 Core: cloneNode</a></p>
diff --git a/files/pt-pt/web/api/node/insertbefore/index.html b/files/pt-pt/web/api/node/insertbefore/index.html
new file mode 100644
index 0000000000..109b5a51b4
--- /dev/null
+++ b/files/pt-pt/web/api/node/insertbefore/index.html
@@ -0,0 +1,61 @@
+---
+title: element.insertBefore
+slug: Web/API/Node/insertBefore
+tags:
+  - Referência_do_DOM_Gecko
+translation_of: Web/API/Node/insertBefore
+original_slug: DOM/element.insertBefore
+---
+<p>{{ ApiRef() }}</p>
+<h3 id="Sum.C3.A1rio" name="Sum.C3.A1rio">Sumário</h3>
+<p>Insere um nó filho ao nó atual, antes de um determinado elemento.</p>
+<h3 id="S.C3.ADntaxe" name="S.C3.ADntaxe">Síntaxe</h3>
+<pre class="eval">var<i>insertedElement</i> =<i>parentElement</i>.insertBefore(<i>newElement</i>,<i>referenceElement</i>)
+</pre>
+<p>If <var>referenceElement</var> is <code>null</code>, <var>newElement</var> is inserted at the end of the list of child nodes.</p>
+<ul>
+ <li><code>insertedElement</code> é o novo inserido,ou seja é o <code>newElement</code></li>
+ <li><code>parentElement</code> é o elemento pai que receberá o novo nó inserido.</li>
+ <li><code>newElement</code> é o novo elemento que será inserido</li>
+ <li><code>referenceElement</code> o novo nó ficará antes desse elemento</li>
+</ul>
+<p>Se <var>referenceElement</var> é <code>null</code> o elemento é inserido em último lugar na lista de nós filhos. Ver <code><a href="pt/DOM/element.childNodes">childNodes</a></code></p>
+<h3 id="Exemplo" name="Exemplo">Exemplo</h3>
+<pre> &lt;html&gt;
+
+ &lt;head&gt;
+ &lt;title&gt;Gecko DOM insertBefore test&lt;/title&gt;
+ &lt;/head&gt;
+ &lt;body&gt;
+ &lt;div&gt;
+   &lt;span id="childSpan"&gt;foo bar&lt;/span&gt;
+ &lt;/div&gt;
+
+ &lt;script type="text/javascript"&gt;
+ // cria um elemento vazio
+ // sem ID ou qualquer outro atributo
+ var sp1 = document.createElement("span");
+
+ // atribui o ID 'newSpan' para o elemento criado
+ sp1.setAttribute("id", "newSpan");
+
+ //cria um conteudo para o novo elemento,um texto curto
+ var sp1_content = document.createTextNode("This is a new span element. ");
+ // adiciona o conteúdo a novo elemento
+ sp1.appendChild(sp1_content);
+
+ var sp2 = document.getElementById("childSpan");
+ var parentDiv = sp2.parentNode;
+
+ // insere o novo elemento antes sp2
+ parentDiv.insertBefore(sp1, sp2);
+ &lt;/script&gt;
+
+ &lt;/body&gt;
+ &lt;/html&gt;
+</pre>
+<p>Não há um método <code>insertAfter</code>(insere depois), porém pode se obter um resultado semelhante usando a combinação entre <code>insertBefore</code> e <code><a href="pt/DOM/element.nextSibling">nextSibling</a></code>. Por exemplo, <code>sp1</code> pode inserido depois de <code>sp2</code> usando comando parentDiv.insertBefore(sp1, sp2.nextSibling); Se a propridade <code>nextSibling</code> retornar <code>null</code> indica que o elemento é o último nó filho, logo novo elemento será incluído no final da lista de nós filhos</p>
+<p> </p>
+<h3 id="Espefica.C3.A7.C3.A3o" name="Espefica.C3.A7.C3.A3o">Espeficação</h3>
+<p><a class="external" href="http://www.w3.org/TR/2000/REC-DOM-Level-2-Core-20001113/core.html#ID-952280727">insertBefore </a></p>
+<p>{{ languages( { "en": "en/DOM/element.insertBefore", "pl": "pl/DOM/element.insertBefore", "fr": "fr/DOM/element.insertBefore" } ) }}</p>
diff --git a/files/pt-pt/web/api/notifications_api/utilizar_api_notificações/index.html b/files/pt-pt/web/api/notifications_api/using_the_notifications_api/index.html
index ca76a8b6bd..947521344c 100644
--- a/files/pt-pt/web/api/notifications_api/utilizar_api_notificações/index.html
+++ b/files/pt-pt/web/api/notifications_api/using_the_notifications_api/index.html
@@ -1,7 +1,8 @@
 ---
 title: Utilizar a API de Notificações
-slug: Web/API/Notifications_API/Utilizar_API_Notificações
+slug: Web/API/Notifications_API/Using_the_Notifications_API
 translation_of: Web/API/Notifications_API/Using_the_Notifications_API
+original_slug: Web/API/Notifications_API/Utilizar_API_Notificações
 ---
 <p>{{APIRef("Web Notifications")}}</p>
 
diff --git a/files/pt-pt/web/api/selection/index.html b/files/pt-pt/web/api/selection/index.html
new file mode 100644
index 0000000000..7d4f7d8731
--- /dev/null
+++ b/files/pt-pt/web/api/selection/index.html
@@ -0,0 +1,77 @@
+---
+title: Selection (Seleção)
+slug: Web/API/Selection
+translation_of: Web/API/Selection
+original_slug: DOM/Selection
+---
+<h3 id="Introduction" name="Introduction">Introdução</h3>
+
+<p>Selection é a classe do objeto retornado por <code><a href="/en/DOM/window.getSelection" title="en/DOM/window.getSelection">window.getSelection()</a></code> e outros métodos. Um objeto Selection representa os intervalos que o usuário tenha selecionado. Normalmente, ele tem apenas um intervalo, acessada assim:</p>
+
+<pre>selection = window.getSelection();
+range = selection.getRangeAt(0);</pre>
+
+<p>Chamar o método <code><a href="/en/DOM/Selection/toString" title="en/DOM/Selection/toString">toString()</a></code> retorna o texto contido na seleção, por exemplo:</p>
+
+<pre>selection = window.getSelection();
+window.alert(selection);
+</pre>
+
+<h3 id="Glossário">Glossário</h3>
+
+<p>Outros termos utilizados nesta seção.</p>
+
+<dl>
+ <dt>Âncora (anchor)</dt>
+ <dd>A âncora de uma seleção é o ponto de início da seleção. Ao fazer uma seleção com um mouse, a âncora no documento é o local onde o botão do mouse é inicialmente pressionado. Como o usuário muda a seleção usando o mouse ou o teclado, a âncora não se move.</dd>
+ <dt>Foco (focus)</dt>
+ <dd>O foco da seleção é o ponto final da seleção. Ao fazer uma seleção com o mouse, o foco está no documento onde o botão do mouse é liberado. Como o usuário muda a seleção usando o mouse ou o teclado, o foco é a final da seleção que se move.</dd>
+ <dt>Intervalo (range)</dt>
+ <dd>Um intervalo é uma parte contígua de um documento. Um intervalo pode conter nós inteiro, bem como partes de nós, como uma parte de um nó de texto. Um usuário normalmente só seleciona um intervalo de cada vez, mas é possível que um usuário selecione vários intervalos (por exemplo, usando a tecla Control). Um intervalo pode ser recuperado a partir de uma seleção como um objeto Range. Objetos Range também podem ser criadas através do DOM e programaticamente adicionado ou removido de uma seleção.</dd>
+</dl>
+
+<h3 id="Properties" name="Properties">Propriedades</h3>
+
+<dl>
+ <dt><a href="/en/DOM/Selection/anchorNode" title="en/DOM/Selection/anchorNode">anchorNode</a></dt>
+ <dd>Retorna o nó em que a seleção começa.</dd>
+ <dt><a href="/en/DOM/Selection/anchorOffset" title="en/DOM/Selection/anchorOffset">anchorOffset</a></dt>
+ <dd>Retorna o número de caracteres que a âncora da seleção é compensada dentro do anchorNode.</dd>
+ <dt><a href="/en/DOM/Selection/focusNode" title="en/DOM/Selection/focusNode">focusNode</a></dt>
+ <dd>Retorna o nó em que a seleção termina.</dd>
+ <dt><a href="/en/DOM/Selection/focusOffset" title="en/DOM/Selection/focusOffset">focusOffset</a></dt>
+ <dd>Retorna o número de caracteres que o foco da seleção é compensado dentro do focusNode.</dd>
+ <dt><a href="/en/DOM/Selection/isCollapsed" title="en/DOM/Selection/isCollapsed">isCollapsed</a></dt>
+ <dd>Retorna um booleano indicando se os pontos de início e fim da seleção estão na mesma posição.</dd>
+ <dt><a href="/en/DOM/Selection/rangeCount" title="en/DOM/Selection/rangeCount">rangeCount</a></dt>
+ <dd>Retorna o número de faixas na seleção.</dd>
+</dl>
+
+<h3 id="Methods" name="Methods">Métodos</h3>
+
+<dl>
+ <dt><a href="/en/DOM/Selection/addRange" title="en/DOM/Selection/addRange">addRange</a></dt>
+ <dd>Um objeto de intervalo (Range) que será adicionado à seleção.</dd>
+ <dt><a href="/en/DOM/Selection/collapse" title="en/DOM/Selection/collapse">collapse</a></dt>
+ <dd>Recolhe a seleção atual para um único ponto.</dd>
+ <dt><a href="/en/DOM/Selection/collapseToStart" title="en/DOM/Selection/collapseToStart">collapseToStart</a></dt>
+ <dd>Move o foco da seleção para o mesmo ponto da âncora.</dd>
+ <dt><a href="/en/DOM/Selection/collapseToEnd" title="en/DOM/Selection/collapseToEnd">collapseToEnd</a></dt>
+ <dd>Move a âncora da seleção para o mesmo ponto que o foco. O foco não se move.</dd>
+ <dt><a href="/en/DOM/Selection/containsNode" title="en/DOM/Selection/containsNode">containsNode</a></dt>
+ <dd>Indica se um determinado nó é parte da seleção.</dd>
+ <dt><a href="/en/DOM/Selection/deleteFromDocument" title="en/DOM/Selection/deleteFromDocument">deleteFromDocument</a></dt>
+ <dd>Apaga o conteúdo da seleção do documento.</dd>
+ <dt><a href="/en/DOM/Selection/extend" title="en/DOM/Selection/extend">extend</a></dt>
+ <dd>Move o foco da seleção para um ponto especificado.</dd>
+ <dt><a href="/en/DOM/Selection/getRangeAt" title="en/DOM/Selection/getRangeAt">getRangeAt</a></dt>
+ <dd>Retorna um objeto de intervalo (Range) representando um dos intervalos atualmente selecionados.</dd>
+ <dt><a href="/en/DOM/Selection/removeAllRanges" title="en/DOM/Selection/removeAllRanges">removeAllRanges</a></dt>
+ <dd>Remove todos os intervalos da seleção.</dd>
+ <dt><a href="/en/DOM/Selection/removeRange" title="en/DOM/Selection/removeRange">removeRange</a></dt>
+ <dd>Remove uma faixa (range) da seleção.</dd>
+ <dt><a href="/en/DOM/Selection/selectAllChildren" title="en/DOM/Selection/selectAllChildren">selectAllChildren</a></dt>
+ <dd>Adiciona todos os filhos do nó especificado para a seleção.</dd>
+ <dt><a href="/en/DOM/Selection/toString" title="en/DOM/Selection/toString">toString</a></dt>
+ <dd>Retorna uma string a ser representada pelo objeto de seleção, ou seja, o texto atualmente selecionado.</dd>
+</dl>
diff --git a/files/pt-pt/web/api/api_armazenamento/index.html b/files/pt-pt/web/api/storage_api/index.html
index 434cee963d..28918cf371 100644
--- a/files/pt-pt/web/api/api_armazenamento/index.html
+++ b/files/pt-pt/web/api/storage_api/index.html
@@ -1,6 +1,6 @@
 ---
 title: API de armazenamento
-slug: Web/API/API_armazenamento
+slug: Web/API/Storage_API
 tags:
   - API
   - API de armazenamento
@@ -12,6 +12,7 @@ tags:
   - Sinopse
   - Utilização
 translation_of: Web/API/Storage_API
+original_slug: Web/API/API_armazenamento
 ---
 <p>{{securecontext_header}}{{DefaultAPISidebar("Storage")}}</p>
 
diff --git a/files/pt-pt/web/api/web_audio_api/utilizar_api_audio_web/index.html b/files/pt-pt/web/api/web_audio_api/using_web_audio_api/index.html
index d9a72f2694..b4c7daf6c4 100644
--- a/files/pt-pt/web/api/web_audio_api/utilizar_api_audio_web/index.html
+++ b/files/pt-pt/web/api/web_audio_api/using_web_audio_api/index.html
@@ -1,6 +1,6 @@
 ---
 title: Utilizar a API de Áudio da Web
-slug: Web/API/Web_Audio_API/Utilizar_api_audio_web
+slug: Web/API/Web_Audio_API/Using_Web_Audio_API
 tags:
   - API
   - API de Áudio da Web
@@ -9,6 +9,7 @@ tags:
   - Utilização
   - básicos
 translation_of: Web/API/Web_Audio_API/Using_Web_Audio_API
+original_slug: Web/API/Web_Audio_API/Utilizar_api_audio_web
 ---
 <div>{{DefaultAPISidebar("Web Audio API")}}</div>
 
diff --git a/files/pt-pt/web/api/api_autenticacao_web/index.html b/files/pt-pt/web/api/web_authentication_api/index.html
index ecc97dd5c0..65a1bf21aa 100644
--- a/files/pt-pt/web/api/api_autenticacao_web/index.html
+++ b/files/pt-pt/web/api/web_authentication_api/index.html
@@ -1,12 +1,13 @@
 ---
 title: APi de Autenticação da Web
-slug: Web/API/API_Autenticacao_Web
+slug: Web/API/Web_Authentication_API
 tags:
   - API
   - API de Autenticação da Web
   - Landing
   - Referencia
 translation_of: Web/API/Web_Authentication_API
+original_slug: Web/API/API_Autenticacao_Web
 ---
 <div>{{draft}}{{SeeCompatTable}}{{securecontext_header}}{{DefaultAPISidebar("Web Authentication API")}}</div>
 
diff --git a/files/pt-pt/web/api/web_storage_api/index.html b/files/pt-pt/web/api/web_storage_api/index.html
new file mode 100644
index 0000000000..5984d60461
--- /dev/null
+++ b/files/pt-pt/web/api/web_storage_api/index.html
@@ -0,0 +1,109 @@
+---
+title: DOM Storage
+slug: Web/API/Web_Storage_API
+original_slug: DOM/Storage
+---
+<p>{{ ApiRef() }} {{ Fx_minversion_header(2) }}</p>
+<h3 id="Summary" name="Summary">Resumo</h3>
+<p>DOM Storage é o nome dado ao conjunto de características de armazenamento relacionadas (<a class="external" href="http://www.whatwg.org/specs/web-apps/current-work/#storage">storage-related features</a>) inicialmente apresentadas na especificação <a class="external" href="http://www.whatwg.org/specs/web-apps/current-work/" title="http://www.whatwg.org/specs/web-apps/current-work/">Web Applications 1.0</a>, e agora dividida em sua própria especificação <a class="external" href="http://dev.w3.org/html5/webstorage/" title="http://dev.w3.org/html5/webstorage/">W3C Web Storage</a>. DOM Storage foi desenhado para proporcionar uma alternativa mais segura e fácil de usar, para o armazenamento de informações em cookies. Atualmente ela está disponível somente nos navegadores baseados no Mozilla e WebKit, começando notavelmente com o <a class="internal" href="/pt/Firefox_2_para_desenvolvedores" title="pt/Firefox 2 para desenvolvedores">Firefox 2</a> e o <a class="external" href="http://developer.apple.com/safari/library/documentation/iPhone/Conceptual/SafariJSDatabaseGuide/Name-ValueStorage/Name-ValueStorage.html" title="http://developer.apple.com/safari/library/documentation/iPhone/Conceptual/SafariJSDatabaseGuide/Name-ValueStorage/Name-ValueStorage.html">Safari 4</a>.</p>
+<div class="note">
+ <strong>Nota:</strong> DOM Storage não é o mesmo que <a href="/en/Storage" title="en/Storage">mozStorage</a> (Interface XPCOM da Mozilla para o SQLite) ou <a href="/en/Session_store_API" title="en/Session_store_API">Session store API</a> (uma ferramenta de armazenamento <a href="/en/XPCOM" title="en/XPCOM">XPCOM</a> para uso de extensões).</div>
+<h3 id="Description" name="Description">Descrição</h3>
+<p>O mecanismo DOM Storage é um meio através do qual pares de strings de chaves/valores podem ser armazenados com segurança e mais tarde recuperados para uso.  A meta desta adição é proporcionar um meio compreensível através do qual aplicações interativas possam ser construídas (incluindo habilidades avançadas, tal como ser capaz de trabalhar "offline" por períodos de tempo maiores).</p>
+<p>Atualmente, somente navegadores baseados no Mozilla, Internet Explorer 8 beta 2 e Safari (não outros navegadores baseados em webkit, por exemplo, o Google Chrome) proporcionam um trabalho de implementação da especificação do DOM Storage. O Internet Explorer anterior a versão 8 tem uma característica similar chamada "<a class="external" href="http://msdn.microsoft.com/en-us/library/ms531424(VS.85).aspx">userData behavior</a>" que permite guardar dados através de múltiplas sessões do navegador.</p>
+<p>Dom Storage é útil porque não existem métodos diretamente nos navegadores, bons para guardar quantidades de dados razoáveis por qualquer período de tempo. Os cookies do navegador (<a class="external" href="http://en.wikipedia.org/wiki/HTTP_cookie">Browser cookies</a>) tem uma capacidade limitada e não proporcionam suporte para organizar dados armazenados, e outros métodos (tal como <a class="external" href="http://www.macromedia.com/support/documentation/en/flashplayer/help/help02.html">Flash Local Storage</a>) que requerem um plugin externo.</p>
+<p>Umas dos primeiros aplicativos públicos a fazer uso da nova funcionalidade DOM Storage (em adição ao userData Behavior do Internet Explorer) foi o <a class="external" href="http://aaronboodman.com/halfnote/">halfnote</a> (um aplicativo de tomada de notas) escrito por <a class="external" href="http://aaronboodman.com/">Aaron Boodman</a>. Em seu aplicativo, Aaron simultaneamente salvava notas no servidor (quando a conexão a internet estava disponível) e em um armazenamento local de dados. Isto permitia ao usuário escrever seguramente, cópias de notas mesmo com uma conexão esporádica à internet.</p>
+<p>Embora o conceito e implementação apresentados no halfnote seja comparativamente simples, sua criação mostra a possibilidade para uma nova geração de aplicativos web que sejam utilizáveis tanto online quanto offline.</p>
+<h3 id="Reference" name="Reference">Referência</h3>
+<p>A seguir vem objetos globais que existem como propriedades de todos os <a href="/en/DOM/window" title="en/DOM/window"><code>window</code> object</a>. Isto significa que eles podem ser acessados por <code>sessionStorage</code> ou <code>window.sessionStorage</code>. (Isto é importante porque você pode então usar IFrames para armazenar, ou acessar, dados adicionais, além do que está imediatamente incluído em sua página).</p>
+<h4 id="sessionStorage" name="sessionStorage"><code>Storage</code></h4>
+<p>Este é um construtor (<code>Storage</code>) para todas as instâncias Storage (<code>sessionStorage</code> e <code>globalStorage[location.host]).</code> <code>Storage.prototype.removeKey = function(key){ this.removeItem(this.key(key)) }</code> assim configuradao, pode ser acessado como <code>localStorage.removeKey e sessionStorage.removeKey</code>.</p>
+<p><code>Itens globalStorage</code> não são instâncias de <code>Storage</code>, e sim uma instância de <code>StorageObsolete</code>.</p>
+<p><code>Storage</code> é definido pelo WhatWG <a class="external" href="http://dev.w3.org/html5/webstorage/#storage-0" title="http://dev.w3.org/html5/webstorage/#storage-0">Storage Interface</a> como:</p>
+<pre class="eval">interface <dfn>Storage</dfn> {
+  readonly attribute unsigned long <a class="external" href="http://dev.w3.org/html5/webstorage/#dom-storage-length" title="dom-Storage-length">length</a>;
+  [IndexGetter] DOMString <a class="external" href="http://dev.w3.org/html5/webstorage/#dom-storage-key" title="dom-Storage-key">key</a>(in unsigned long index);
+  [NameGetter] DOMString <a class="external" href="http://dev.w3.org/html5/webstorage/#dom-storage-getitem" title="dom-Storage-getItem">getItem</a>(in DOMString key);
+  [NameSetter] void <a class="external" href="http://dev.w3.org/html5/webstorage/#dom-storage-setitem" title="dom-Storage-setItem">setItem</a>(in DOMString key, in DOMString data);
+  [NameDeleter] void <a class="external" href="http://dev.w3.org/html5/webstorage/#dom-storage-removeitem" title="dom-Storage-removeItem">removeItem</a>(in DOMString key);
+  void <a class="external" href="http://dev.w3.org/html5/webstorage/#dom-storage-clear" title="dom-Storage-clear">clear</a>();
+};</pre>
+<p> </p>
+<h4 id="sessionStorage" name="sessionStorage"><code>sessionStorage</code></h4>
+<p>Este é um objeto global (<code>sessionStorage</code>) que mantém uma área de armazenamento disponível enquanto durar a sessão da página. Uma sessão de página dura enquanto o navegador estiver aberto e continua mesmo sobre recarregamentos e restaurações. Abrindo uma página em uma nova aba ou janela causará o início de uma nova sessão.</p>
+<pre class="eval">// Save data to a the current session's store
+sessionStorage.username = "John";
+
+// Access some stored data
+alert( "username = " + sessionStorage.username );
+</pre>
+<p>O objeto <code>sessionStorage</code> é útil para guardar dados temporários que devem ser salvos e restaurados se o navegador for atualizado acidentalmente.</p>
+<p>{{ fx_minversion_note("3.5", "Nas versões anteriores ao Firefox 3.5, os dados em sessionStorage não eram restaurados automaticamente depois de recuperar-se de uma quebra no navegador. A partir do Firefox 3.5, isto funciona como na especificação.") }}</p>
+<p><strong>Exemplos:</strong></p>
+<p>Autosalvar o conteúdo de uma campo de texto, e se o navegador for atualizado acidentalmente , restaurar o conteúdo do campo de texto, não tendo perdas na escrita.</p>
+<pre class="eval"> // Get the text field that we're going to track
+ var field = document.getElementById("field");
+
+ // See if we have an autosave value
+ // (this will only happen if the page is accidentally refreshed)
+ if ( sessionStorage.autosave ) {
+     // Restore the contents of the text field
+     field.value = sessionStorage.autosave;
+ }
+
+ // Check the contents of the text field every second
+ setInterval(function(){
+     // And save the results into the session storage object
+     sessionStorage.autosave = field.value;
+ }, 1000);
+</pre>
+<p><strong>Mais informações:</strong></p>
+<ul>
+ <li><a class="external" href="http://dev.w3.org/html5/webstorage/#the-sessionstorage-attribute" title="http://dev.w3.org/html5/webstorage/#the-sessionstorage-attribute">sessionStorage specification</a></li>
+</ul>
+<h4 id="globalStorage" name="globalStorage"><code>globalStorage</code></h4>
+<p>{{ Non-standard_header() }} Este é um objeto global (<code>globalStorage</code>) que mantém múltiplas áreas de armazenamento privadas que podem ser usadas para guardar dados por um longo período de tempo (por exemplo, sobre múltiplas láginas e sessões do navegador).</p>
+<div class="warning">
+ Nota: <code>globalStorage</code> não é uma instância de <code>Storage</code>, mas uma instância <code>StorageList</code> contendo instâncias <code>StorageObsolete</code>.</div>
+<pre class="eval">// Save data that only scripts on the mozilla.org domain can access
+globalStorage['mozilla.org'].snippet = "&lt;b&gt;Hello&lt;/b&gt;, how are you?";
+</pre>
+<p>Especificamente, o objeto <code>globalStorage</code> fornece acesso a um número de diferentes objetos de armazenamento em que os dados sejam armazenados. Por exemplo, se construirmos uma página web que use <code>globalStorage</code> em seu domínio (developer.mozilla.org) é necessário termos o objeto de armazenamento a seguir disponível para nós:</p>
+<ul>
+ <li><code>globalStorage{{ mediawiki.external('\'developer.mozilla.org\'') }}</code> - Todas as páginas web com o subdomínio developer.mozilla.org podem tanto ler quanto escrever dados neste objeto de armazenamento.</li>
+</ul>
+<p>{{ Fx_minversion_note(3, "O Firefox 2 passou a permitir acesso aos objetos de armazenamento superiores ao documento corrente na hierarquia do domínio. Por razões de segurança isto não é mais permitido no Firefox 3. Além disso, a proposta de adição ao HTML 5 foi removida da especificação do HTML 5 em favor de <code>localStorage</code>, que foi implementado no Firefox 3.5.") }}</p>
+<p><strong>Exemplos:</strong></p>
+<p>Todos estes exemplos requerem que você tenha uns script inserido (com o código seguinte) em todas as páginas que você quiser ver o resultado.</p>
+<p>Lembrar o nome de usuário para o subdomínio particular que está sendo visitado:</p>
+<pre class="eval"> globalStorage['developer.mozilla.org'].username = "John";
+</pre>
+<p>Manter o número de vezes que um usuário visitou todas as páginas do seu domínio:</p>
+<pre class="eval"> // parseInt must be used since all data is stored as a string
+ globalStorage['mozilla.org'].visits =
+     parseInt( globalStorage['mozilla.org'].visits || 0 ) + 1;
+</pre>
+<h4 id="globalStorage" name="globalStorage"><code>localStorage</code></h4>
+<p><code>localStorage</code> é o mesmo que <code>globalStorage[location.hostname]</code>, com a exceção de ser projetado para a origem do HTML 5 (esquema + nome do host + porta não padrão) e <code>localStorage</code> é uma instância de <code>Storage</code> diferente de <code>globalStorage[location.hostname]</code> que é uma instância de <code>StorageObsolete</code>. Por exemplo, <a class="external" href="http://example.com" rel="freelink">http://example.com</a> não está disponível para acessar o mesmo objeto <code>localStorage</code> que <a class="link-https" href="https://example.com" rel="freelink">https://example.com</a> mas eles podem acessar o mesmo item <code>globalStorage</code>. <code>localStorage</code> é uma interface padrão enquanto <code>globalStorage</code> não é padrão. <code>localStorage</code> foi adicionada ao Firefox 3.5.</p>
+<p>Por favor, note que configurar a propriedade <code>globalStorage[location.hostname]</code> <strong>não</strong> a configura em <code>localStorage</code> e por extensão <code>Storage.prototype</code> não afeta itens <code>globalStorage</code>, somente extendendo o que <code>StorageObsolete.prototype</code> faz.</p>
+<div class="note">
+ <strong>Nota:</strong> Quando o navegador entra em modo de navegação privada, um novo banco de dados temporário é criado para guardar dados de armazenamento local; este banco de dados é vazio, e é jogado fora qunado o modo de navegação privado é desativado.</div>
+<h3 id="More_information" name="More_information">Mais informações</h3>
+<ul>
+ <li><a class="external" href="http://www.w3.org/TR/webstorage/" title="http://www.w3.org/TR/webstorage/">Web Storage</a> (W3C Web Apps Working Group)</li>
+ <li><a class="external" href="http://kb.mozillazine.org/Dom.storage.enabled">Enable/Disable DOM Storage in Firefox or SeaMonkey</a></li>
+</ul>
+<h3 id="Examples" name="Examples">Exemplos</h3>
+<ul>
+ <li><a class="external" href="http://channy.creation.net/work/firefox/domstorage/">Basic DOMStorage Examples</a> - Quebrado no Firefox 3 pelo uso de globalStorage em um nível de domínio acima do domínio atual, o que não é permitido no Firefox 3.</li>
+ <li><a class="external" href="http://aaronboodman.com/halfnote/">halfnote</a> - (exibido como quebrado no Firefox 3) Aplicativo de escrita de notas que usa DOM Storage.</li>
+ <li><a class="external" href="http://noteboard.eligrey.com/" title="http://noteboard.eligrey.com/">Noteboard</a> - Aplicativo de escrita de notas que não armazena dados em um servidor. Todos os documentos são armazenados localmente. A tecla tab também trabalha na indentação de texto.</li>
+ <li><a class="external" href="http://www.eligrey.com/projects/jdata/" title="http://www.eligrey.com/projects/jdata/">jData</a> - Um objeto de interface localStorage compartilhado que pode ser acessado através de qualquer website na internet e trabalha no Firefox 3+, Webkit 3.1.2+ nightlies e IE8. É como uma pseudo-globalStorage[""] em que o acesso a escrita precisa de confirmação do usuário.</li>
+</ul>
+<h3 id="Related" name="Related">Relacionado</h3>
+<ul>
+ <li><a class="external" href="http://en.wikipedia.org/wiki/HTTP_cookie">HTTP cookies</a> (<code><a href="/en/DOM/document.cookie" title="en/DOM/document.cookie">document.cookie</a></code>)</li>
+ <li><a class="external" href="http://www.macromedia.com/support/documentation/en/flashplayer/help/help02.html">Flash Local Storage</a></li>
+ <li><a class="external" href="http://msdn2.microsoft.com/en-us/library/ms531424.aspx">Internet Explorer userData behavior</a></li>
+</ul>
+<p>{{ languages( { "en": "en/DOM/Storage", "es": "es/DOM/Almacenamiento", "fr": "fr/DOM/Storage", "ja": "ja/DOM/Storage", "pl": "pl/DOM/Storage", "zh-cn": "cn/DOM/Storage" } ) }}</p>
diff --git a/files/pt-pt/web/api/web_workers_api/utilizacao_de_web_workers/index.html b/files/pt-pt/web/api/web_workers_api/using_web_workers/index.html
index d9705559e7..9a404127dc 100644
--- a/files/pt-pt/web/api/web_workers_api/utilizacao_de_web_workers/index.html
+++ b/files/pt-pt/web/api/web_workers_api/using_web_workers/index.html
@@ -1,6 +1,6 @@
 ---
 title: Utilização de Web Workers
-slug: Web/API/Web_Workers_API/Utilizacao_de_web_workers
+slug: Web/API/Web_Workers_API/Using_web_workers
 tags:
   - Avançado
   - Firefox
@@ -9,6 +9,7 @@ tags:
   - Operadores
   - Workers
 translation_of: Web/API/Web_Workers_API/Using_web_workers
+original_slug: Web/API/Web_Workers_API/Utilizacao_de_web_workers
 ---
 <div class="summary">
 <p><em>Web Workers</em> é um meio simples para o conteúdo da Web para executar <em>scripts</em> em segmentos em segundo plano. O segmento do <em>worker</em> pode realizar tarefas sem interferir com a interface do utilizador. Em adição, eles podem executar I/O, utilizando <code><a class="internal" href="/en-US/docs/Mozilla/Tech/XPCOM/Reference/Interface/nsIXMLHttpRequest">XMLHttpRequest</a></code> (embora<code> e responseXML</code> e os atributos de <code>channel</code> são sempre nulos). Uma vez criado, um <em>worker </em>pode enviar mensagens para o código JavaScript que o criou publicando mensagens para um manipulador de evento especificado por esse código (e vice-versa.) Este artigo fornece uma introdução detalhada para utilizar <em>workers </em>da Web.</p>
diff --git a/files/pt-pt/web/api/webgl_api/constantes/index.html b/files/pt-pt/web/api/webgl_api/constants/index.html
index 8328c7976f..28bbc9b265 100644
--- a/files/pt-pt/web/api/webgl_api/constantes/index.html
+++ b/files/pt-pt/web/api/webgl_api/constants/index.html
@@ -1,12 +1,13 @@
 ---
 title: Contantes de WebGL
-slug: Web/API/WebGL_API/Constantes
+slug: Web/API/WebGL_API/Constants
 tags:
   - API
   - Referencia
   - WebGL
   - constantes
 translation_of: Web/API/WebGL_API/Constants
+original_slug: Web/API/WebGL_API/Constantes
 ---
 <div>{{WebGLSidebar}}</div>
 
diff --git a/files/pt-pt/web/api/webgl_api/dados/index.html b/files/pt-pt/web/api/webgl_api/data/index.html
index 8257367513..2b86ccb293 100644
--- a/files/pt-pt/web/api/webgl_api/dados/index.html
+++ b/files/pt-pt/web/api/webgl_api/data/index.html
@@ -1,6 +1,6 @@
 ---
 title: Dados em WebGL
-slug: Web/API/WebGL_API/Dados
+slug: Web/API/WebGL_API/Data
 tags:
   - 3D
   - API de WebGL
@@ -14,6 +14,7 @@ tags:
   - WebGL
   - graficos
 translation_of: Web/API/WebGL_API/Data
+original_slug: Web/API/WebGL_API/Dados
 ---
 <div>{{WebGLSidebar}}{{draft}}</div>
 
diff --git a/files/pt-pt/web/api/webgl_api/tipos/index.html b/files/pt-pt/web/api/webgl_api/types/index.html
index a1762958ae..f70ff586bf 100644
--- a/files/pt-pt/web/api/webgl_api/tipos/index.html
+++ b/files/pt-pt/web/api/webgl_api/types/index.html
@@ -1,7 +1,8 @@
 ---
 title: Tipos de WebGL
-slug: Web/API/WebGL_API/Tipos
+slug: Web/API/WebGL_API/Types
 translation_of: Web/API/WebGL_API/Types
+original_slug: Web/API/WebGL_API/Tipos
 ---
 <div>{{WebGLSidebar}}</div>
 
diff --git a/files/pt-pt/web/api/webgl_api/utilizar_extensões/index.html b/files/pt-pt/web/api/webgl_api/using_extensions/index.html
index a8bbe535d2..ea07fcd613 100644
--- a/files/pt-pt/web/api/webgl_api/utilizar_extensões/index.html
+++ b/files/pt-pt/web/api/webgl_api/using_extensions/index.html
@@ -1,10 +1,11 @@
 ---
 title: Utilizar extensões de WebGL
-slug: Web/API/WebGL_API/Utilizar_Extensões
+slug: Web/API/WebGL_API/Using_Extensions
 tags:
   - Avançado
   - WebGL
 translation_of: Web/API/WebGL_API/Using_Extensions
+original_slug: Web/API/WebGL_API/Utilizar_Extensões
 ---
 <div>{{WebGLSidebar}}</div>
 
diff --git a/files/pt-pt/web/api/api_webrtc/index.html b/files/pt-pt/web/api/webrtc_api/index.html
index 8e1b31898b..4597aadd44 100644
--- a/files/pt-pt/web/api/api_webrtc/index.html
+++ b/files/pt-pt/web/api/webrtc_api/index.html
@@ -1,6 +1,6 @@
 ---
 title: API de WebRTC
-slug: Web/API/API_WebRTC
+slug: Web/API/WebRTC_API
 tags:
   - API
   - API de WebRTC
@@ -12,6 +12,7 @@ tags:
   - emissão
   - transmissão
 translation_of: Web/API/WebRTC_API
+original_slug: Web/API/API_WebRTC
 ---
 <div>{{APIRef("WebRTC")}}</div>
 
diff --git a/files/pt-pt/web/api/api_webrtc/tirar_fotografias/index.html b/files/pt-pt/web/api/webrtc_api/taking_still_photos/index.html
index 203ebfab5b..6ee8a1f0e8 100644
--- a/files/pt-pt/web/api/api_webrtc/tirar_fotografias/index.html
+++ b/files/pt-pt/web/api/webrtc_api/taking_still_photos/index.html
@@ -1,6 +1,6 @@
 ---
 title: Tirar fotografias com a câmara da Web
-slug: Web/API/API_WebRTC/Tirar_fotografias
+slug: Web/API/WebRTC_API/Taking_still_photos
 tags:
   - API
   - Avançado
@@ -10,6 +10,7 @@ tags:
   - WebRTC
   - cãmara da Web
 translation_of: Web/API/WebRTC_API/Taking_still_photos
+original_slug: Web/API/API_WebRTC/Tirar_fotografias
 ---
 <p>{{WebRTCSidebar}}</p>
 
diff --git a/files/pt-pt/web/api/websockets_api/escrever_um_servidor_websocket_em_java/index.html b/files/pt-pt/web/api/websockets_api/writing_a_websocket_server_in_java/index.html
index 4181a1cd37..d41f7c7b3e 100644
--- a/files/pt-pt/web/api/websockets_api/escrever_um_servidor_websocket_em_java/index.html
+++ b/files/pt-pt/web/api/websockets_api/writing_a_websocket_server_in_java/index.html
@@ -1,12 +1,13 @@
 ---
 title: Escrever um servidor WebSocket em Java
-slug: Web/API/WebSockets_API/Escrever_um_servidor_WebSocket_em_Java
+slug: Web/API/WebSockets_API/Writing_a_WebSocket_server_in_Java
 tags:
   - HTML5
   - Handshaking
   - Tutorial
   - WebSockets
 translation_of: Web/API/WebSockets_API/Writing_a_WebSocket_server_in_Java
+original_slug: Web/API/WebSockets_API/Escrever_um_servidor_WebSocket_em_Java
 ---
 <h2 id="Introdução">Introdução</h2>
 
diff --git a/files/pt-pt/web/api/websockets_api/escrever_aplicação_cliente_de_websocket/index.html b/files/pt-pt/web/api/websockets_api/writing_websocket_client_applications/index.html
index c66e10ceaf..08b86ecca8 100644
--- a/files/pt-pt/web/api/websockets_api/escrever_aplicação_cliente_de_websocket/index.html
+++ b/files/pt-pt/web/api/websockets_api/writing_websocket_client_applications/index.html
@@ -1,6 +1,6 @@
 ---
 title: Escrever aplicação cliente de WebSocket
-slug: Web/API/WebSockets_API/Escrever_aplicação_cliente_de_WebSocket
+slug: Web/API/WebSockets_API/Writing_WebSocket_client_applications
 tags:
   - Client
   - Exemplo
@@ -11,6 +11,7 @@ tags:
   - WebSocket API
   - WebSockets
 translation_of: Web/API/WebSockets_API/Writing_WebSocket_client_applications
+original_slug: Web/API/WebSockets_API/Escrever_aplicação_cliente_de_WebSocket
 ---
 <div>{{APIRef("Websockets API")}}</div>
 
diff --git a/files/pt-pt/web/api/websockets_api/escrever_um_servidor_websocket_em_c/index.html b/files/pt-pt/web/api/websockets_api/writing_websocket_server/index.html
index a76f81d660..a842c9d7d1 100644
--- a/files/pt-pt/web/api/websockets_api/escrever_um_servidor_websocket_em_c/index.html
+++ b/files/pt-pt/web/api/websockets_api/writing_websocket_server/index.html
@@ -1,11 +1,12 @@
 ---
 title: Escrever um servidor WebSocket em C#
-slug: Web/API/WebSockets_API/Escrever_um_servidor_WebSocket_em_C
+slug: Web/API/WebSockets_API/Writing_WebSocket_server
 tags:
   - HTML5
   - Tutorial
   - WebSockets
 translation_of: Web/API/WebSockets_API/Writing_WebSocket_server
+original_slug: Web/API/WebSockets_API/Escrever_um_servidor_WebSocket_em_C
 ---
 <h2 id="Introdução">Introdução</h2>
 
diff --git a/files/pt-pt/web/api/websockets_api/escrever_servidores_de_websocket/index.html b/files/pt-pt/web/api/websockets_api/writing_websocket_servers/index.html
index 7f3b996573..173a3066fe 100644
--- a/files/pt-pt/web/api/websockets_api/escrever_servidores_de_websocket/index.html
+++ b/files/pt-pt/web/api/websockets_api/writing_websocket_servers/index.html
@@ -1,6 +1,6 @@
 ---
 title: Escrever servidores de WebSocket
-slug: Web/API/WebSockets_API/Escrever_servidores_de_WebSocket
+slug: Web/API/WebSockets_API/Writing_WebSocket_servers
 tags:
   - Guía
   - HTML5
@@ -9,6 +9,7 @@ tags:
   - WebSocket API
   - WebSockets
 translation_of: Web/API/WebSockets_API/Writing_WebSocket_servers
+original_slug: Web/API/WebSockets_API/Escrever_servidores_de_WebSocket
 ---
 <div>{{APIRef("Websockets API")}}</div>
 
diff --git a/files/pt-pt/web/api/window/barra_lateral/index.html b/files/pt-pt/web/api/window/sidebar/index.html
index d35750364d..281555281d 100644
--- a/files/pt-pt/web/api/window/barra_lateral/index.html
+++ b/files/pt-pt/web/api/window/sidebar/index.html
@@ -1,6 +1,6 @@
 ---
 title: Window.sidebar
-slug: Web/API/Window/barra_lateral
+slug: Web/API/Window/sidebar
 tags:
   - DOM
   - Janela
@@ -8,6 +8,7 @@ tags:
   - Propriedade
   - Referencia
 translation_of: Web/API/Window/sidebar
+original_slug: Web/API/Window/barra_lateral
 ---
 <div>{{APIRef}} {{Non-standard_header}}</div>
 
diff --git a/files/pt-pt/web/css/_colon_after/index.html b/files/pt-pt/web/css/_doublecolon_after/index.html
index f59fbcd5dd..26675ab646 100644
--- a/files/pt-pt/web/css/_colon_after/index.html
+++ b/files/pt-pt/web/css/_doublecolon_after/index.html
@@ -1,9 +1,10 @@
 ---
 title: ':after | ::after'
-slug: 'Web/CSS/:after'
+slug: Web/CSS/::after
 tags:
   - Referencia_CSS
-translation_of: 'Web/CSS/::after'
+translation_of: Web/CSS/::after
+original_slug: Web/CSS/:after
 ---
 <p>{{ CSSRef() }}</p>
 <h3 id="Resumo" name="Resumo">Resumo</h3>
diff --git a/files/pt-pt/web/css/_colon_before/index.html b/files/pt-pt/web/css/_doublecolon_before/index.html
index 5572a818ef..78a034d54c 100644
--- a/files/pt-pt/web/css/_colon_before/index.html
+++ b/files/pt-pt/web/css/_doublecolon_before/index.html
@@ -1,9 +1,10 @@
 ---
 title: ':before | ::before'
-slug: 'Web/CSS/:before'
+slug: Web/CSS/::before
 tags:
   - Referencia_CSS
-translation_of: 'Web/CSS/::before'
+translation_of: Web/CSS/::before
+original_slug: Web/CSS/:before
 ---
 <p>{{ CSSRef() }}</p>
 <h3 id="Resumo" name="Resumo">Resumo</h3>
diff --git a/files/pt-pt/web/css/folhas_de_estilo_alternativas/index.html b/files/pt-pt/web/css/alternative_style_sheets/index.html
index 250bb3eef9..9cf87539f9 100644
--- a/files/pt-pt/web/css/folhas_de_estilo_alternativas/index.html
+++ b/files/pt-pt/web/css/alternative_style_sheets/index.html
@@ -1,7 +1,8 @@
 ---
 title: Folhas de estilo alternativas
-slug: Web/CSS/Folhas_de_estilo_alternativas
+slug: Web/CSS/Alternative_style_sheets
 translation_of: Web/CSS/Alternative_style_sheets
+original_slug: Web/CSS/Folhas_de_estilo_alternativas
 ---
 <p>O Firefox oferece suporte a folhas de estilo alternativa. AS páginas que disponibilizam folhas de estilo alternativas permitem que o usuário selecione o estilo que a página será mostrada usando o submenu Exibir&gt;Estilos da página. Fornecendo uma maneira de visualizar várias versões de uma mesma página, com base em suas necessidades e preferências.</p>
 <p>Um site pode usar a tag link para adicionar as folhas de estilo alternativa.</p>
diff --git a/files/pt-pt/web/css/como_começar/caixas/index.html b/files/pt-pt/web/css/como_começar/caixas/index.html
deleted file mode 100644
index dff3dfb0ac..0000000000
--- a/files/pt-pt/web/css/como_começar/caixas/index.html
+++ /dev/null
@@ -1,359 +0,0 @@
----
-title: Caixas
-slug: Web/CSS/Como_começar/Caixas
-tags:
-  - 'CSS:Como_começar'
-translation_of: Learn/CSS/Building_blocks
-translation_of_original: Web/Guide/CSS/Getting_started/Boxes
----
-<p>{{ PreviousNext("CSS:Como começar:Listas", "CSS:Como começar:Disposição") }}</p>
-
-<p>Esta página descreve como você pode usar as CSS para controlar o espaço que um elemento ocupa quando é exibido.</p>
-
-<p>Em seu documento de amostra, você muda o espaçamento e adiciona regras decorativas.</p>
-
-<h2 id="Informa.C3.A7.C3.A3o:_Caixas" name="Informa.C3.A7.C3.A3o:_Caixas">Informação: Caixas</h2>
-
-<p>Quando seu navegador exibe um elemento, o elemento ocupa um espaço. Existem quatro partes do espaço que ele ocupa.</p>
-
-<p>No meio, está o espaço que o elemento precisa para exibir seu conteúdo. Em torno disso, está o enchimento. Em torno disso, está a borda. Em torno disso, está a margem.</p>
-
-<table>
- <tbody>
-  <tr>
-   <td style="width: 22em;">
-    <div style="background-color: #eee; padding: 0px 2em 2em 2em; width: 16em;">
-    <p style="text-align: center; margin: 0px;">margin</p>
-
-    <p style="text-align: center; margin: 0px 0px -.75em 0px;">border</p>
-
-    <div style="background-color: #fff; padding: 0px 2em 2em 2em; border: 4px solid #fd9;">
-    <p style="text-align: center;">padding</p>
-
-    <div style="background-color: #eee;">
-    <p style="text-align: center; padding: 0px; margin: 0px; font-size: 200%; font-weight: bold; color: #999;">element</p>
-    </div>
-    </div>
-    </div>
-
-    <p><em>A paleta cinza mostra partes da disposição.</em></p>
-   </td>
-   <td>
-    <div style="background-color: #fff; padding: 0px 2em 2em 2em; width: 16em;">
-    <p style="text-align: center; margin: 0px;"> </p>
-
-    <p style="text-align: center; margin: 0px 0px -.75em 0px;"> </p>
-
-    <div style="background-color: #fff; padding: 0px 2em 2em 2em; border: 4px solid #fd9;">
-    <p style="text-align: center;"> </p>
-
-    <div style="background-color: #fff;">
-    <p style="text-align: center; padding: 0px; margin: 0px; font-size: 200%; font-weight: bold; color: #999;">element</p>
-    </div>
-    </div>
-    </div>
-
-    <p><em>Isto é o que você vê em seu navegador.</em></p>
-   </td>
-  </tr>
- </tbody>
-</table>
-
-<p>O enchimento, a borda e a margem podem ter diferentes tamanhos no topo, na direita, em baixo e na esquerda do elemento. Qualquer ou todos estes tamanhos podem ser zero.</p>
-
-<p>O enchimento é sempre da mesma cor do fundo do elemento. Então quando você configura a cor de fundo, você vê a cor aplicada ao próprio elemento e ao seu enchimento. A margem é sempre transparente.</p>
-
-<table>
- <tbody>
-  <tr>
-   <td style="width: 22em;">
-    <div style="background-color: #eee; padding: 0px 2em 2em 2em; width: 16em;">
-    <p style="text-align: center; margin: 0px;">margin</p>
-
-    <p style="text-align: center; margin: 0px 0px -.75em 0px;">border</p>
-
-    <div style="background-color: #efe; padding: 0px 2em 2em 2em; border: 4px solid #fd9;">
-    <p style="text-align: center;">padding</p>
-
-    <div style="background-color: #ded;">
-    <p style="text-align: center; padding: 0px; margin: 0px; font-size: 200%; font-weight: bold; color: #898;">element</p>
-    </div>
-    </div>
-    </div>
-
-    <p><em>O elemento tem um fundo verde.</em></p>
-   </td>
-   <td>
-    <div style="background-color: #fff; padding: 0px 2em 2em 2em; width: 16em;">
-    <p style="text-align: center; margin: 0px;"> </p>
-
-    <p style="text-align: center; margin: 0px 0px -.75em 0px;"> </p>
-
-    <div style="background-color: #efe; padding: 0px 2em 2em 2em; border: 4px solid #fd9;">
-    <p style="text-align: center;"> </p>
-
-    <div style="background-color: #efe;">
-    <p style="text-align: center; padding: 0px; margin: 0px; font-size: 200%; font-weight: bold; color: #898;">element</p>
-    </div>
-    </div>
-    </div>
-
-    <p><em>É isto que você vê no seu navegador.</em></p>
-   </td>
-  </tr>
- </tbody>
-</table>
-
-<h3 id="Bordas" name="Bordas">Bordas</h3>
-
-<p>Você pode usar bordas para decorar elementos com linhas ou caixas.</p>
-
-<p>Para especificar a mesma borda em torno de todo o elemento, use a propriedade <code>border</code>. Especifique a largura (usualmente em pixels para exibir na tela), o estilo, e a cor.</p>
-
-<p>Os estilos são:</p>
-
-<table style="margin-left: 2em;">
- <tbody>
-  <tr>
-   <td style="width: 6em;">
-    <div style="border: 2px solid #4a4; margin: .5em; padding: .5em; width: 5em; text-align: center;"><code>solid</code></div>
-   </td>
-   <td style="width: 6em;">
-    <div style="border: 2px dotted #4a4; margin: .5em; padding: .5em; width: 5em; text-align: center;"><code>dotted</code></div>
-   </td>
-   <td style="width: 6em;">
-    <div style="border: 2px dashed #4a4; margin: .5em; padding: .5em; width: 5em; text-align: center;"><code>dashed</code></div>
-   </td>
-   <td style="width: 6em;">
-    <div style="border: 4px double #4a4; margin: .5em; padding: .5em; width: 5em; text-align: center;"><code>double</code></div>
-   </td>
-  </tr>
-  <tr>
-   <td style="width: 6em;">
-    <div style="border: 2px inset #4a4; margin: .5em; padding: .5em; width: 5em; text-align: center;"><code>inset</code></div>
-   </td>
-   <td style="width: 6em;">
-    <div style="border: 2px outset #4a4; margin: .5em; padding: .5em; width: 5em; text-align: center;"><code>outset</code></div>
-   </td>
-   <td style="width: 6em;">
-    <div style="border: 4px ridge #4a4; margin: .5em; padding: .5em; width: 5em; text-align: center;"><code>ridge</code></div>
-   </td>
-   <td style="width: 6em;">
-    <div style="border: 4px groove #4a4; margin: .5em; padding: .5em; width: 5em; text-align: center;"><code>groove</code></div>
-   </td>
-  </tr>
- </tbody>
-</table>
-
-<p>Você pode também configurar o estilo para <code>none</code> ou <code>hidden</code> para remover a borda explicitamente, ou configurar a cor para <code>transparent</code> para fazer a borda invisível sem mudar a disposição.</p>
-
-<p>Para especificar bordas em um lado de cada vez, use as propriedades: <code>border-top</code>, <code>border-right</code>, <code>border-bottom</code>, <code>border-left</code>. Você pode usar isto para especificar uma borda em somente um lado, ou diferentes bordas em diferentes lados.</p>
-
-<table style="border: 1px solid #36b; padding: 1em; background-color: #fffff4; margin-bottom: 1em;">
- <caption>Exemplos</caption>
- <tbody>
-  <tr>
-   <td>Esta regra configura a cor de fundo e a borda do topo dos elementos do cabeçalho:
-    <div style="width: 40em;">
-    <pre class="eval">
-h3 {
-  border-top: 4px solid #7c7; /* mid green */
-  background-color: #efe;     /* pale green */
-  color: #050;                /* dark green */
-  }
-</pre>
-    </div>
-
-    <p>O resultado deve ser como este:</p>
-
-    <table>
-     <tbody>
-      <tr>
-       <td>
-        <p style="font-size: 133%; font-weight: bold; background-color: #efe; border-top: 4px solid #7c7; color: #050; padding-right: 6em;">Cabeçalho elegante</p>
-       </td>
-      </tr>
-     </tbody>
-    </table>
-
-    <p><br>
-     Esta regra faz as imagens fáceis de ver dando-as uma borda com um cinza-médio em toda a volta:</p>
-
-    <div style="width: 30em;">
-    <pre class="eval">
-img {border: 2px solid #ccc;}
-</pre>
-    </div>
-
-    <p>O resultado deve ser como este:</p>
-
-    <table>
-     <tbody>
-      <tr>
-       <td>Imagem:</td>
-       <td style="border: 2px solid #ccc;"><img alt="Image:Blue-rule.png" class="internal" src="/@api/deki/files/2528/=Blue-rule.png"></td>
-      </tr>
-     </tbody>
-    </table>
-   </td>
-  </tr>
- </tbody>
-</table>
-
-<h3 id="Margens_e_enchimento" name="Margens_e_enchimento">Margens e enchimento</h3>
-
-<p>Use margens e enchimento para ajustar a posição dos elementos e para criar espaços ao redor deles.</p>
-
-<p>Use a propriedade <code>margin</code> ou a propriedade <code>padding</code> para configurar a largura da margem ou do enchimento respectivamente.</p>
-
-<p>Se você especificar uma largura, isto se aplicará em torno de todo o elemento (topo, direita, baixo e esquerda).</p>
-
-<p>Se você especificar duas larguras, a primeira se aplicará ao topo e à baixo, e a segunda à direita e à esquerda.</p>
-
-<p>Você pode especificar todas as quatro larguras na ordem: topo, direita, baixo, esquerda.</p>
-
-<table style="border: 1px solid #36b; padding: 1em; background-color: #fffff4; margin-bottom: 1em;">
- <caption>Exemplo</caption>
- <tbody>
-  <tr>
-   <td>Esta regra diferencia parágrafos com a classe <code>remark</code> dando-os uma borda vermelha em toda a sua volta.
-    <p>O Enchimento em toda a volta separa um pouco a borda do texto.</p>
-
-    <p>Uma margem esquerda identifica o parágrafo relativo ao resto do texto:</p>
-
-    <div style="width: 30em;">
-    <pre class="eval">
-p.remark {
-  border: 2px solid red;
-  padding: 4px;
-  margin-left: 24px;
-  }
-</pre>
-    </div>
-
-    <p>O resultado deve ser como este:</p>
-
-    <table>
-     <tbody>
-      <tr>
-       <td>
-        <p>Aqui está um parágrafo normal.</p>
-
-        <p style="border: 2px solid red; padding: 4px 6em 4px 4px; margin: 0px 0px 0px 24px;">Aqui está um com observação.</p>
-       </td>
-      </tr>
-     </tbody>
-    </table>
-   </td>
-  </tr>
- </tbody>
-</table>
-
-<table style="border: 1px solid #36b; padding: 1em; background-color: #f4f4f4; margin-bottom: 1em;">
- <caption>Mais detalhes</caption>
- <tbody>
-  <tr>
-   <td>Quando você usa margens e enchimento para ajustar o modo como os elementos são exibidos, suas regras de estilo interagem com o padrão dos navegadores de maneiras que podem ser complexas.
-    <p>Navegadores diferentes exibem os elementos diferentemente. Os resultados podem ser similares antes de sua folha de estilo mudar coisas. Algumas vezes isto pode fazer sua folha de estilo dar resultados surpreendedores.</p>
-
-    <p>Para ter o resultado que você precisa, você pode ter que mudar a marcação do seu documento. A próxima página deste tutorial tem mais informações sobre isto.</p>
-
-    <p>Para informações detalhas sobre enchimento, margens e bordas, veja <a class="external" href="http://www.w3.org/TR/CSS21/box.html">Box model</a> em CSS Specification.</p>
-   </td>
-  </tr>
- </tbody>
-</table>
-
-<h2 id="A.C3.A7.C3.A3o:_Adicionando_bordas" name="A.C3.A7.C3.A3o:_Adicionando_bordas">Ação: Adicionando bordas</h2>
-
-<p>Edite seu arquivo CSS. Adicione esta regra para desenhar uma linha até o fim da página sobre cada cabeçalho:</p>
-
-<div style="width: 30em;">
-<pre class="eval">h3 {border-top: 1px solid gray;}
-</pre>
-</div>
-
-<p>Se você pegou o desafio na página anterior, modifique a regra que você criou, se não, adicione esta nova regra para adicionar um espaço em baixo de cada item da lista:</p>
-
-<div style="width: 30em;">
-<pre class="eval">li {
-  list-style: lower-roman;
-  margin-bottom: 8px;
-  }
-</pre>
-</div>
-
-<p>Atualize seu navegador para ver o resultado:</p>
-
-<table style="border: 2px outset #36b; padding: 1em; background-color: white;">
- <tbody>
-  <tr>
-   <td>
-    <p style="font-weight: bold; font-size: 133%; margin-bottom: .3em; padding-top: .4em; padding-bottom: .16em; border-top: 1px solid gray;">(A) Os oceanos</p>
-
-    <ul style="">
-     <li style="margin-bottom: 8px;">Ártico</li>
-     <li style="margin-bottom: 8px;">Atlântico</li>
-     <li style="margin-bottom: 8px;">Pacífico</li>
-     <li style="margin-bottom: 8px;">Índico</li>
-     <li style="margin-bottom: 8px;">Antártico</li>
-    </ul>
-
-    <p style="font-weight: bold; font-size: 133%; margin-top: 1em; margin-bottom: .3em; padding: .4em 4em .16em 0; border-top: 1px solid gray;">(B) Parágrafos numerados</p>
-
-    <p><strong>1: </strong>Lorem ipsum</p>
-
-    <p><strong>2: </strong>Dolor sit</p>
-
-    <p><strong>3: </strong>Amet consectetuer</p>
-
-    <p><strong>4: </strong>Magna aliquam</p>
-
-    <p><strong>5: </strong>Autem veleum</p>
-   </td>
-  </tr>
- </tbody>
-</table>
-
-<table style="border: 1px solid #36b; padding: 1em; background-color: #fffff4; margin-bottom: 1em;">
- <caption>Desafio</caption>
- <tbody>
-  <tr>
-   <td>Adicione uma regra à sua folha de estilo, fazendo um borda larga em toda a volta dos oceanos em uma cor que te lembre o mar — algo como isto:
-    <table style="border: 2px outset #36b; padding: 1em; background-color: white;">
-     <tbody>
-      <tr>
-       <td>
-        <p style="font-weight: bold; font-size: 133%; margin-bottom: .3em; padding-top: .4em; padding-bottom: .16em; border-top: 1px solid gray;">(A) Os oceanos</p>
-
-        <div style="border: 12px solid #69b; padding-left: 1em;">
-        <ul style="">
-         <li style="margin-bottom: 8px;">Ártico</li>
-         <li style="margin-bottom: 8px;">Atlântico</li>
-         <li style="margin-bottom: 8px;">Pacífico</li>
-         <li style="margin-bottom: 8px;">Índico</li>
-         <li style="margin-bottom: 8px;">Antártico</li>
-        </ul>
-        </div>
-
-        <p style="font-weight: bold; font-size: 133%; margin-top: 1em; margin-bottom: .3em; padding: .4em 4em .16em 0; border-top: 1px solid gray;">(B) Parágrafos numerados</p>
-
-        <p><strong>. . .</strong></p>
-       </td>
-      </tr>
-     </tbody>
-    </table>
-
-    <p>(Não é necessário fazer exatamente com a largura e a cor que usadas aqui.)</p>
-   </td>
-  </tr>
- </tbody>
-</table>
-
-<h3 id="O_que_vem_depois" name="O_que_vem_depois">O que vem depois</h3>
-
-<p>Se você teve dificuldade para entender esta página, ou se você tem algum comentário sobre ela, por favor contribua nesta página de <a href="/Talk:pt/CSS/Como_come%C3%A7ar/Caixas" title="Talk:pt/CSS/Como_começar/Caixas">Discussão</a>.</p>
-
-<p>Especificando margens e enchimento, você modificou a disposição do seu documento. Na próxima página você poderá mudar a disposição do seu documento de outras maneiras: <strong><a href="/pt/CSS/Como_come%C3%A7ar/Disposi%C3%A7%C3%A3o" title="pt/CSS/Como_começar/Disposição">Disposição</a></strong></p>
-
-<p>{{ PreviousNext("CSS:Como começar:Listas", "CSS:Como começar:Disposição") }}</p>
diff --git a/files/pt-pt/web/css/como_começar/cascata_e_herança/index.html b/files/pt-pt/web/css/como_começar/cascata_e_herança/index.html
deleted file mode 100644
index b73abb297f..0000000000
--- a/files/pt-pt/web/css/como_começar/cascata_e_herança/index.html
+++ /dev/null
@@ -1,135 +0,0 @@
----
-title: Cascata e herança
-slug: Web/CSS/Como_começar/Cascata_e_herança
-tags:
-  - 'CSS:Como_começar'
-translation_of: Learn/CSS/Building_blocks/Cascade_and_inheritance
-translation_of_original: Web/Guide/CSS/Getting_started/Cascading_and_inheritance
----
-<p>{{ PreviousNext("CSS:Como começar:Como o CSS trabalha", "CSS:Como começar:Seletores") }}</p>
-
-<p>Esta página esboça como folhas de estilo interagem numa cascata, e como os elementos subordinados herdam o estilo do elementos primários.</p>
-
-<p>Você alterará à sua folha de estilo de amostra, usando herança para mudar o estilo de muitas partes do seu documento em um passo.</p>
-
-<h2 id="Informa.C3.A7.C3.A3o:_Cascata_e_heran.C3.A7a" name="Informa.C3.A7.C3.A3o:_Cascata_e_heran.C3.A7a">Informação: Cascata e herança</h2>
-
-<p>O estilo final para um elemento pode ser especificado em muitos lugares diferentes, que pode interagir num meio complexo. Esta interação complexa faz CSS poderoso, mas às vezes isto pode deixar confuso e difícil de depurar.</p>
-
-<p>Três códigos principais de informação de estilo formam uma cascata. Eles são:</p>
-
-<ul>
- <li>O estilo padrão do navegador para a linguagem de marcação</li>
- <li>O estilo especificado por um usuário que está lendo o documento</li>
- <li>O estilo ligado ao documento pelo seu autor</li>
-</ul>
-
-<p>O estilo do usuário modifica o estilo padrão do navegador. O estilo do autor do documento então modifica algum outro estilo. Neste tutorial, você é o autor do seu documeto de amostra, e você trabalha somente com folhas de estilo do autor.</p>
-
-<table style="border: 1px solid #36b; padding: 1em; background-color: #fffff4;">
- <caption>Exemplo</caption>
- <tbody>
-  <tr>
-   <td>Quando você lê este documento no seu navegador Mozilla, parte do estilo que você vê, vem do padrão do seu navegador para HTML.
-    <p>Parte do estilo deve vir das configurações do seu navegador em Opções, ou de um arquivo <code>userConten.css</code> no seu perfil no navegador.</p>
-
-    <p>Parte do seu estilo vem de folhas de estilo ligadas ao documento pelo server do wiki.</p>
-   </td>
-  </tr>
- </tbody>
-</table>
-
-<p><br>
- Quando você abre seu documento de amostra no seu navegador, os elementos STRONG são mais fortes do que o resto do texto. Isto vem do estilo padrão do seu navegador para o HTML.</p>
-
-<p>Os elementos STRONG são vermelhos, Isto vem da sua folha de estilo de amostra.</p>
-
-<p>Os elementos STRONG as vezes também herdam muito do estilo de elemento P, pois eles são subordinados. No mesmo caminho, o elemento P herda muito do estilo do elemento BODY.</p>
-
-<p>Para estilos em cascata, o autor das folhas de estilo tem prioridade, depois o leitor das folhas de estilo, e por último o padrão do navegador.</p>
-
-<p>Para estilos em herança, um nó subordinado tem prioridade sobre o estilo que herdou do nó principal.</p>
-
-<p>Estas não são as únicas propriedades que se aplicam. Uma página posterior neste turorial explicará mais.</p>
-
-<table style="border: 1px solid #36b; padding: 1em; background-color: #f4f4f4;">
- <caption>Mais detalhes</caption>
- <tbody>
-  <tr>
-   <td>CSS às vezes providencia um meio para o leitor anular o estilo do autor do documento, usando a palavra-chave <code>!important</code>.
-    <p>Este meio é para o autor do documento, você não pode sempre predizer exatamente o que os leitores verão.</p>
-
-    <p>Se você quer saber todos os detalhes sobre cascata e herança, veja <a class="external" href="http://www.w3.org/TR/CSS21/cascade.html">Assigning property values, Cascading, and Inheritance</a> na CSS Specification.</p>
-   </td>
-  </tr>
- </tbody>
-</table>
-
-<h2 id="A.C3.A7.C3.A3o:_Usando_heran.C3.A7a" name="A.C3.A7.C3.A3o:_Usando_heran.C3.A7a">Ação: Usando herança</h2>
-
-<p>Edite seu arquivo de amostra CSS.</p>
-
-<p>Adicione esta linha copiando e colando isto. Não importa realmente se você adicionar a linha antes ou depois da que já está lá. Entretando, adicionar isto no topo é mais lógico pois no seu documento o elemento P é primário ao elemento STRONG:</p>
-
-<pre class="brush: css">p {color: blue; text-decoration: underline;}
-</pre>
-
-<p>Agora atualize seu navegador para ver o efeito no seu documento de amostra. O sublinhado afeta todo o texto no parágrafo, incluindo as letras iniciais. Os elementos STRONG herdaram o estilo sublinhado do elemento primário P.</p>
-
-<p>Mas os elementos STRONG ainda são vermelhos. A cor vermelha é própria do estilo, então isto tem prioridade sobre a cor azul do seu elemento primário P.</p>
-
-<table>
- <tbody>
-  <tr>
-   <td>
-    <table style="border: 2px outset #36b; padding: 1em; margin-right: 2em;">
-     <caption>Antes</caption>
-     <tbody>
-      <tr>
-       <td><strong style="color: red;">C</strong>ascading <strong style="color: red;">S</strong>tyle <strong style="color: red;">S</strong>heets</td>
-      </tr>
-     </tbody>
-    </table>
-   </td>
-   <td>
-    <table style="border: 2px outset #36b; padding: 1em;">
-     <caption>Depois</caption>
-     <tbody>
-      <tr>
-       <td style="color: blue; text-decoration: underline;"><strong style="color: red;">C</strong>ascading <strong style="color: red;">S</strong>tyle <strong style="color: red;">S</strong>heets</td>
-      </tr>
-     </tbody>
-    </table>
-   </td>
-  </tr>
- </tbody>
-</table>
-
-<p> </p>
-
-<table style="border: 1px solid #36b; padding: 1em; background-color: #fffff4;">
- <caption>Desafio</caption>
- <tbody>
-  <tr>
-   <td>Mude sua folha de estilo deixando somente as letras vermelhas sublinhadas:
-    <table style="border: 2px outset #36b; padding: 1em;">
-     <tbody>
-      <tr>
-       <td style="color: blue;"><strong style="color: red; text-decoration: underline;">C</strong>ascading <strong style="color: red; text-decoration: underline;">S</strong>tyle <strong style="color: red; text-decoration: underline;">S</strong>heets</td>
-      </tr>
-     </tbody>
-    </table>
-   </td>
-  </tr>
- </tbody>
-</table>
-
-<p> </p>
-
-<h2 id="O_que_vem_depois.3F" name="O_que_vem_depois.3F">O que vem depois?</h2>
-
-<p>Se você teve dificuldade para entender esta página, ou se você tem algum comentário sobre ela, por favor contribua nesta página de <a href="/Talk:pt/CSS/Como_come%C3%A7ar/Cascata_e_heran%C3%A7a" title="Talk:pt/CSS/Como_começar/Cascata_e_herança">Discussão</a>.</p>
-
-<p>Sua folha de estilo de amostra especifica o estilo para os tags, <code>P</code> e <code>STRONG</code>, mudando o estilo dos elementos correspondentes em todo o seu documento original. A próxima página descreve como espeficar estilos em meios mais seletivos: <strong><a href="/pt/CSS/Como_come%C3%A7ar/Seletores" title="pt/CSS/Como_começar/Seletores">Seletores</a></strong></p>
-
-<p>{{ PreviousNext("CSS:Como começar:Como o CSS trabalha", "CSS:Como começar:Seletores") }}</p>
diff --git a/files/pt-pt/web/css/como_começar/como_o_css_trabalha/index.html b/files/pt-pt/web/css/como_começar/como_o_css_trabalha/index.html
deleted file mode 100644
index bd667439ff..0000000000
--- a/files/pt-pt/web/css/como_começar/como_o_css_trabalha/index.html
+++ /dev/null
@@ -1,130 +0,0 @@
----
-title: Como o CSS trabalha
-slug: Web/CSS/Como_começar/Como_o_CSS_trabalha
-tags:
-  - 'CSS:Como_começar'
-translation_of: Learn/CSS/First_steps/How_CSS_works
-translation_of_original: Web/Guide/CSS/Getting_started/How_CSS_works
----
-<p>{{ PreviousNext("CSS:Como começar:Porque usar CSS", "CSS:Como começar:Cascata e herança") }}</p>
-
-<p>Esta página explica como o CSS trabalha no seu navegador. Você analiza seu documento de amostra, reavaliando os detalhes do seu estilo.</p>
-
-<h2 id="Informa.C3.A7.C3.A3o:_Como_o_CSS_trabalha" name="Informa.C3.A7.C3.A3o:_Como_o_CSS_trabalha">Informação: Como o CSS trabalha</h2>
-
-<p>Quando o Mozilla exibe um documento, é necessário combinar o conteúdo do documento com seu estilo de informação. Então o documento é processado em dois estágios:</p>
-
-<ul>
- <li>No primeiro estágio, o Mozilla converte a linguagem de marcação e o CSS em <em>DOM</em> (Document Object Model - Modelo de Objeto de Documento). O DOM representa o documento na memória do computador. Isto combina o conteúdo do documento com seu estilo.</li>
-</ul>
-
-<ul>
- <li>No segundo estágio, o Mozilla exibe o DOM.</li>
-</ul>
-
-<p>Uma linguagem de marcação usa tags para definir a estrutura do documento. Uma tag pode armazenar outras tags entre seu início e fim.</p>
-
-<p>Um DOM tem a estrutura como a de uma árvore. Cada tag e período do texto na linguagem de marcação torna-se um <em>nó</em> na estrutura da árvore. Os nós do DOM não são armazenadores. Em substituição, eles são primários aos nós subordinados.</p>
-
-<p>Os nós que correspondem a tags também são conhecidos por <em>elementos</em>.</p>
-
-<table style="border: 1px solid #36b; padding: 1em; background-color: #fffff4; margin-bottom: 1em;">
- <caption>Exemplo</caption>
- <tbody>
-  <tr>
-   <td>No seu documento de amostra, a tag <code>&lt;p&gt;</code> e seu fim <code>&lt;/p&gt;</code> criam um armazenamento:
-    <div style="width: 24em;">
-    <pre class="eval">
-&lt;p&gt;
-  &lt;strong&gt;C&lt;/strong&gt;ascading
-  &lt;strong&gt;S&lt;/strong&gt;tyle
-  &lt;strong&gt;S&lt;/strong&gt;heets
-&lt;/p&gt;
-</pre>
-    </div>
-
-    <p>No DOM, o corespondente ao nó P é um primário. Os subordinados são os nós <small>STRONG</small> e os nós do texto. Os nós <small>STRONG</small> são os primários, e os nós do texto são os subordinados.</p>
-
-    <div style="width: 24em; color: #47c; white-space: pre; padding: 0 0 0 2em;">
-    <p><span style="color: black;">P</span> ├─<span style="color: black;">STRONG</span> │ │ │ └─"<span style="color: black;">C</span>"<br>
-     │<br>
-     ├─"<span style="color: black;">ascading</span>"<br>
-     │<br>
-     ├─<span style="color: black;">STRONG</span> │ │ │ └─"<span style="color: black;">S</span>"<br>
-     │<br>
-     ├─"<span style="color: black;">tyle</span>"<br>
-     │<br>
-     ├─<span style="color: black;">STRONG</span> │ │ │ └─"<span style="color: black;">S</span>"<br>
-     │<br>
-     └─"<span style="color: black;">heets</span>"</p>
-    </div>
-   </td>
-  </tr>
- </tbody>
-</table>
-
-<p>O entendimento do DOM ajuda-o a projetar, depurar e manter seu CSS, pois o DOM é onde o seu CSS e o conteúdo do documento se unem.</p>
-
-<h2 id="A.C3.A7.C3.A3o:_Analizando_um_DOM" name="A.C3.A7.C3.A3o:_Analizando_um_DOM">Ação: Analizando um DOM</h2>
-
-<p>Para analizar um DOM, você precisa de um software especial. Aqui, você usa o <a href="/pt/DOM_Inspector" title="pt/DOM_Inspector">DOM Inspector</a> (DOMi) da Mozilla para analizar um DOM.</p>
-
-<p>Use seu navegador Mozilla para abrir seu documento simples.</p>
-
-<p>Na barra de menu do seu navegador, escolha Ferramentas – DOM Inspector, ou talvez Ferramentas – Desenvolvimento Web – DOM Inspector.</p>
-
-<table style="border: 1px solid #36b; background-color: #f4f4f4; padding: 1em;">
- <caption>Mais detalhes</caption>
- <tbody>
-  <tr>
-   <td>Se seu navegador Mozilla não tem o DOMi, você pode reinstalá-lo assegurando-se de escolher para instalar o componente de ferramentas da web. Então retorne a este tutorial.
-    <p>Se você não quiser instalar o DOMi, você pode pular esta seção e ir diretamente para a próxima página. Pulando esta seção você não interfere com o resto deste tutorial.</p>
-   </td>
-  </tr>
- </tbody>
-</table>
-
-<p><br>
- No DOMi, expanda os nós do seu documento clicando em suas flechas.</p>
-
-<p><strong>Nota:</strong> O espaçamento em seu arquivo HTML faz com que o DOMi mostre alguns nós de texto vazios, que você pode ignorar.</p>
-
-<p>O resultado deve ser parecido com isto, dependendo do que você tenha expandido:</p>
-
-<table style="border: 2px outset #36b; padding: 0 0 0 2em;">
- <tbody>
-  <tr>
-   <td>
-    <div style="width: 30em; background-color: transparent; margin: 0px; border: 0px; padding: 0px; color: gray; white-space: pre;">
-    <p>│<br>
-     <span style="font-size: 133%;">▼</span>╴<span style="color: black;">P</span> │ │ │ <span style="font-size: 133%;">▼</span>╴<span style="color: black;">STRONG</span> │ │ └<span style="color: darkblue;">#text</span> │ ├╴<span style="color: darkblue;">#text</span> │ <span style="font-size: 133%;">▶</span>╴<span style="color: black;">STRONG</span> │ │</p>
-    </div>
-   </td>
-  </tr>
- </tbody>
-</table>
-
-<p>Quando você seleciona algum nó, você pode usar o painel direito do DOMi para achar mais sobre ele. Por exemplo, quando você seleciona um nó do texto, DOMi mostra para você o texto no painel da direita.</p>
-
-<p>Quando você seleciona um elemento nó, DOMi o analiza e fornece uma enorme quantidade de informações no seu painel direito. A informação sobre estilo é somente uma parte das informações que ele fornece.</p>
-
-<table style="border: 1px solid #36b; padding: 1em; background-color: #ffe;">
- <caption>Desafio</caption>
- <tbody>
-  <tr>
-   <td>No DOMi, clique no nó <small>STRONG</small>.
-    <p>Use o painel direito do DOMi para achar onde fica a cor do nó (vermelho) e onde sua aparência é mais forte que o texto normal (negrito).</p>
-   </td>
-  </tr>
- </tbody>
-</table>
-
-<h3 id="O_que_vem_depois.3F" name="O_que_vem_depois.3F">O que vem depois?</h3>
-
-<p>Se você teve dificuldade para entender esta página, ou se você tem algum comentário sobre ela, por favor contribua nesta página de <a href="/Talk:pt/CSS/Como_come%C3%A7ar/Como_o_CSS_trabalha" title="Talk:pt/CSS/Como_começar/Como_o_CSS_trabalha">Discussão</a>.</p>
-
-<p>Se você tomou o desafio, você viu o estilo da informação em mais de um lugar interagir para criar o estilo final para um elemento.</p>
-
-<p>A próxima página explica mais sobre estas interações: <strong><a href="/pt/CSS/Como_come%C3%A7ar/Cascata_e_heran%C3%A7a" title="pt/CSS/Como_começar/Cascata_e_herança">Cascata e herança</a></strong></p>
-
-<p>{{ PreviousNext("CSS:Como começar:Porque usar CSS", "CSS:Como começar:Cascata e herança") }}</p>
diff --git a/files/pt-pt/web/css/como_começar/conteúdo/index.html b/files/pt-pt/web/css/como_começar/conteúdo/index.html
deleted file mode 100644
index 523c408aad..0000000000
--- a/files/pt-pt/web/css/como_começar/conteúdo/index.html
+++ /dev/null
@@ -1,188 +0,0 @@
----
-title: Conteúdo
-slug: Web/CSS/Como_começar/Conteúdo
-tags:
-  - 'CSS:Como_começar'
-translation_of: Learn/CSS/Howto/Generated_content
----
-<p>{{ PreviousNext("CSS:Como começar:Cor", "CSS:Como começar:Listas") }}</p>
-
-<p>Esta página descreve algumas maneiras que você pode usar no CSS para adicionar conteúdo quando um documento é exibido.</p>
-
-<p>Você modifica sua folha de estilo para adicionar conteúdo de texto e uma imagem.</p>
-
-<h2 id="Informa.C3.A7.C3.A3o:_Conte.C3.BAdo" name="Informa.C3.A7.C3.A3o:_Conte.C3.BAdo">Informação: Conteúdo</h2>
-
-<p>Uma das vantagens importantes das CSS é que ele o ajuda a separar o estilo do documento do seu conteúdo. Mas há situações onde faz sentido especificar certo conteúdo como parte de sua folha de estilo, não como parte do seu documento.</p>
-
-<p>O conteúdo especificado em uma folha de estilo pode consistir em texto ou imagens. Você especifica o conteúdo em sua folha de estilo quando o conteúdo tem uma ligação próxima à estrutura do documento.</p>
-
-<table style="border: 1px solid #36b; padding: 1em; background-color: #f4f4f4; margin-bottom: 1em;">
- <caption>Mais detalhes</caption>
- <tbody>
-  <tr>
-   <td>Especificar o conteúdo em uma folha de estilo pode causar complicações. Por exemplo, você pode ter versões diferentes da língua do seu documento que compartilham uma folha de estilo. Se parte da folha de estilo tem que ser traduzida, isto mostra que você precisa por estas partes da folha de estilo em arquivos separados e arrumá-los para então ligá-los com a versão apropriada da língua do seu documento.
-    <p>Estas complicações não surgem se o conteúdo que você especificou consistir em símbolos ou imagens que se aplicam em todas as línguas e culturas.</p>
-
-    <p><br>
-     O conteúdo especificado em uma folha de estilo não se tornará parte do DOM.</p>
-   </td>
-  </tr>
- </tbody>
-</table>
-
-<h3 id="Conte.C3.BAdo_do_texto" name="Conte.C3.BAdo_do_texto">Conteúdo do texto</h3>
-
-<p>CSS pode inserir um texto antes ou depois de um elemento. Para especificar isto, faça uma regra e adicione <code>:before</code> ou <code>:after</code> ao seletor. Na declaração, especifique a propriedade <code>content</code> com o conteúdo do texto como seu valor.</p>
-
-<table style="border: 1px solid #36b; padding: 1em; background-color: #fffff4; margin-bottom: 1em;">
- <caption>Exemplo</caption>
- <tbody>
-  <tr>
-   <td>Esta regra adiciona o texto <span style="font-weight: bold; color: navy;">Referência:</span> antes de todo elemento com a classe <code>ref</code>:
-    <div style="width: 30em;">
-    <pre class="eval">
-.ref:before {
-  font-weight: bold;
-  color: navy;
-  content: "Referência: ";
-  }
-</pre>
-    </div>
-   </td>
-  </tr>
- </tbody>
-</table>
-
-<table style="border: 1px solid #36b; padding: 1em; background-color: #f4f4f4; margin-bottom: 1em;">
- <caption>Mais detalhes</caption>
- <tbody>
-  <tr>
-   <td>O caractere de configuração de uma folha de estilo é por padrão o UTF-8, mas isto pode ser especificado na ligação, na própria folha de estilo ou por outras maneiras. Para detalhes, veja <a class="external" href="http://www.w3.org/TR/CSS21/syndata.html#q23">4.4 CSS style sheet representation</a> na CSS Specification.
-    <p>Caracteres individuais podem às vezes ser especificados por um mecanismo de escape que use o contra barra (\) com o caráter de escape. Por exemplo, \265B é um símbolo do xadrez para a rainha preta ♛. Para detalhes, veja <a class="external" href="http://www.w3.org/TR/CSS21/syndata.html#q24">Referring to characters not represented in a character encoding</a> e também <a class="external" href="http://www.w3.org/TR/CSS21/syndata.html#q6">Characters and case</a> em CSS Specification.</p>
-   </td>
-  </tr>
- </tbody>
-</table>
-
-<h3 id="Conte.C3.BAdo_da_imagem" name="Conte.C3.BAdo_da_imagem">Conteúdo da imagem</h3>
-
-<p>Para adicionar uma imagem antes ou depois de um elemento, você pode especificar a URL de um arquivo de imagem no valor da propriedade <code>content</code>.</p>
-
-<table style="border: 1px solid #36b; padding: 1em; background-color: #fffff4; margin-bottom: 1em;">
- <caption>Exemplo</caption>
- <tbody>
-  <tr>
-   <td>Esta regra adiciona um espaço e um ícone depois de cada ligação da classe <code>glossary</code>:
-    <div style="width: 45em;">
-    <pre class="eval">
-a.glossary:after {content: " " url("../images/glossary-icon.gif");}
-</pre>
-    </div>
-   </td>
-  </tr>
- </tbody>
-</table>
-
-<p><br>
- Para adicionar uma imagem ao fundo de um elemento, especifique a URL de um arquivo de imagem no valor da propriedade <code>background</code>. Isto é uma propriedade que especifica a cor do fundo, a imagem, como a imagem repete, e alguns outros detalhes.</p>
-
-<table style="border: 1px solid #36b; padding: 1em; background-color: #fffff4; margin-bottom: 1em;">
- <caption>Exemplo</caption>
- <tbody>
-  <tr>
-   <td>Esta regra configura o fundo de um elemento específico, usando uma URL para especificar um arquivo de imagem.
-    <p>O seletor especifica o id do elemento. O valor <code>no-repeat</code> faz a imagem aparecer apenas uma vez:</p>
-
-    <div style="width: 50em;">
-    <pre class="eval">
-#sidebar-box {background: url("../images/sidebar-ground.png") no-repeat;}
-</pre>
-    </div>
-   </td>
-  </tr>
- </tbody>
-</table>
-
-<table style="border: 1px solid #36b; padding: 1em; background-color: #f4f4f4; margin-bottom: 1em;">
- <caption>Mais detalhes</caption>
- <tbody>
-  <tr>
-   <td>Para informações sobre propriedades individuais que afetam o fundo, e sobre outras opções que você pode especificar para as imagens de fundo, veja <a class="external" href="http://www.w3.org/TR/CSS21/colors.html#q2">The background</a> na CSS Specification.</td>
-  </tr>
- </tbody>
-</table>
-
-<h2 id="A.C3.A7.C3.A3o:_Adicionando_uma_imagem_de_fundo" name="A.C3.A7.C3.A3o:_Adicionando_uma_imagem_de_fundo">Ação: Adicionando uma imagem de fundo</h2>
-
-<p>Esta imagem é um quadrado branco com uma linha azul em baixo. Baixe o arquivo desta imagem no mesmo diretório do seu arquivo CSS:</p>
-
-<table style="border: 2px solid #ccc;">
- <tbody>
-  <tr>
-   <td><img alt="Image:Blue-rule.png" class="internal" src="/@api/deki/files/2528/=Blue-rule.png"></td>
-  </tr>
- </tbody>
-</table>
-
-<p>(Por exemplo, clique com o botão direito sobre isto para abrir o menu de contexto, então escolha Salvar Imagem Como... e especifique o diretório que você está usando para este tutorial.)</p>
-
-<p>Edite o seu arquivo CSS e adicione esta regra ao corpo, configurando a imagem de fundo para a página inteira.</p>
-
-<div style="width: 40em;">
-<pre class="eval">background: url("Blue-rule.png");
-</pre>
-</div>
-
-<p>O valor <code>repeat</code> é o padrão, então isto não precisa ser especificado. A imagem é repetida horizontal e verticalmente, dando a aparência parecida com a de um papel de escrita com linhas:</p>
-
-<div style="position: relative; width: 24em; height: 11em; border: 2px outset #36b; overflow: hidden;">
-<p style="margin: 0px;"><img alt="Image:Blue-rule-ground.png" class="internal" src="/@api/deki/files/2527/=Blue-rule-ground.png"></p>
-
-<div style="position: absolute; top: 0px; left: 0px; border: none; margin: 0px; padding: .5em 0px 0px 1em; font: 16px 'Comic Sams MS', cursive; color: blue; background-color: transparent;">
-<div style="font-style: italic; width: 24em;">
-<p><strong style="color: red; background-color: #ddf; font: 200% serif;">C</strong>ascading <strong style="color: green; background-color: #ddf; font: 200% serif;">S</strong>tyle <strong style="color: green; background-color: #ddf; font: 200% serif;">S</strong>heets</p>
-</div>
-
-<div style="font-style: normal; padding-top: 2px; height: 8em;">
-<p><strong style="color: red; background-color: #ddf; font: 200% serif;">C</strong>ascading <strong style="color: red; background-color: #ddf; font: 200% serif;">S</strong>tyle <strong style="color: red; background-color: #ddf; font: 200% serif;">S</strong>heets</p>
-</div>
-</div>
-</div>
-
-<table style="border: 1px solid #36b; padding: 1em; background-color: #fffff4; margin-bottom: 1em;">
- <caption>Desafio</caption>
- <tbody>
-  <tr>
-   <td>Baixe esta imagem:
-    <table style="border: 2px solid #ccc;">
-     <tbody>
-      <tr>
-       <td><img alt="Image:Yellow-pin.png" class="internal" src="/@api/deki/files/2557/=Yellow-pin.png"></td>
-      </tr>
-     </tbody>
-    </table>
-
-    <p>Adicione uma regra à sua folha de estilo então isto mostrará a imagem no começo de cada linha:</p>
-
-    <div style="position: relative; width: 24em; height: 11em; border: 2px outset #36b; overflow: hidden;">
-    <p style="margin: 0px;"><img alt="Image:Blue-rule-ground.png" class="internal" src="/@api/deki/files/2527/=Blue-rule-ground.png"></p>
-
-    <div style="position: absolute; top: 0px; left: 0px; border: none; margin: 0px; padding: .5em 0px 0px 1em; font: 16px 'Comic Sams MS', cursive; color: blue; background-color: transparent;">
-    <div style="font-style: italic; width: 24em; padding-top: 8px;"><img alt="image:Yellow-pin.png" class="internal" src="/@api/deki/files/2557/=Yellow-pin.png"> <strong style="color: red; background-color: #ddf; font: 200% serif;">C</strong>ascading <strong style="color: green; background-color: #ddf; font: 200% serif;">S</strong>tyle <strong style="color: green; background-color: #ddf; font: 200% serif;">S</strong>heets</div>
-
-    <div style="font-style: normal; padding-top: 12px; height: 8em;"><img alt="image:Yellow-pin.png" class="internal" src="/@api/deki/files/2557/=Yellow-pin.png"> <strong style="color: red; background-color: #ddf; font: 200% serif;">C</strong>ascading <strong style="color: red; background-color: #ddf; font: 200% serif;">S</strong>tyle <strong style="color: red; background-color: #ddf; font: 200% serif;">S</strong>heets</div>
-    </div>
-    </div>
-   </td>
-  </tr>
- </tbody>
-</table>
-
-<h3 id="O_que_vem_depois.3F" name="O_que_vem_depois.3F">O que vem depois?</h3>
-
-<p>Uma maneira comum de adicionar conteúdo à folha de estilo é marcar os itens em listas. Se você teve dificuldade para entender esta página, ou se você tem algum comentário sobre ela, por favor contribua nesta página de <a href="/Talk:pt/CSS/Como_come%C3%A7ar/Conte%C3%BAdo" title="Talk:pt/CSS/Como_começar/Conteúdo">Discussão</a>.</p>
-
-<p>A próxima página descreve como especificar o estilo para elementos de listas: <strong><a href="/pt/CSS/Como_come%C3%A7ar/Listas" title="pt/CSS/Como_começar/Listas">Listas</a></strong></p>
-
-<p>{{ PreviousNext("CSS:Como começar:Cor", "CSS:Como começar:Listas") }}</p>
diff --git a/files/pt-pt/web/css/como_começar/cor/index.html b/files/pt-pt/web/css/como_começar/cor/index.html
deleted file mode 100644
index d5c15375d7..0000000000
--- a/files/pt-pt/web/css/como_começar/cor/index.html
+++ /dev/null
@@ -1,341 +0,0 @@
----
-title: Cor
-slug: Web/CSS/Como_começar/Cor
-tags:
-  - 'CSS:Como_começar'
-translation_of: Learn/CSS/Introduction_to_CSS/Values_and_units#Colors
-translation_of_original: Web/Guide/CSS/Getting_started/Color
----
-<p>{{ PreviousNext("CSS:Como começar:Estilos de texto", "CSS:Como começar:Conteúdo") }}</p>
-
-<p>Esta página explica mais sobre como você pode especificar cores no CSS.</p>
-
-<p>Em sua folha de estilo de amostra, você é introduzido nas cores de fundo.</p>
-
-<h2 id="Informa.C3.A7.C3.A3o:_Cor" name="Informa.C3.A7.C3.A3o:_Cor">Informação: Cor</h2>
-
-<p>Neste tutorial até agora, você usou um limitado número de cores nomeadas. CSS 2 suporta ao todo 17 cores nomeadas. Alguns dos nomes podem não ser o que você espera:</p>
-
-<table style="border: 0px; margin-left: 2em; text-align: right;">
- <tbody>
-  <tr>
-   <td> </td>
-   <td>black</td>
-   <td style="width: 2em; height: 2em; background-color: black;"> </td>
-   <td>gray</td>
-   <td style="width: 2em; height: 2em; background-color: gray;"> </td>
-   <td>silver</td>
-   <td style="width: 2em; height: 2em; background-color: silver;"> </td>
-   <td>white</td>
-   <td style="width: 2em; height: 2em; background-color: white; border: 1px dotted gray;"> </td>
-  </tr>
-  <tr>
-   <td>primárias</td>
-   <td>red</td>
-   <td style="width: 2em; height: 2em; background-color: red;"> </td>
-   <td>lime</td>
-   <td style="width: 2em; height: 2em; background-color: lime;"> </td>
-   <td>blue</td>
-   <td style="width: 2em; height: 2em; background-color: blue;"> </td>
-  </tr>
-  <tr>
-   <td>secundárias</td>
-   <td>yellow</td>
-   <td style="width: 2em; height: 2em; background-color: yellow;"> </td>
-   <td>aqua</td>
-   <td style="width: 2em; height: 2em; background-color: aqua;"> </td>
-   <td>fuchsia</td>
-   <td style="width: 2em; height: 2em; background-color: fuchsia;"> </td>
-  </tr>
-  <tr>
-   <td> </td>
-   <td>maroon</td>
-   <td style="width: 2em; height: 2em; background-color: maroon;"> </td>
-   <td>orange</td>
-   <td style="width: 2em; height: 2em; background-color: orange;"> </td>
-   <td>olive</td>
-   <td style="width: 2em; height: 2em; background-color: olive;"> </td>
-   <td>purple</td>
-   <td style="width: 2em; height: 2em; background-color: purple;"> </td>
-   <td>green</td>
-   <td style="width: 2em; height: 2em; background-color: green;"> </td>
-   <td>navy</td>
-   <td style="width: 2em; height: 2em; background-color: navy;"> </td>
-   <td>teal</td>
-   <td style="width: 2em; height: 2em; background-color: teal;"> </td>
-  </tr>
- </tbody>
-</table>
-
-<p> </p>
-
-<table style="border: 1px solid #36b; padding: 1em; background-color: #f4f4f4;">
- <caption>Mais detalhes</caption>
- <tbody>
-  <tr>
-   <td>Seu navegador pode suportar muitas cores nomeadas, como:
-    <table style="border: 0px; margin: .5em 0px .5em 2em; text-align: right; background-color: inherit;">
-     <tbody>
-      <tr>
-       <td>dodgerblue</td>
-       <td style="width: 2em; height: 2em; background-color: dodgerblue;"> </td>
-       <td>peachpuff</td>
-       <td style="width: 2em; height: 2em; background-color: peachpuff;"> </td>
-       <td>tan</td>
-       <td style="width: 2em; height: 2em; background-color: tan;"> </td>
-       <td>firebrick</td>
-       <td style="width: 2em; height: 2em; background-color: firebrick;"> </td>
-       <td>aquamarine</td>
-       <td style="width: 2em; height: 2em; background-color: aquamarine;"> </td>
-      </tr>
-     </tbody>
-    </table>
-
-    <p>Para detalhes sobre esta lista extendida, veja: <a class="external" href="http://www.w3.org/TR/2003/CR-css3-color-20030514/#svg-color">SVG color keywords</a> no CSS 3 Color Module. Cuidado ao usar cores nomeadas, pois seu navegador pode não suportar.</p>
-   </td>
-  </tr>
- </tbody>
-</table>
-
-<p><br>
- Para uma paleta maior, específica de cores de componentes vermelho, verde ou azul você precisa usar um sinal numérico (#) e três digitos <em>hexadecimais</em> na faixa de 0 – 9 e a – f. As letras a – f representam os valores 10 – 15:</p>
-
-<table style="border: 0px; margin-left: 2em;">
- <tbody>
-  <tr>
-   <td>black</td>
-   <td style="width: 2em; height: 2em; background-color: #000;"> </td>
-   <td><code>#000</code></td>
-  </tr>
-  <tr>
-   <td>pure red</td>
-   <td style="width: 2em; height: 2em; background-color: #f00;"> </td>
-   <td><code>#f00</code></td>
-  </tr>
-  <tr>
-   <td>pure green</td>
-   <td style="width: 2em; height: 2em; background-color: #0f0;"> </td>
-   <td><code>#0f0</code></td>
-  </tr>
-  <tr>
-   <td>pure blue</td>
-   <td style="width: 2em; height: 2em; background-color: #00f;"> </td>
-   <td><code>#00f</code></td>
-  </tr>
-  <tr>
-   <td>white</td>
-   <td style="width: 2em; height: 2em; background-color: #fff; border: 1px dotted gray;"> </td>
-   <td><code>#fff</code></td>
-  </tr>
- </tbody>
-</table>
-
-<p><br>
- Para a paleta total, especifique dois digitos hexadecimais por cada componente:</p>
-
-<table style="border: 0px; margin-left: 2em;">
- <tbody>
-  <tr>
-   <td>black</td>
-   <td style="width: 2em; height: 2em; background-color: #000;"> </td>
-   <td><code>#000000</code></td>
-  </tr>
-  <tr>
-   <td>pure red</td>
-   <td style="width: 2em; height: 2em; background-color: #f00;"> </td>
-   <td><code>#ff0000</code></td>
-  </tr>
-  <tr>
-   <td>pure green</td>
-   <td style="width: 2em; height: 2em; background-color: #0f0;"> </td>
-   <td><code>#00ff00</code></td>
-  </tr>
-  <tr>
-   <td>pure blue</td>
-   <td style="width: 2em; height: 2em; background-color: #00f;"> </td>
-   <td><code>#0000ff</code></td>
-  </tr>
-  <tr>
-   <td>white</td>
-   <td style="width: 2em; height: 2em; background-color: #fff; border: 1px dotted gray;"> </td>
-   <td><code>#ffffff</code></td>
-  </tr>
- </tbody>
-</table>
-
-<p>Você pode usualmente pegar estes seis digitos em código hexadeximal de seu programa de imagens ou alguma outra ferramenta.</p>
-
-<table style="border: 1px solid #36b; padding: 1em; background-color: #fffff4;">
- <caption>Exemplos</caption>
- <tbody>
-  <tr>
-   <td>Com uma pequena prática, você pode ajustar as cores de três digitos manualmente para a maioria dos propósitos:
-    <table style="border: 0px; margin-left: 2em; background-color: #fffff4;">
-     <tbody>
-      <tr>
-       <td>Começe com vermelho puro:</td>
-       <td style="width: 2em; height: 2em; background-color: #f00;"> </td>
-       <td><code>#f00</code></td>
-      </tr>
-      <tr>
-       <td>Para tornar isto mais pálido, adicione um pouco de verde e azul:</td>
-       <td style="width: 2em; height: 2em; background-color: #f77;"> </td>
-       <td><code>#f77</code></td>
-      </tr>
-      <tr>
-       <td>Para tornar isto mais alaranjado, adicione um pouquinho mais de verde:</td>
-       <td style="width: 2em; height: 2em; background-color: #fa7;"> </td>
-       <td><code>#fa7</code></td>
-      </tr>
-      <tr>
-       <td>Para tornar isto mais escuro, reduza todos os componentes:</td>
-       <td style="width: 2em; height: 2em; background-color: #c74;"> </td>
-       <td><code>#c74</code></td>
-      </tr>
-      <tr>
-       <td>Para reduzir a saturação, faça os componentes mais parecidos:</td>
-       <td style="width: 2em; height: 2em; background-color: #c98;"> </td>
-       <td><code>#c98</code></td>
-      </tr>
-      <tr>
-       <td>Se você quiser deixar todos os componentes iguais, você obterá cinza:</td>
-       <td style="width: 2em; height: 2em; background-color: #ccc;"> </td>
-       <td><code>#ccc</code></td>
-      </tr>
-     </tbody>
-    </table>
-   </td>
-  </tr>
-  <tr>
-   <td>Para uma sombra pastel como azul pálido:
-    <table style="border: 0px; margin-left: 2em; background-color: #fffff4;">
-     <tbody>
-      <tr>
-       <td>Começe com branco puro:</td>
-       <td style="width: 2em; height: 2em; background-color: #fff; border: 1px dotted gray;"> </td>
-       <td><code>#fff</code></td>
-      </tr>
-      <tr>
-       <td>Reduza um pouco os outros componentes:</td>
-       <td style="width: 2em; height: 2em; background-color: #eef; border: 1px dotted gray;"> </td>
-       <td><code>#eef</code></td>
-      </tr>
-     </tbody>
-    </table>
-   </td>
-  </tr>
- </tbody>
-</table>
-
-<table style="border: 1px solid #36b; padding: 1em; background-color: #f4f4f4;">
- <caption>Mais detalhes</caption>
- <tbody>
-  <tr>
-   <td>Você pode também especificar uma cor usando valores decimais RGB na faixa de 0 – 255, ou porcentagens.
-    <p>Por exemplo, este marrom (vermelho escuro):</p>
-
-    <div style="width: 24em;">
-    <pre>
-rgb(128, 0, 0)
-</pre>
-    </div>
-
-    <p><br>
-     Para maiores detalhes sobre como especificar cores, veja: <a class="external" href="http://www.w3.org/TR/CSS21/syndata.html#color-units">Colors</a> na CSS Specification.</p>
-
-    <p>Para informação sobre sistema de cores combinadas como o Menu and ThreeDFace, veja: <a class="external" href="http://www.w3.org/TR/CSS21/ui.html#system-colors">CSS2 System Colors</a> na CSS Specification.</p>
-   </td>
-  </tr>
- </tbody>
-</table>
-
-<h3 id="Propriedades_de_cor" name="Propriedades_de_cor">Propriedades de cor</h3>
-
-<p>Você já usou a propriedade <code>color</code> para textos.</p>
-
-<p>Você também já usou a propriedade <code>background-color</code> para mudar elementos de fundo.</p>
-
-<p>Fundos podem ser configurados para <code>transparent</code> para remover qualquer cor explicitamente, reavaliando os elementos principais do fundo.</p>
-
-<table style="border: 1px solid #36b; padding: 1em; background-color: #fffff4;">
- <caption>Exemplo</caption>
- <tbody>
-  <tr>
-   <td>As caixas de <strong>Exemplo</strong> neste tutorial usam este fundo amarelo pálido:
-    <div style="width: 24em;">
-    <pre>
-background-color: #fffff4;
-</pre>
-    </div>
-
-    <p>As caixas de <strong>Mais detalhes</strong> usam esta paleta cinza:</p>
-
-    <div style="width: 24em;">
-    <pre>
-background-color: #f4f4f4;
-</pre>
-    </div>
-   </td>
-  </tr>
- </tbody>
-</table>
-
-<h2 id="A.C3.A7.C3.A3o:_Usando_c.C3.B3digos_de_cor" name="A.C3.A7.C3.A3o:_Usando_c.C3.B3digos_de_cor">Ação: Usando códigos de cor</h2>
-
-<p>Edite seu arquivo CSS. Faça a mudança mostrada aqui em negrito, para dar às letras iniciais um fundo azul pálido. (O layout e os comentários no seu arquivo irão provavelmente diferir do arquivo mostrado aqui. Mantenha o layout e os comentários como você preferir.)</p>
-
-<div style="width: 32em;">
-<pre class="eval">/*** CSS Tutorial: Página de Cor ***/
-
-/* Fonte da Página */
-body {font: 16px "Comic Sans MS", cursive;}
-
-/* Parágrafos */
-p {color: blue;}
-#first {font-style: italic;}
-
-/* Letras Iniciais */
-strong {
-  color: red;
-  <strong>background-color: #ddf;</strong>
-  font: 200% serif;
-  }
-
-.carrot {color: red;}
-.spinach {color: green;}
-</pre>
-</div>
-
-<p>Atualize seu navegador para ver o resultado:</p>
-
-<table>
- <tbody>
-  <tr>
-   <td style="font: italic 16px 'Comic Sans MS', cursive; color: blue;"><strong style="color: red; background-color: #ddf; font: 200% serif;">C</strong>ascading <strong style="color: green; background-color: #ddf; font: 200% serif;">S</strong>tyle <strong style="color: green; background-color: #ddf; font: 200% serif;">S</strong>heets</td>
-  </tr>
-  <tr>
-   <td style="font: 16px 'Comic Sans MS', cursive; color: blue;"><strong style="color: red; background-color: #ddf; font: 200% serif;">C</strong>ascading <strong style="color: red; background-color: #ddf; font: 200% serif;">S</strong>tyle <strong style="color: red; background-color: #ddf; font: 200% serif;">S</strong>heets</td>
-  </tr>
- </tbody>
-</table>
-
-<table style="border: 1px solid #36b; padding: 1em; background-color: #ffe; width: 100%;">
- <caption>Desafio</caption>
- <tbody>
-  <tr>
-   <td>No seu arquivo CSS, mude todos os nomes das cores para o código de cor com três digitos sem afetar o resultado.
-    <p>(Isto não pode ser feito exatamente, mas você pode deixar parecido. Para fazer isso exatamente você precisa do código com seis dígitos, e você precisa olhar a Especificação CSS ou usar uma ferramenta gráfica para converter as cores.)</p>
-   </td>
-  </tr>
- </tbody>
-</table>
-
-<h3 id="O_que_vem_depois.3F" name="O_que_vem_depois.3F">O que vem depois?</h3>
-
-<p>Se você teve dificuldade para entender esta página, ou se você tem algum comentário sobre ela, por favor contribua nesta página de <a href="/Talk:pt/CSS/Como_come%C3%A7ar/Cor" title="Talk:pt/CSS/Como_começar/Cor">Discussão</a>.</p>
-
-<p>Seu documento de amostra e sua folha de estilo de amostra separam rigorosamente o conteúdo do estilo.</p>
-
-<p>A próxima página explica como você pode fazer exceções para separar rigorosamente: <strong><a href="/pt/CSS/Como_come%C3%A7ar/Conte%C3%BAdo" title="pt/CSS/Como_começar/Conteúdo">Conteúdo</a></strong></p>
-
-<p>{{ PreviousNext("CSS:Como começar:Estilos de texto", "CSS:Como começar:Conteúdo") }}</p>
diff --git a/files/pt-pt/web/css/como_começar/css_legível/index.html b/files/pt-pt/web/css/como_começar/css_legível/index.html
deleted file mode 100644
index 08ede46aa3..0000000000
--- a/files/pt-pt/web/css/como_começar/css_legível/index.html
+++ /dev/null
@@ -1,188 +0,0 @@
----
-title: CSS legível
-slug: Web/CSS/Como_começar/CSS_legível
-tags:
-  - 'CSS:Como_começar'
-translation_of: Learn/CSS/Introduction_to_CSS/Syntax#Beyond_syntax_make_CSS_readable
-translation_of_original: Web/Guide/CSS/Getting_started/Readable_CSS
----
-<p>{{ PreviousNext("CSS:Como começar:Seletores", "CSS:Como começar:Estilos de texto") }}</p>
-
-<p>Esta página discute o estilo e a gramática da linguagem CSS.</p>
-
-<p>Você muda a maneira em que seu arquivo de amostra CSS é exibido, para torná-lo mais legível.</p>
-
-<h2 id="Informa.C3.A7.C3.A3o:_CSS_leg.C3.ADvel" name="Informa.C3.A7.C3.A3o:_CSS_leg.C3.ADvel">Informação: CSS legível</h2>
-
-<p>Você pode adicionar espaço em branco e comentários na sua folha de estilo para fazê-la mais legível. Você pode também juntar seletores de grupo, quando as mesmas regras de estilo se aplicam aos elementos selecionados em meios diferentes.</p>
-
-<h3 id="Espa.C3.A7o_em_branco" name="Espa.C3.A7o_em_branco">Espaço em branco</h3>
-
-<p>Espaços em branco significam espaços reais, tabs e quebras de linha. Você pode adicionar espaços em branco para tornar suas folhas de estilo mais legíveis.</p>
-
-<p>Seu arquivo de amostra de CSS atualmente tem uma regra por linha, e quase o mínimo de espaço em branco. Em uma uma folha de estilo complexa esta disposição pode dificultar a leitura, dificultando também a manutenção da sua folha de estilo.</p>
-
-<p>A disposição que você escolhe é usualmente um preferência pessoal, mas se suas folhas de estilo são parte de projetos compartilhados, estes projetos podem ter suas próprias convenções.</p>
-
-<table style="border: 1px solid #36b; padding: 1em; background-color: #fffff4; margin-bottom: 1em;">
- <caption>Exemplos</caption>
- <tbody>
-  <tr>
-   <td>Algumas pessoas gostam de uma diposição compacta que temos usado, somente dividindo a linha quando ela se torna muito longa:
-    <pre>
-.carrot {color: orange; text-decoration: underline; font-style: italic;}
-</pre>
-
-    <p>Algumas pessoas preferem uma propriedade-valor por linha:</p>
-
-    <div style="width: 45em;">
-    <pre class="eval">
-.carrot
-{
-color: orange;
-text-decoration: underline;
-font-style: italic;
-}
-</pre>
-    </div>
-
-    <p>Algumas pessoas usam tabs – dois espaços, quatro espaços, ou um tab são comuns:</p>
-
-    <div style="width: 45em;">
-    <pre class="eval">
-.carrot {
-  color: orange;
-  text-decoration: underline;
-  font-style: italic;
-}
-</pre>
-    </div>
-
-    <p>Algumas pessoas gostam de enfileirar a linha verticalmente (mas é difícil de manter uma disposição assim):</p>
-
-    <div style="width: 45em;">
-    <pre class="eval">
-.carrot
-    {
-    color           : orange;
-    text-decoration : underline;
-    font-style      : italic;
-    }
-</pre>
-    </div>
-
-    <p>Algumas pessoas usam tabs para a disposição. Algumas pessoas usam somente espaços.</p>
-   </td>
-  </tr>
- </tbody>
-</table>
-
-<h3 id="Coment.C3.A1rios" name="Coment.C3.A1rios">Comentários</h3>
-
-<p>Comentários em CSS começam com <code>/*</code> e terminam com <code>*/</code>.</p>
-
-<p>Você pode usar comentários para fazer comentários reais na sua folha de estilo, e também para <em>descomentar</em> partes que estiverem temporariamente para propósito de testes.</p>
-
-<p>Para comentar parte da folha de estilo, coloque a parte em um comentário então o navegador ignorará isso. Tome cuidado onde você começa e termina o seu comentário. O resto da sua folha de estilo ainda deve ter a sintaxe correta.</p>
-
-<table style="border: 1px solid #36b; padding: 1em; background-color: #fffff4; margin-bottom: 1em;">
- <caption>Exemplo</caption>
- <tbody>
-  <tr>
-   <td>
-    <div style="width: 45em;">
-    <pre class="eval">
-/* Estilo para a letra C inicial no primeiro parágrafo */
-.carrot {
-  color:            orange;
-  text-decoration:  underline;
-  font-style:       italic;
-  }
-</pre>
-    </div>
-   </td>
-  </tr>
- </tbody>
-</table>
-
-<h3 id="Seletores_agrupados" name="Seletores_agrupados">Seletores agrupados</h3>
-
-<p>Quando muitos elementos tiverem o mesmo estilo, você pode especificar um grupo de seletores, separando-os com comentários. A declaração se aplica a todos os elementos selecionados.</p>
-
-<p>Em outra parte da sua folha de estilo você pode especificar os mesmos seletores, de novo individualmente, para aplicar estilo individual às suas regras.</p>
-
-<table style="border: 1px solid #36b; padding: 1em; background-color: #fffff4; margin-bottom: 1em;">
- <caption>Exemplo</caption>
- <tbody>
-  <tr>
-   <td>Esta regra faz os elementos <small>H1</small>, <small>H2</small> and <small>H3</small> da mesma cor.
-    <p>Isto é conveniente para especificar a cor em somente um lugar, no caso em que precisa ser alterado.</p>
-
-    <div style="width: 30em;">
-    <pre class="eval">
-/* cores para os cabeçalhos */
-h1, h2, h3 {color: navy;}
-</pre>
-    </div>
-   </td>
-  </tr>
- </tbody>
-</table>
-
-<h2 id="A.C3.A7.C3.A3o:_Adicionando_coment.C3.A1rios_e_melhorando_o_arranjo" name="A.C3.A7.C3.A3o:_Adicionando_coment.C3.A1rios_e_melhorando_o_arranjo">Ação: Adicionando comentários e melhorando o arranjo</h2>
-
-<p>Edite seu arquivo CSS, e assegure-se que ele tem todas as regras nele (em qualquer ordem):</p>
-
-<div style="width: 30em;">
-<pre class="eval">strong {color: red;}
-.carrot {color: orange;}
-.spinach {color: green;}
-#first {font-style: italic;}
-p {color: blue;}
-</pre>
-</div>
-
-<p>Faça isto mais legível rearranjando isto em um meio que possa ser achado lógicamente, adicionando espaços em branco e comentários da maneira que você achar melhor.</p>
-
-<p>Salve o arquivo e atualize a tela do seu navegador, assegure-se que as mudanças que você fez não afetaram o modo como a folha de estilo trabalha:</p>
-
-<table style="border: 2px outset #36b; padding: 1em;">
- <tbody>
-  <tr>
-   <td style="font-style: italic; color: blue;"><strong style="color: orange;">C</strong>ascading <strong style="color: green;">S</strong>tyle <strong style="color: green;">S</strong>heets</td>
-  </tr>
-  <tr>
-   <td style="color: blue;"><strong style="color: red;">C</strong>ascading <strong style="color: red;">S</strong>tyle <strong style="color: red;">S</strong>heets</td>
-  </tr>
- </tbody>
-</table>
-
-<table style="border: 1px solid #36b; padding: 1em; background-color: #ffe;">
- <caption>Desafio</caption>
- <tbody>
-  <tr>
-   <td>Comente parte de sua folha de estilo, sem mudar qualquer coisa, para fazer a primeira letra de seu documento vermelha:
-    <table style="border: 2px outset #36b; padding: 1em; background-color: white;">
-     <tbody>
-      <tr>
-       <td style="font-style: italic; color: blue;"><strong style="color: red;">C</strong>ascading <strong style="color: green;">S</strong>tyle <strong style="color: green;">S</strong>heets</td>
-      </tr>
-      <tr>
-       <td style="color: blue;"><strong style="color: red;">C</strong>ascading <strong style="color: red;">S</strong>tyle <strong style="color: red;">S</strong>heets</td>
-      </tr>
-     </tbody>
-    </table>
-
-    <p>(Existe mais de uma maneira de fazer isto.)</p>
-   </td>
-  </tr>
- </tbody>
-</table>
-
-<h3 id="O_que_vem_depois.3F" name="O_que_vem_depois.3F">O que vem depois?</h3>
-
-<p>Se você teve dificuldade para entender esta página, ou se você tem algum comentário sobre ela, por favor contribua nesta página de <a href="/Talk:pt/CSS/Como_come%C3%A7ar/CSS_leg%C3%ADvel" title="Talk:pt/CSS/Como_começar/CSS_legível">Discussão</a>.</p>
-
-<p>Seu documento de amostra usou o texto em itálico e o texto com sublinhado. A próxima página descreve mais caminhos para especificar a aparência do texto no seu documento: <strong><a href="/pt/CSS/Como_come%C3%A7ar/Estilos_de_texto" title="pt/CSS/Como_começar/Estilos_de_texto">Estilos de texto</a></strong></p>
-
-<p>{{ PreviousNext("CSS:Como começar:Seletores", "CSS:Como começar:Estilos de texto") }}</p>
diff --git a/files/pt-pt/web/css/como_começar/disposição/index.html b/files/pt-pt/web/css/como_começar/disposição/index.html
deleted file mode 100644
index 0612aad9b5..0000000000
--- a/files/pt-pt/web/css/como_começar/disposição/index.html
+++ /dev/null
@@ -1,453 +0,0 @@
----
-title: Disposição
-slug: Web/CSS/Como_começar/Disposição
-tags:
-  - 'CSS:Como_começar'
-translation_of: Learn/CSS/CSS_layout
-translation_of_original: Web/Guide/CSS/Getting_started/Layout
----
-<p>{{ PreviousNext("CSS:Como começar:Caixas", "CSS:Como começar:Tabelas") }}</p>
-
-<p>Esta página descreve algumas maneiras para ajustar a disposição do seu documento.</p>
-
-<p>Você muda a disposição do seu documento de amostra...</p>
-
-<h2 id="Informa.C3.A7.C3.A3o:_Disposi.C3.A7.C3.A3o" name="Informa.C3.A7.C3.A3o:_Disposi.C3.A7.C3.A3o">Informação: Disposição</h2>
-
-<p>Você pode usar as CSS para especificar vários efeitos visuais que mudam a disposição do seu documento. Algumas técnicas para especificação da disposição são avançadas,e além do alcance deste tutorial básico.</p>
-
-<p>Quando você desenha uma disposição que aparece similar em vários navegadores, sua folha de estilo interage com a folha de estilo padrão do navegador e o motor de disposição em alguns caminhos pode se tornar complexo. Isto é também uma matéria avançada, além do alcance deste tutorial básico.</p>
-
-<p>Esta página descreve algumas técnicas simples que você pode tentar.</p>
-
-<h4 id="Estrutura_do_documento" name="Estrutura_do_documento">Estrutura do documento</h4>
-
-<p>Se você quer controlar a disposição do seu documento, então você pode ter que mudar sua estrutura.</p>
-
-<p>A linguagem de marcação do seu documento pode ter tags com propósito geral para criar a estrutura. Por exemplo, no HTML você pode usar a tag <code>DIV</code> para criar a estrutura.</p>
-
-<table style="border: 1px solid #36b; padding: 1em; background-color: #fffff4; margin-bottom: 1em;">
- <caption>Exemplo</caption>
- <tbody>
-  <tr>
-   <td>No seu documento de amostra, os parágrafos numerados sob o segundo título não tem um "recipiente" próprio.
-    <p>Sua folha de estilo não pode desenhar uma borda ao redor destes parágrafos, porque não há elemento especificado no seletor.</p>
-
-    <p>Para fixar este problema estrutural, você pode adicionar uma tag <code>DIV</code> em torno dos parágrafos. Esta tag é única, então isto pode ser identificado por um atributo <code>id</code>:</p>
-
-    <div style="width: 40em; color: gray;">
-    <pre class="eval">
-&lt;H3 class="numbered"&gt;Parágrafos numerados&lt;/H3&gt;
-<strong style="color: black;">&lt;DIV id="numbered"&gt;</strong>
-&lt;P class="numbered"&gt;Lorem ipsum&lt;/P&gt;
-&lt;P class="numbered"&gt;Dolor sit&lt;/P&gt;
-&lt;P class="numbered"&gt;Amet consectetuer&lt;/P&gt;
-&lt;P class="numbered"&gt;Magna aliquam&lt;/P&gt;
-&lt;P class="numbered"&gt;Autem veleum&lt;/P&gt;
-<strong style="color: black;">&lt;/DIV&gt;</strong>
-</pre>
-    </div>
-
-    <p>Agora sua folha de estilo pode use uma regra para especificar bordas em tordo de ambas as listas:</p>
-
-    <div style="width: 30em;">
-    <pre class="eval">
-ul, #numbered {
-  border: 1em solid #69b;
-  padding-right:1em;
-  }
-</pre>
-    </div>
-
-    <p>O resultado deve ser como este:</p>
-
-    <table style="border: 2px outset #36b; padding: 1em; width: 30em; background-color: white;">
-     <tbody>
-      <tr>
-       <td>
-        <p style="font-weight: bold; font-size: 133%; margin-bottom: .3em; padding-top: .4em; padding-bottom: .16em; border-top: 1px solid gray;">(A) Os oceanos</p>
-
-        <div style="border: 12px solid #69b; margin-bottom: 16px; padding: 1em;">
-        <ul style="">
-         <li>Ártico</li>
-         <li>Atlântico</li>
-         <li>Pacífico</li>
-         <li>Índico</li>
-         <li>Antártico</li>
-        </ul>
-        </div>
-
-        <p style="font-weight: bold; font-size: 133%; margin-bottom: .3em; padding-top: .4em; padding-bottom: .16em; border-top: 1px solid gray;">(B) Parágrafos numerados</p>
-
-        <div style="border: 12px solid #69b; margin-bottom: 8px; padding: 0px 12em 0px .5em;">
-        <p><strong>1: </strong>Lorem ipsum</p>
-
-        <p><strong>2: </strong>Dolor sit</p>
-
-        <p><strong>3: </strong>Amet consectetuer</p>
-
-        <p><strong>4: </strong>Magna aliquam</p>
-
-        <p><strong>5: </strong>Autem veleum</p>
-        </div>
-       </td>
-      </tr>
-     </tbody>
-    </table>
-   </td>
-  </tr>
- </tbody>
-</table>
-
-<h3 id="Tamanhos_das_unidades" name="Tamanhos_das_unidades">Tamanhos das unidades</h3>
-
-<p>Anteriormente neste tutorial, você especificou tamanhos em pixels (<code>px</code>). Estes são apropriados para alguns propósitos em um dispositivo de exposição como uma tela de computador. Mas quando o usuário muda o tamanho da fonte, sua disposição pode ficar errada.</p>
-
-<p>Para muitos propósitos é melhor especificar tamanhos com porcentagem ou em ems (<code>em</code>). Um em é nominalmente o tamanho da fonte corrente (a largura de uma letra m). Quando o usuário muda o tamanho da fonte, sua disposição ajusta-se automaticamente.</p>
-
-<table style="border: 1px solid #36b; padding: 1em; background-color: #fffff4; margin-bottom: 1em;">
- <caption>Exemplo</caption>
- <tbody>
-  <tr>
-   <td>A borda da esquerda deste texto tem o tamanho especificado em pixels.
-    <p>A borda da direita tem o tamanho especificado em ems. No seu navegador, mude o tamanho da fonte para ver como a borda da direita se ajusta mas a borda da esquerda não:</p>
-
-    <table style="border: 2px outset #36b; padding: 1em; background-color: white;">
-     <tbody>
-      <tr>
-       <td>
-        <div style="">Redimensione-me por favor</div>
-       </td>
-      </tr>
-     </tbody>
-    </table>
-   </td>
-  </tr>
- </tbody>
-</table>
-
-<table style="border: 1px solid #36b; padding: 1em; background-color: #f4f4f4; margin-bottom: 1em;">
- <caption>Mais detalhes</caption>
- <tbody>
-  <tr>
-   <td>Para outros dispositivos, outras unidades de comprimento são apropriadas.
-    <p>Há mais informação sobre isto em uma página anterior deste tutorial.</p>
-
-    <p>Para detalhes completos sobre os valores e unidades que você pode usar, veja <a class="external" href="http://www.w3.org/TR/CSS21/syndata.html#values">Values</a> em CSS Specification.</p>
-   </td>
-  </tr>
- </tbody>
-</table>
-
-<h3 id="Disposi.C3.A7.C3.A3o_do_texto" name="Disposi.C3.A7.C3.A3o_do_texto">Disposição do texto</h3>
-
-<p>Duas propriedades especificam como o conteúdo de um elemento é alinhado. Você pode usá-las para ajustes simples na disposição:</p>
-
-<ul>
- <li><code>text-align</code></li>
-</ul>
-
-<dl>
- <dd>Alinha o conteúdo. Use um destes valores: <code>left</code>, <code>right</code>, <code>center</code>, <code>justify</code></dd>
-</dl>
-
-<ul>
- <li><code>text-indent</code></li>
-</ul>
-
-<dl>
- <dd>Indenta o conteúdo, colocando o espaço que você especificar.</dd>
-</dl>
-
-<p>Estas propriedades aplicam-se a qualquer conteúdo como texto no elemento, não somente ao texto atual. Lembre-se que elas são herdadas pelo elemento filho, então você pode ter que desativá-las nos elementos filhos para não se surpreender com os resultados.</p>
-
-<table style="border: 1px solid #36b; padding: 1em; background-color: #fffff4; margin-bottom: 1em;">
- <caption>Exemplo</caption>
- <tbody>
-  <tr>
-   <td>Para centralizar títulos:
-    <div style="width: 30em;">
-    <pre class="eval">
-h3 {
-  border-top: 1px solid gray;
-  text-align: center;
-  }
-</pre>
-    </div>
-
-    <p>Resulta em:</p>
-
-    <table style="border: 2px outset #36b; padding: 1em; width: 30em; background-color: white;">
-     <tbody>
-      <tr>
-       <td>
-        <p style="font-weight: bold; font-size: 133%; margin-bottom: .3em; padding-top: .4em; padding-bottom: .16em; border-top: 1px solid gray; text-align: center;">(A) Os oceanos</p>
-       </td>
-      </tr>
-     </tbody>
-    </table>
-
-    <p>Em um documento HTML, o conteúdo que você vê abaixo do título não é contido estruturalmente pelo título. Então quando você alinha um título como isto, as tags abaixo do título não são afetadas pela herança.</p>
-   </td>
-  </tr>
- </tbody>
-</table>
-
-<h3 id="Flutuantes" name="Flutuantes">Flutuantes</h3>
-
-<p>A propriedade <code>float</code> força um elemento para a esquerda ou direita. Isto é uma maneira simples de controlar sua posição e tamanho.</p>
-
-<p>O resto do conteúdo do documento normalmente flui ao redor do elemento flutuado. Você pode controlar isto usando a propriedade <code>clear</code> em outros elementos para fazê-los permanecer sem flutuantes.</p>
-
-<table style="border: 1px solid #36b; padding: 1em; background-color: #fffff4; margin-bottom: 1em;">
- <caption>Exemplo</caption>
- <tbody>
-  <tr>
-   <td>Em seu documento de amostra, as listas esticam através da janela. Você pode prevenir isto flutuando-os para a esquerda.
-    <p>Para manter os títulos no lugar, você precisa também especificar que eles permaneçam limpos de flutuantes à sua esquerda:</p>
-
-    <div style="width: 30em;">
-    <pre class="eval">
-ul, #numbered {float: left;}
-h3 {clear: left;}
-</pre>
-    </div>
-
-    <p>O resultado deve se parecer com isto:</p>
-
-    <table style="border: 2px outset #36b; padding: 1em; width: 30em; background-color: white;">
-     <tbody>
-      <tr>
-       <td>
-        <p style="font-weight: bold; font-size: 133%; margin-bottom: .3em; padding-top: .4em; padding-bottom: .16em; border-top: 1px solid gray;">(A) Os oceanos</p>
-
-        <div style="float: left; border: 12px solid #69b; margin-bottom: 16px; padding-left: 1em;">
-        <ul style="">
-         <li>Ártico</li>
-         <li>Atlântico</li>
-         <li>Pacífico</li>
-         <li>Índico</li>
-         <li>Antártico</li>
-        </ul>
-        </div>
-
-        <p style="font-weight: bold; font-size: 133%; margin-bottom: .3em; padding-top: .4em; padding-bottom: .16em; border-top: 1px solid gray;">(B) Parágrafos numerados</p>
-
-        <div style="float: left; border: 12px solid #69b; margin-bottom: 8px; padding-left: .5em;">
-        <p><strong>1: </strong>Lorem ipsum</p>
-
-        <p><strong>2: </strong>Dolor sit</p>
-
-        <p><strong>3: </strong>Amet consectetuer</p>
-
-        <p><strong>4: </strong>Magna aliquam</p>
-
-        <p><strong>5: </strong>Autem veleum</p>
-        </div>
-       </td>
-      </tr>
-     </tbody>
-    </table>
-
-    <p>(Um pequeno enchimento é necessário à direita das caixas, onde a borda fica muito perto do texto.)</p>
-   </td>
-  </tr>
- </tbody>
-</table>
-
-<h3 id="Posicionamento" name="Posicionamento">Posicionamento</h3>
-
-<p>Você pode especificar a posição dos elementos de quatro maneiras, especificando a propriedade <code>position</code> e um dos valores seguintes:</p>
-
-<p>Estas são propriedades avançadas. É possível usá-las de maneiras simples — esta é a razão pela qual elas são mencionadas neste tutorial básico. Mas usando-as para disposições complexas pode-se dificultar.</p>
-
-<ul>
- <li><code>relative</code></li>
-</ul>
-
-<dl>
- <dd>A posição do elemento é alterada relativamente à sua posição normal.</dd>
- <dd>Use-o para mover um elemento por uma quantidade especificada. Às vezes você pode usar a margem do elemento para obter o mesmo efeito.</dd>
-</dl>
-
-<ul>
- <li><code>fixed</code></li>
-</ul>
-
-<dl>
- <dd>A posição do elemento é fixa.</dd>
- <dd>Especifique a posição do elemento relativa à janela do documento. Mesmo que o resto do documento seja rolado, o elemento permanece fixo.</dd>
-</dl>
-
-<ul>
- <li><code>absolute</code></li>
-</ul>
-
-<dl>
- <dd>A posição do documento é fixada relativamente a um elemento pai.</dd>
- <dd>Somente um elemento pai que esteja posicionado com <code>relative</code>, <code>fixed</code> ou <code>absolute</code> o fará.</dd>
-</dl>
-
-<dl>
- <dd>Você pode tornar qualquer elemento principal apropriado, especificando <code>position: relative;</code> sem especificar qualquer movimento.</dd>
-</dl>
-
-<ul>
- <li><code>static</code></li>
-</ul>
-
-<dl>
- <dd>O padrão. Use este valor caso precise desativar a posição explicitamente.</dd>
-</dl>
-
-<p>Agora, com estes valores da propriedade <code>position</code> (exeto para <code>static</code>), especifique uma ou mais propriedades: <code>top</code>, <code>right</code>, <code>bottom</code>, <code>left</code>, <code>width</code>, <code>height</code> para identificar onde você quer que o elemento apareça, e talvez também seu tamanho.</p>
-
-<table style="border: 1px solid #36b; padding: 1em; background-color: #fffff4; margin-bottom: 1em;">
- <caption>Exemplo</caption>
- <tbody>
-  <tr>
-   <td>Para posicionar dois elementos no topo, crie um "recipiente" principal em seu documento com os dois elementos dentre dele:
-    <div style="width: 30em;">
-    <pre class="eval">
-&lt;DIV id="parent-div"&gt;
-&lt;P id="forward"&gt;/&lt;/P&gt;
-&lt;P id="back"&gt;\&lt;/P&gt;
-&lt;/DIV&gt;
-</pre>
-    </div>
-
-    <p>Na sua folha de estilo, faça a posição principal <code>relative</code>. Ela não precisa que seja especificado qualquer movimento atual. Faça a posição subordinada <code>absolute</code>:</p>
-
-    <div style="width: 30em;">
-    <pre>
-#parent-div {
-  position: relative;
-  font: bold 200% sans-serif;
-  }
-
-#forward, #back {
-  position: absolute;
-  margin:0px;
-  top: 0px;
-  left: 0px;
-  }
-
-#forward {
-  color: blue;
-  }
-
-#back {
-  color: red;
-  }
-</pre>
-    </div>
-
-    <p>O resultado deve ser como isto, com a contra barra (\) sobre a barra (/):</p>
-
-    <div style="position: relative; left: .33em; font: bold 300% sans-serif;">
-    <p style="position: absolute; margin: 0px; top: 0px; left: 0px; color: blue;">/</p>
-
-    <p style="position: absolute; margin: 0px; top: 0px; left: 0px; color: red;">\</p>
-    </div>
-
-    <table style="border: 2px outset #36b; padding: 1em; width: 30em; height: 5em; background-color: white;">
-     <tbody>
-      <tr>
-       <td> </td>
-      </tr>
-     </tbody>
-    </table>
-
-    <p> </p>
-   </td>
-  </tr>
- </tbody>
-</table>
-
-<table style="border: 1px solid #36b; padding: 1em; background-color: #f4f4f4; margin-bottom: 1em;">
- <caption>Mais detalhes</caption>
- <tbody>
-  <tr>
-   <td>A história completa sobre posicionamento toma dois complexos capítulos em CSS Specification: <a class="external" href="http://www.w3.org/TR/CSS21/visuren.html">Visual formatting model</a> e <a class="external" href="http://www.w3.org/TR/CSS21/visudet.html">Visual formatting model details</a>.
-    <p>Se você está desenhando folhas de estilo para trabalharem em vários navegadores, então você também precisa levar em conta as diferenças na maneira em que os navegadores interpretam o padrão, e talvez bugs em algumas versões de alguns navegadores.</p>
-   </td>
-  </tr>
- </tbody>
-</table>
-
-<h2 id="A.C3.A7.C3.A3o:_Especificando_a_disposi.C3.A7.C3.A3o" name="A.C3.A7.C3.A3o:_Especificando_a_disposi.C3.A7.C3.A3o">Ação: Especificando a disposição</h2>
-
-<p>Mude seu documento de amostra e sua folha de estilo usando os exemplos anteriores nas seções <strong>Estrutura do documento</strong> e <strong>Flutuantes</strong>.</p>
-
-<p>No exemplo dos <strong>Flutuantes</strong>, adicione enchimento para separar o texto da borda direita por 0,5 em.</p>
-
-<table style="border: 1px solid #36b; padding: 1em; background-color: #fffff4; margin-bottom: 1em;">
- <caption>Desafio</caption>
- <tbody>
-  <tr>
-   <td>Mude seu documento de amostra, adicionando esta tag perto do fim, somente antes de <code>&lt;/BODY&gt;</code>
-    <pre>
-&lt;IMG id="fixed-pin" src="Yellow-pin.png" alt="Yellow map pin"&gt;
-</pre>
-
-    <p>Se você não baixou o arquivo de imagem anteriormente neste tutorial, baixe-o agora:</p>
-
-    <table style="border: 2px solid #ccc;">
-     <tbody>
-      <tr>
-       <td><img alt="Image:Yellow-pin.png" class="internal" src="/@api/deki/files/2557/=Yellow-pin.png"></td>
-      </tr>
-     </tbody>
-    </table>
-
-    <p>Prediga onde a imagem irá aparecer no seu documento. Então atualize seu navegador para ver se você estava certo.</p>
-
-    <p>Adicione uma regra à sua folha de estilo que fixe a imagem no topo e a direita do seu documento.</p>
-
-    <p>Atualize seu navegador e diminua o tamanho da janela. Cheque se a imagem permanece no topo e a direita mesmo que você role seu documento:</p>
-
-    <div style="position: relative; width: 29.5em; height: 18em;">
-    <div style="overflow: auto; border: 2px outset #36b; padding: 1em; width: 29em; height: 16em; background-color: white;">
-    <p style="font-weight: bold; font-size: 133%; margin-bottom: .3em; padding-top: .4em; padding-bottom: .16em; border-top: 1px solid gray;">(A) Os oceanos</p>
-
-    <div style="float: left; border: 12px solid #69b; margin-bottom: 16px; padding: 0px .5em 0px 1em;">
-    <ul style="">
-     <li>Ártico</li>
-     <li>Atlântico</li>
-     <li>Pacífico</li>
-     <li>Índico</li>
-     <li>Antártico</li>
-    </ul>
-    </div>
-
-    <p style="font-weight: bold; font-size: 133%; margin-bottom: .3em; padding-top: .4em; padding-bottom: .16em; border-top: 1px solid gray;">(B) Parágrafos numerados</p>
-
-    <div style="float: left; border: 12px solid #69b; padding: 0 .5em 0 .5em;">
-    <p><strong>1: </strong>Lorem ipsum</p>
-
-    <p><strong>2: </strong>Dolor sit</p>
-
-    <p><strong>3: </strong>Amet consectetuer</p>
-
-    <p><strong>4: </strong>Magna aliquam</p>
-
-    <p><strong>5: </strong>Autem veleum</p>
-    </div>
-
-    <p style=""> </p>
-
-    <div style="position: absolute; top: 2px; right: 0px;"><img alt="Yellow map pin" class="internal" src="/@api/deki/files/2557/=Yellow-pin.png"></div>
-    </div>
-    </div>
-   </td>
-  </tr>
- </tbody>
-</table>
-
-<h3 id="O_que_vem_depois.3F" name="O_que_vem_depois.3F">O que vem depois?</h3>
-
-<p>Se você teve dificuldade para entender esta página, ou se você tem algum comentário sobre ela, por favor contribua nesta página de <a href="/Talk:pt/CSS/Como_come%C3%A7ar/Disposi%C3%A7%C3%A3o" title="Talk:pt/CSS/Como_começar/Disposição">Discussão</a>.</p>
-
-<p>A próxima página descreve seletores para regras mais avançadas das CSS, e algumas maneiras específicas de estilizar tabelas: <strong><a href="/pt/CSS/Como_come%C3%A7ar/Tabelas" title="pt/CSS/Como_começar/Tabelas">Tabelas</a></strong></p>
-
-<p>{{ PreviousNext("CSS:Como começar:Caixas", "CSS:Como começar:Tabelas") }}</p>
diff --git a/files/pt-pt/web/css/como_começar/estilos_de_texto/index.html b/files/pt-pt/web/css/como_começar/estilos_de_texto/index.html
deleted file mode 100644
index 373688d00f..0000000000
--- a/files/pt-pt/web/css/como_começar/estilos_de_texto/index.html
+++ /dev/null
@@ -1,158 +0,0 @@
----
-title: Estilos de texto
-slug: Web/CSS/Como_começar/Estilos_de_texto
-tags:
-  - 'CSS:Como_começar'
-translation_of: Learn/CSS/Styling_text/Fundamentals
-translation_of_original: Web/Guide/CSS/Getting_started/Text_styles
----
-<p>{{ PreviousNext("CSS:Como começar:CSS legível", "CSS:Como começar:Cor") }}</p>
-
-<p>Esta página dá mais exemplos de estilos de texto.</p>
-
-<p>Você modifica sua folha de estilo de amostra para usar diferentes fontes.</p>
-
-<h2 id="Informa.C3.A7.C3.A3o:_Estilos_de_texto" name="Informa.C3.A7.C3.A3o:_Estilos_de_texto">Informação: Estilos de texto</h2>
-
-<p>CSS tem várias propriedades para estilos de texto.</p>
-
-<p>Há uma conveniente propriedade de abreviação de caracteres/palavras que facilitam a escrita, <code>font</code>, que você pode usar para especificar várias coisas de uma vez — por exemplo:</p>
-
-<ul>
- <li>Negrito, itálico e letras minúsculas</li>
- <li>O tamanho</li>
- <li>A altura da linha</li>
- <li>O tipo da fonte</li>
-</ul>
-
-<table style="border: 1px solid #36b; padding: 1em; background-color: #fffff4; margin-bottom: 1em;">
- <caption>Exemplo</caption>
- <tbody>
-  <tr>
-   <td>
-    <div style="width: 40em;">
-    <pre class="eval">
-p {font: italic 75%/125% "Comic Sans MS", cursive;}
-</pre>
-    </div>
-
-    <p>Esta regra coloca várias propriedades da fonte, fazendo todos os parágrafos em itálico.</p>
-
-    <p>O tamanho da fonte é três quartos (75%) do tamanho em cada elemento do paragrafo principal e a altura da linha é 125% (um pouco mais espaçada que o normal).</p>
-
-    <p>O tipo da fonte é Comic Sans MS, mas se a fonte não estiver disponível então o navegador usará sua fonte cursiva padrão (escrita a mão).</p>
-
-    <p>A regra tem o efeito colateral de desativar o negrito e as letras minúsculas (colocando-os no estilo <code>normal</code>)</p>
-   </td>
-  </tr>
- </tbody>
-</table>
-
-<h3 id="Tipos_de_fonte" name="Tipos_de_fonte">Tipos de fonte</h3>
-
-<p>Você não pode predizer quais fontes os leitores do seu documento terão. Então quando você especifica tipos de fonte é uma boa idéia colocar uma lista de alternativas em ordem de preferência.</p>
-
-<p>Acabe a lista com um dos tipos de fontes internas padrão: <code>serif</code>, <code>sans-serif</code>, <code>cursive</code>, <code>fantasy</code> ou <code>monospace</code>. (Algumas destas podem ser configuradas nas Opções do seu navegador.)</p>
-
-<p>Se o tipo não for suportado por algumas características no documento, então o navegador pode substituí-lo por um tipo diferente. Por exemplo, o documento pode conter caracteres especiais que a fonte não suporte. Se o navegador puder encontrar outra fonte que tenha os caracteres, então ele usará a outra fonte.</p>
-
-<p>Para especificar um tipo de fonte por conta própria, use a propriedade <code>font-family</code>.</p>
-
-<h3 id="Tamanho_da_fonte" name="Tamanho_da_fonte">Tamanho da fonte</h3>
-
-<p>Leitores que usam os navegadores Mozilla podem configurar o tamanho padrão das fontes em Opções, e mudar o tamanho do texto quando lêem uma página, isso a torna boa para você usá-la com tamanho relativos onde você puder.</p>
-
-<p>Você pode usar alguns valores internos para o tamanho das fontes, como: <code>small</code>, <code>medium</code> e <code>large</code>. Você pode também usar valores relativos para o tamanho das fontes do elemento primário, como: <code>smaller</code>, <code>larger</code>, <code>150%</code> ou <code>1.5em</code>.</p>
-
-<p>Se necessário você pode especificar um tamanho atual, como: <code>12px</code> (12 pixels) para um instrumento de exibição ou <code>12pt</code> (12 pontos) para uma impressora. Este tamanho é nominalmente a largura de uma letra m, mas fontes variam na maneira do tamanho, você vê relatos do tamanho que você especifica.</p>
-
-<p>Para especificar um tamanho de fonte por conta própria, use a propriedade <code>font-size</code>.</p>
-
-<h3 id="Altura_da_linha" name="Altura_da_linha">Altura da linha</h3>
-
-<p>A altura da linha especifica o espaçamento entre linhas. Se seu documento tem longos parágrafos com muitas linhas, um espaçamento mais largo que o normal faz com que a leitura seja mais fácil, especialmente se o tamanho da fonte for pequeno.</p>
-
-<p>Para especificar a altura da linha por conta própria, use a propriedade <code>line-height</code>.</p>
-
-<h3 id="Decora.C3.A7.C3.A3o" name="Decora.C3.A7.C3.A3o">Decoração</h3>
-
-<p>A propriedade separada <code>text-decoration</code> pode especificar outros estilos, como <code>underline</code> ou <code>line-through</code>. Você pode configurar isto para <code>none</code> removendo explicitamente qualquer decoração.</p>
-
-<h3 id="Outras_propriedades" name="Outras_propriedades">Outras propriedades</h3>
-
-<p>Para especificar itálico por conta própria, use <code>font-style: italic;</code><br>
- Para especificar negrito por conta própria, use <code>font-weight: bold;</code><br>
- Para especificar letras minúsculas por conta própria, use <code>font-variant: small-caps;</code></p>
-
-<p>Para tornar qualquer destes valores individualmente desativado, você pode especificar o valor <code>normal</code> ou <code>inherit</code>.</p>
-
-<table style="border: 1px solid #36b; padding: 1em; background-color: #f4f4f4; margin-bottom: 1em;">
- <caption>Mais detalhes</caption>
- <tbody>
-  <tr>
-   <td>Você pode especificar os estilos do texto em uma variedade de outras maneiras.
-    <p>Por exemplo, algumas propriedades mencionadas aqui têm outros valores que podem ser usados.</p>
-
-    <p>Em uma folha de estilo complexa, evite usar a propriedade de abreviação de caracteres/palavras que facilitam a escrita <code>font</code>, por causa de seus efeitos colaterais (o re-escolher de outras propriedades individuais).</p>
-
-    <p>Para maiores detalhes sobre as propriedades relacionadas às fontes, veja <a class="external" href="http://www.w3.org/TR/CSS21/fonts.html">Fonts</a> na especificação do CSS. Para maiores detalhes sobre decoração de textos, veja <a class="external" href="http://www.w3.org/TR/CSS21/text.html">Text</a>.</p>
-   </td>
-  </tr>
- </tbody>
-</table>
-
-<h2 id="A.C3.A7.C3.A3o:_Especificando_fontes" name="A.C3.A7.C3.A3o:_Especificando_fontes">Ação: Especificando fontes</h2>
-
-<p>Para um documento de amostra, você pode escolher a fonte do elemento <small>BODY</small> e o resto do documento herda as configurações.</p>
-
-<p>Edite seu arquivo CSS. Adicione esta regra para mudar a fonte completamente. O topo do arquivo CSS é um local lógico para isto, mas isto terá o mesmo efeito em qualquer lugar que for posicionado:</p>
-
-<div style="width: 40em;">
-<pre class="eval">body {font: 16px "Comic Sans MS", cursive;}
-</pre>
-</div>
-
-<p>Adicione um comentário à regra, e deixe um espaço em branco para fazer sua disposição preferido.</p>
-
-<p>Atualize seu navegador para ver o efeito. Se o seu sistema tem Comic Sans MS, ou outra fonte cursiva que não suporta itálico, então seu navegador escolhe um tipo diferente de fonte para o texto em itálico na primeira linha:</p>
-
-<table style="border: 2px outset #36b; padding: 1em;">
- <tbody>
-  <tr>
-   <td style="font: italic 16px 'Comic Sans MS', cursive; color: blue;"><strong style="color: red;">C</strong>ascading <strong style="color: green;">S</strong>tyle <strong style="color: green;">S</strong>heets</td>
-  </tr>
-  <tr>
-   <td style="font: 16px 'Comic Sans MS', cursive; color: blue;"><strong style="color: red;">C</strong>ascading <strong style="color: red;">S</strong>tyle <strong style="color: red;">S</strong>heets</td>
-  </tr>
- </tbody>
-</table>
-
-<p>Da barra de menu do seu navegador, escolha Exibir – Tamanho do Texto – Aumentar. Mesmo que o estilo especificado seja 16 pixels, um usuário lendo o documento pode mudar o tamanho.</p>
-
-<table style="border: 1px solid #36b; padding: 1em; background-color: #ffe;">
- <caption>Desafio</caption>
- <tbody>
-  <tr>
-   <td>Sem mudar mais nada, faça todas as seis letras iniciais duas vezes o tamanho na fonte serifada padrão do navegador:
-    <table>
-     <tbody>
-      <tr>
-       <td style="font: italic 16px 'Comic Sans MS', cursive; color: blue;"><strong style="color: red; font: 200% serif;">C</strong>ascading <strong style="color: green; font: 200% serif;">S</strong>tyle <strong style="color: green; font: 200% serif;">S</strong>heets</td>
-      </tr>
-      <tr>
-       <td style="font: 16px 'Comic Sans MS', cursive; color: blue;"><strong style="color: red; font: 200% serif;">C</strong>ascading <strong style="color: red; font: 200% serif;">S</strong>tyle <strong style="color: red; font: 200% serif;">S</strong>heets</td>
-      </tr>
-     </tbody>
-    </table>
-   </td>
-  </tr>
- </tbody>
-</table>
-
-<h3 id="O_que_vem_depois.3F" name="O_que_vem_depois.3F">O que vem depois?</h3>
-
-<p>Se você teve dificuldade para entender esta página, ou se você tem algum comentário sobre ela, por favor contribua nesta página de <a href="/Talk:pt/CSS/Como_come%C3%A7ar/Estilos_de_texto" title="Talk:pt/CSS/Como_começar/Estilos_de_texto">Discussão</a>.</p>
-
-<p>Seu documento de amostra está pronto para usar várias cores nomeadas. A próxima página lista os nomes das cores padrão e explica como você pode especificar outras: <strong><a href="/pt/CSS/Como_come%C3%A7ar/Cor" title="pt/CSS/Como_começar/Cor">Cor</a></strong></p>
-
-<p>{{ PreviousNext("CSS:Como começar:CSS legível", "CSS:Como começar:Cor") }}</p>
diff --git a/files/pt-pt/web/css/como_começar/index.html b/files/pt-pt/web/css/como_começar/index.html
deleted file mode 100644
index fa514756bd..0000000000
--- a/files/pt-pt/web/css/como_começar/index.html
+++ /dev/null
@@ -1,92 +0,0 @@
----
-title: Como começar
-slug: Web/CSS/Como_começar
-tags:
-  - CSS
-  - 'CSS:Como_começar'
-  - Todas_as_Categorias
-translation_of: Learn/CSS/First_steps
-translation_of_original: Web/Guide/CSS/Getting_started
----
-<p> </p>
-
-<h3 id="Introdu.C3.A7.C3.A3o" name="Introdu.C3.A7.C3.A3o">Introdução</h3>
-
-<p>Este tutorial o introduz às CSS (Cascading Style Sheets - Folhas de Estilo em Cascata).</p>
-
-<p>Este tutorial o orienta nos recursos básicos de CSS com exemplos práticos que você pode experimentar sozinho em seu computador. Ele é dividido em duas partes:</p>
-
-<ul>
- <li>A Parte I ilustra os recursos básicos das CSS que funcionam nos navegadores Mozilla e também na maioria dos navegadores modernos.</li>
-</ul>
-
-<ul>
- <li>A Parte II contém alguns exemplos de recursos especiais que funcionam no Mozilla, mas não necessariamente em outros ambientes.</li>
-</ul>
-
-<p>Este tutorial é baseado na <a class="external" href="http://www.w3.org/TR/CSS21/">CSS 2.1 Specification</a>.</p>
-
-<h4 id="Quem_deve_ler_este_tutorial.3F" name="Quem_deve_ler_este_tutorial.3F">Quem deve ler este tutorial?</h4>
-
-<p>Este tutorial é direcionado para iniciantes em CSS, mas você também poderá usá-lo caso tenha alguma experiência em CSS.</p>
-
-<p>Se você é um iniciante em CSS, leia a Parte I deste tutorial para entender CSS e aprender a usá-lo. Em seguida, leia a Parte II para entender o escopo de CSS no Mozilla.</p>
-
-<p>Se você conhece CSS, poderá ignorar as partes desse tutorial que já conhece e ler apenas as partes que lhe interessam.</p>
-
-<p>Se você já tem experiência em CSS mas não no Mozilla, pode ir direto para a Parte II.</p>
-
-<h4 id="O_que_voc.C3.AA_precisa_antes_de_come.C3.A7ar.3F" name="O_que_voc.C3.AA_precisa_antes_de_come.C3.A7ar.3F">O que você precisa antes de começar?</h4>
-
-<p>Para melhor aproveitar este tutorial, você precisa de um editor de arquivos de texto e um navegador Mozilla (Firefox, Mozilla Suite ou Seamonkey). Você também deve saber como utilizá-los de um modo básico.</p>
-
-<p>Se não deseja editar arquivos, você pode apenas ler o tutorial e observar as imagens, mas este não é o melhor modo de aprendizado.</p>
-
-<p>Poucas partes deste tutorial podem requerer outro software Mozilla. Essas partes são opcionais. Você pode ignorar essas partes se não desejar fazer o download de outro software Mozilla.</p>
-
-<p><strong>Nota:</strong> As CSS oferece modos de se trabalhar com cores, de modo que partes deste tutorial dependem de cores. Você poderá utilizar essas partes facilmente somente se tiver um monitor colorido e uma visão colorida normal.</p>
-
-<h4 id="Como_utilizar_este_tutorial" name="Como_utilizar_este_tutorial">Como utilizar este tutorial</h4>
-
-<p>Para utilizar este tutorial, leia cuidadosamente as páginas e em seqüência. Se perder uma página, você poderá ter dificuldades para entender as páginas posteriores.</p>
-
-<p>Em cada página, utilize a seção<em>Informações</em> para entender como o CSS funciona. Utilize a seção<em>Ações</em> para tentar usar o CSS em seu próprio computador.</p>
-
-<p>Para testar seus conhecimentos, faça o teste ao final de cada página. As soluções para alguns testes são reveladas nas páginas posteriores no tutorial.</p>
-
-<p>Para se aprofundar em CSS, leia as informações nas caixas entituladas<em>Mais detalhes</em>. Utilize os links para localizar informações referentes às CSS.</p>
-
-<h3 id="Tutorial_Parte_I" name="Tutorial_Parte_I">Tutorial Parte I</h3>
-
-<p>Um guia passo-a-passo para CSS.</p>
-
-<ol>
- <li><strong><a href="pt/CSS/Como_come%c3%a7ar/O_que_%c3%a9_CSS">O que é CSS</a></strong></li>
- <li><strong><a href="pt/CSS/Como_come%c3%a7ar/Porque_usar_CSS">Porque usar CSS</a></strong></li>
- <li><strong><a href="pt/CSS/Como_come%c3%a7ar/Como_o_CSS_trabalha">Como o CSS trabalha</a></strong></li>
- <li><strong><a href="pt/CSS/Como_come%c3%a7ar/Cascata_e_heran%c3%a7a">Cascata e herança</a></strong></li>
- <li><strong><a href="pt/CSS/Como_come%c3%a7ar/Seletores">Seletores</a></strong></li>
- <li><strong><a href="pt/CSS/Como_come%c3%a7ar/CSS_leg%c3%advel">CSS legível</a></strong></li>
- <li><strong><a href="pt/CSS/Como_come%c3%a7ar/Estilos_de_texto">Estilos de texto</a></strong></li>
- <li><strong><a href="pt/CSS/Como_come%c3%a7ar/Cor">Cor</a></strong></li>
- <li><strong><a href="pt/CSS/Como_come%c3%a7ar/Conte%c3%bado">Conteúdo</a></strong></li>
- <li><strong><a href="pt/CSS/Como_come%c3%a7ar/Listas">Listas</a></strong></li>
- <li><strong><a href="pt/CSS/Como_come%c3%a7ar/Caixas">Caixas</a></strong></li>
- <li><strong><a href="pt/CSS/Como_come%c3%a7ar/Disposi%c3%a7%c3%a3o">Disposição</a></strong></li>
- <li><strong><a href="pt/CSS/Como_come%c3%a7ar/Tabelas">Tabelas</a></strong></li>
- <li><strong><a href="/pt-PT/docs/Web/CSS/Como_começar/Mídia">Média</a></strong></li>
-</ol>
-
-<h3 id="Tutorial_Parte_II" name="Tutorial_Parte_II">Tutorial Parte II</h3>
-
-<p>Exemplos que mostram o escopo da CSS no Mozilla.</p>
-
-<ol>
- <li><strong><a href="pt/CSS/Como_come%c3%a7ar/JavaScript">JavaScript</a></strong></li>
- <li><strong><a href="pt/CSS/Como_come%c3%a7ar/XBL_bindings">XBL bindings</a></strong></li>
- <li><strong><a href="pt/CSS/Como_come%c3%a7ar/Interfaces_de_usu%c3%a1rio_XUL">Interfaces de usuário XUL</a></strong></li>
- <li><strong><a href="pt/CSS/Como_come%c3%a7ar/Gr%c3%a1ficos_SVG">Gráficos SVG</a></strong></li>
- <li><strong><a href="pt/CSS/Como_come%c3%a7ar/Dados_XML">Dados XML</a></strong></li>
-</ol>
-
-<p>{{ languages( { "en": "en/CSS/Getting_Started", "fr": "fr/CSS/Premiers_pas", "it": "it/Conoscere_i_CSS", "ja": "ja/CSS/Getting_Started", "nl": "nl/CSS/Voor_Beginners", "pl": "pl/CSS/Na_pocz\u0105tek", "zh-cn": "cn/CSS/\u5f00\u59cb" } ) }}</p>
diff --git a/files/pt-pt/web/css/como_começar/javascript/index.html b/files/pt-pt/web/css/como_começar/javascript/index.html
deleted file mode 100644
index f752fdbf6c..0000000000
--- a/files/pt-pt/web/css/como_começar/javascript/index.html
+++ /dev/null
@@ -1,160 +0,0 @@
----
-title: JavaScript
-slug: Web/CSS/Como_começar/JavaScript
-tags:
-  - 'CSS:Como_começar'
-translation_of: Learn/JavaScript/Client-side_web_APIs/Manipulating_documents
-translation_of_original: Web/Guide/CSS/Getting_started/JavaScript
----
-<p>{{ PreviousNext("CSS:Como começar:Mídia", "CSS:Como começar:XBL bindings") }}</p>
-
-<p>Esta é a Parte II do tutorial. A Parte II contém alguns exemplos que mostram o escopo do CSS no Mozilla.</p>
-
-<p>Cada página na Parte II ilustra como o CSS interage com algumas outras tecnologias. Estas páginas não são desenhadas para ensinar como usar estas outras tecnologias. Vá para outros tutorias para aprender isto em detalhes.</p>
-
-<p>Em vez disso, estas páginas são desenhadas para ilustrar os muitos usos do CSS. Para usar estas páginas, você deve ter um conhecimento em CSS, mas você não precisa qualquer conhecimento em outras tecnologias.</p>
-
-<h2 id="Informa.C3.A7.C3.A3o:_JavaScript" name="Informa.C3.A7.C3.A3o:_JavaScript">Informação: JavaScript</h2>
-
-<p>JavaScript é uma <em>linguagem de programação</em>. Quando você usa alguma aplicação Mozilla (por exemplo, seu naverador Mozilla) muito do código que o seu computador roda é escrito em JavaScript.</p>
-
-<p>JavaScript pode interagir com folhas de estilo, permitindo a você escrever programas que mudem o estilo do documento dinamicamente.</p>
-
-<p>Existem três maneiras para fazer isto:</p>
-
-<ul>
- <li>Trabalhando com uma lista de folhas de estilo no documento — por exemplo: adicionando, removendo ou modificando uma folha de estilo.</li>
- <li>Trabalhando com as regras de uma folha de estilo — por exemplo: adicionando, removendo ou modificando uma regra.</li>
- <li>Trabalhando com um elemento individual no DOM — modificando seu estilo independentemente da folha de estilo do seu documento.</li>
-</ul>
-
-<table style="border: 1px solid #36b; padding: 1em; background-color: #f4f4f4; margin-bottom: 1em; width: 100%;">
- <caption>Mais detalhes</caption>
- <tbody>
-  <tr>
-   <td>Para mais informações sobre JavaScript no Mozilla, veja a página <a href="/pt/JavaScript" title="pt/JavaScript">JavaScript</a> neste wiki.</td>
-  </tr>
- </tbody>
-</table>
-
-<h2 id="A.C3.A7.C3.A3o:_Uma_demonstra.C3.A7.C3.A3o_de_JavaScript" name="A.C3.A7.C3.A3o:_Uma_demonstra.C3.A7.C3.A3o_de_JavaScript">Ação: Uma demonstração de JavaScript</h2>
-
-<p>Criei um novo documento HTML, <code>doc5.html</code>. Copie e cole o conteúdo daqui, tendo certeza de ter rolado a tela e pego tudo isto:</p>
-
-<div style="width: 48em; height: 12em; overflow: auto;">
-<pre>&lt;!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0//EN"&gt;
-&lt;HTML&gt;
-
-&lt;HEAD&gt;
-&lt;TITLE&gt;Como Começar Mozilla CSS - Demonstração JavaScript&lt;/TITLE&gt;
-&lt;LINK rel="stylesheet" type="text/css" href="style5.css"&gt;
-&lt;SCRIPT type="text/javascript" src="script5.js"&gt;&lt;/SCRIPT&gt;
-&lt;/HEAD&gt;
-
-&lt;BODY&gt;
-&lt;H1&gt;JavaScript de amostra&lt;/H1&gt;
-
-&lt;DIV id="square"&gt;&lt;/DIV&gt;
-
-&lt;BUTTON type="button" onclick="doDemo(this);"&gt;Clique Aqui&lt;/BUTTON&gt;
-
-&lt;/BODY&gt;
-&lt;/HTML&gt;
-</pre>
-</div>
-
-<p>Crie um novo arquivo CSS, <code>style5.css</code>. Copie e cole o conteúdo daqui:</p>
-
-<div style="width: 48em;">
-<pre>/*** Demonstração JavaScript ***/
-#square {
-  width: 20em;
-  height: 20em;
-  border: 2px inset gray;
-  margin-bottom: 1em;
-  }
-
-button {
-  padding: .5em 2em;
-  }
-</pre>
-</div>
-
-<p>Crie um novo arquivo de texo, <code>script5.js</code>. Copie e cole o conteúdo daqui:</p>
-
-<div style="width: 48em;">
-<pre>// Demonstração JavaScript
-function doDemo (button) {
-  var square = document.getElementById("square")
-  square.style.backgroundColor = "#fa4"
-  button.setAttribute("disabled", "true")
-  setTimeout(clearDemo, 2000, button)
-  }
-
-function clearDemo (button) {
-  var square = document.getElementById("square")
-  square.style.backgroundColor = "transparent"
-  button.removeAttribute("disabled")
-  }
-</pre>
-</div>
-
-<p>Abra o documento no seu navegador e pressione o botão.</p>
-
-<p>Este wiki não suporta o JavaScript nas páginas, então não é possível mostrar a demonstração aqui. Deve se parecer como isto, antes e depois de você pressionar o botão:</p>
-
-<table>
- <tbody>
-  <tr>
-   <td style="padding-right: 2em;">
-    <table style="border: 2px outset #36b; padding: 0 1em .5em .5em;">
-     <tbody>
-      <tr>
-       <td>
-        <p><strong>Demonstração JavaScript</strong></p>
-       </td>
-      </tr>
-     </tbody>
-    </table>
-   </td>
-   <td>
-    <table style="border: 2px outset #36b; padding: 0 1em .5em .5em;">
-     <tbody>
-      <tr>
-       <td>
-        <p><strong>Demonstração JavaScript</strong></p>
-       </td>
-      </tr>
-     </tbody>
-    </table>
-   </td>
-  </tr>
- </tbody>
-</table>
-
-<p>Notas sobre esta demonstração:</p>
-
-<ul>
- <li>O documento HTML é ligado à folha de estilo normalmente, e também é ligado ao script.</li>
- <li>O script trabalha com elementos individuais no DOM. Isto modifica o estilo dos quadrados diretamente, porém, modifica o estilo do botão indiretamente mudando um atributo.</li>
- <li>Em JavaScript, <code>document.getElementById("square")</code> é similar em função ao seletor CSS <code>#square</code>.</li>
- <li>Em JavaScript, <code>backgroundColor</code> corresponde à propriedade <code>background-color</code> do CSS.</li>
- <li>Seu navegador tem uma regra construída das CSS para <code>button{{ mediawiki.external('disabled=\"true\"') }}</code> que muda a aparência do botão quando ele está desabilitado.</li>
-</ul>
-
-<table style="border: 1px solid #36b; padding: 1em; background-color: #fffff4; margin-bottom: .5em;">
- <caption>Desafio</caption>
- <tbody>
-  <tr>
-   <td>Mude o script de modo que o quadrado salte para a direita em 20 em quando sua cor mudar, e salte para trás mais tarde.</td>
-  </tr>
- </tbody>
-</table>
-
-<h3 id="O_que_vem_depois.3F" name="O_que_vem_depois.3F">O que vem depois?</h3>
-
-<p>Se você teve dificuldade para entender esta página, ou se você tem algum comentário sobre ela, por favor contribua nesta página de <a href="/Talk:pt/CSS/Como_come%C3%A7ar/JavaScript" title="Talk:pt/CSS/Como_começar/JavaScript">Discussão</a>.</p>
-
-<p>Nesta demonstração, o documento HTML linka o script mesmo que somente o elemento button use o script. Mozilla extende o CSS para que possa ser ligado ao código JavaScript (e também conteúdo e outras folhas de estilo) para elementos selecionados. A próxima página demonstra isto: <strong><a href="/pt/CSS/Como_come%C3%A7ar/XBL_bindings" title="pt/CSS/Como_começar/XBL_bindings">XBL bindings</a></strong></p>
-
-<p>{{ PreviousNext("CSS:Como começar:Mídia", "CSS:Como começar:XBL bindings") }}</p>
diff --git a/files/pt-pt/web/css/como_começar/listas/index.html b/files/pt-pt/web/css/como_começar/listas/index.html
deleted file mode 100644
index cff2108b51..0000000000
--- a/files/pt-pt/web/css/como_começar/listas/index.html
+++ /dev/null
@@ -1,362 +0,0 @@
----
-title: Listas
-slug: Web/CSS/Como_começar/Listas
-tags:
-  - 'CSS:Como_começar'
-translation_of: Learn/CSS/Styling_text/Styling_lists
-translation_of_original: Web/Guide/CSS/Getting_started/Lists
----
-<p>{{ PreviousNext("CSS:Como começar:Conteúdo", "CSS:Como começar:Caixas") }}</p>
-
-<p>Esta página descreve como você pode usar as CSS para especificar a aparência das listas.</p>
-
-<p>Você cria um novo documento de amostra contendo listas, e uma nova folha de estilo que estiliza as listas.</p>
-
-<h2 id="Informa.C3.A7.C3.A3o:_Listas" name="Informa.C3.A7.C3.A3o:_Listas">Informação: Listas</h2>
-
-<p>Se você resolveu o desafio da última página (<strong><a href="/pt/CSS/Como_come%C3%A7ar/Conte%C3%BAdo" title="pt/CSS/Como_começar/Conteúdo">Conteúdo</a></strong>), então você viu como você pode adicionar conteúdo antes de qualquer elemento para mostrar isto como o item de uma lista.</p>
-
-<p>CSS proporciona propriedades especiais que foram designadas para listas. Geralmente é mais conveniente usar estas propriedades sempre que você puder.</p>
-
-<p>Para especificar o estilo para uma lista, use a propriedade <code>list-style</code> para especificar o tipo de marcador.</p>
-
-<p>O seletor nas regras do seu CSS pode selecionar qualquer um dos elementos na sua lista de itens (por exemplo, <code>LI</code>), ou isto pode selecionar o elemento primário da lista (por exemplo, <code>UL</code>). Então os elementos da lista herdam o estilo.</p>
-
-<h3 id="Listas_n.C3.A3o_ordenadas" name="Listas_n.C3.A3o_ordenadas">Listas não ordenadas</h3>
-
-<p>Em uma lista <em>não ordenada</em>, cada item da lista é marcado da mesma maneira.</p>
-
-<p>CSS tem três tipos de marcador. Aqui está como seu navegador os mostra:</p>
-
-<ul style="padding-left: 2em;">
- <li style=""><code>disc</code></li>
- <li style=""><code>circle</code></li>
- <li style=""><code>square</code></li>
-</ul>
-
-<p>Alternativamente, você pode especificar a URL de uma imagem.</p>
-
-<table style="border: 1px solid #36b; padding: 1em; background-color: #fffff4; margin-bottom: 1em;">
- <caption>Exemplo</caption>
- <tbody>
-  <tr>
-   <td>Estas regras especificam diferentes marcadores para diferentes classes de itens da lista:
-    <div style="width: 30em;">
-    <pre class="eval">
-li.open {list-style: circle;}
-li.closed {list-style: disc;}
-</pre>
-    </div>
-
-    <p>Quando estas classes são usadas em uma lista, elas distinguem entre os itens aberto (open) e fechado (closed):</p>
-
-    <div style="width: 30em;">
-    <pre class="eval">
-&lt;UL&gt;
-  &lt;LI class="open"&gt;Lorem ipsum&lt;/LI&gt;
-  &lt;LI class="closed"&gt;Dolor sit&lt;/LI&gt;
-  &lt;LI class="closed"&gt;Amet consectetuer&lt;/LI&gt;
-  &lt;LI class="open"&gt;Magna aliquam&lt;/LI&gt;
-  &lt;LI class="closed"&gt;Autem veleum&lt;/LI&gt;
-&lt;/UL&gt;
-</pre>
-    </div>
-
-    <p>O resultado será parecido com:</p>
-
-    <table style="border: 2px outset #36b; padding: 1em; background-color: white;">
-     <tbody>
-      <tr>
-       <td>
-        <ul style="padding-right: 6em;">
-         <li style="">Lorem ipsum</li>
-         <li style="">Dolor sit</li>
-         <li style="">Amet consectetuer</li>
-         <li style="">Magna aliquam</li>
-         <li style="">Autem veleum</li>
-        </ul>
-       </td>
-      </tr>
-     </tbody>
-    </table>
-   </td>
-  </tr>
- </tbody>
-</table>
-
-<h3 id="Listas_ordenadas" name="Listas_ordenadas">Listas ordenadas</h3>
-
-<p>Em uma lista <em>ordenada</em>, cada item da lista é marcado diferentemente para mostrar a posição em seqüência.</p>
-
-<p>Use a propriedade <code>list-style</code> para especificar o tipo de marcador:</p>
-
-<ul style="padding-left: 2em;">
- <li style=""><code>decimal</code></li>
- <li style=""><code>lower-roman</code></li>
- <li style=""><code>upper-roman</code></li>
- <li style=""><code>lower-latin</code></li>
- <li style=""><code>upper-latin</code></li>
-</ul>
-
-<table style="border: 1px solid #36b; padding: 1em; background-color: #fffff4; margin-bottom: 1em;">
- <caption>Exemplo</caption>
- <tbody>
-  <tr>
-   <td>Esta regra especifica os elementos <small>OL</small> com a classe <code>info</code>, os itens são identificados com letras maiúsculas.
-    <div style="width: 30em;">
-    <pre class="eval">
-ol.info {list-style: upper-latin;}
-</pre>
-    </div>
-
-    <p>Os elementos <small>LI</small> na lista herdam este estilo:</p>
-
-    <table style="border: 2px outset #36b; padding: 1em; background-color: white;">
-     <tbody>
-      <tr>
-       <td>
-        <ul>
-         <li style="padding-right: 6em;">Lorem ipsum</li>
-         <li style="padding-right: 6em;">Dolor sit</li>
-         <li style="padding-right: 6em;">Amet consectetuer</li>
-         <li style="padding-right: 6em;">Magna aliquam</li>
-         <li style="padding-right: 6em;">Autem veleum</li>
-        </ul>
-       </td>
-      </tr>
-     </tbody>
-    </table>
-   </td>
-  </tr>
- </tbody>
-</table>
-
-<table style="border: 1px solid #36b; padding: 1em; background-color: #f4f4f4; margin-bottom: 1em;">
- <caption>Mais detalhes</caption>
- <tbody>
-  <tr>
-   <td>A propriedade <code>list-style</code> é uma propriedade "abreviada". Em folhas de estilo complexas você pode preferir usar propriedades separadas para configurar valores separados. Para detalhes sobre estas propriedades separadas, e mais detalhes sobre como as CSS especificam listas, veja <a class="external" href="http://www.w3.org/TR/CSS21/generate.html#q10">Lists</a> na CSS Specification.
-    <p>Se você está usando a linguagem de marcação como o HTML que proporciona tags convecionais para listas não ordenadas (<small>UL</small>) e ordenadas (<small>OL</small>), então é bom praticar usando tags da maneira que foi explicado. Contudo, você pode usar as CSS para fazer <small>UL</small> mostrar ordenado e <small>OL</small> para mostrar não ordenado se você precisar.</p>
-
-    <p>Os navegadores diferem no modo como implementam os estilos das listas. Não espere que sua folha de estilo dê resultados idênticos em todos os navegadores.</p>
-   </td>
-  </tr>
- </tbody>
-</table>
-
-<h3 id="Contadores" name="Contadores">Contadores</h3>
-
-<div style="border: 1px solid red; padding: 6px; margin: 0 0 .5em -6px; width: 100%;">
-<p><strong>Note: </strong> Alguns navegadores não suportam contadores.</p>
-</div>
-
-<p>Você pode usar contadores para numerar quaisquer elementos, não somente itens listados. Por exemplo, em alguns documentos você pode querer numerar cabeçalhos ou parágrafos.</p>
-
-<p>Para especificar uma numeração, você precisa de um <em>contador</em> com um nome que você especifica.</p>
-
-<p>Em alguns elementos antes da contagem começar, re-inicie o contador com a propriedade <code>counter-reset</code> e o nome do seu contador. O principal dos elementos que você estiver contando é um bom lugar para isto, mas você pode usar qualquer elemento que esteja antes da lista de itens.</p>
-
-<p>Em cada elemento que o contador incrementar, use a propriedade <code>counter-increment</code> e o nome do seu contador.</p>
-
-<p>Para mostrar seu contador, adicione <code>:before</code> ou <code>:after</code> ao seletor e use a propriedade <code>content</code> (como fez na página anterior, <strong><a href="/pt/CSS/Como_come%C3%A7ar/Conte%C3%BAdo" title="pt/CSS/Como_começar/Conteúdo">Conteúdo</a></strong>).</p>
-
-<p>No valor da propriedade <code>content</code>, especifique <code>counter()</code> com o nome do seu contador. Opcionalmente especifique um tipo. Os tipos são como na seção passada em <strong>Listas ordenadas</strong>.</p>
-
-<p>Normalmente o elemento que mostra o contador também incrementa isto.</p>
-
-<table style="border: 1px solid #36b; padding: 1em; background-color: #fffff4; margin-bottom: 1em;">
- <caption>Exemplo</caption>
- <tbody>
-  <tr>
-   <td>Esta regra inicializa um contador para cada elemento <small>H3</small> com a classe <code>numbered</code>:
-    <div style="width: 30em;">
-    <pre class="eval">
-h3.numbered {counter-reset: mynum;}
-</pre>
-    </div>
-
-    <p>Esta regra mostra e incrementa o contador para cada elemento <small>P</small> com a classe <code>numbered</code>:</p>
-
-    <div style="width: 30em;">
-    <pre class="eval">
-p.numbered:before {
-  content: counter(mynum) ": ";
-  counter-increment: mynum;
-  font-weight: bold;}
-</pre>
-    </div>
-
-    <p>O resultado se parece com isto:</p>
-
-    <table style="border: 2px outset #36b; padding: .5em 6em .5em 1em; background-color: white;">
-     <tbody>
-      <tr>
-       <td><strong>Cabeçalho</strong>
-
-        <p><strong>1: </strong>Lorem ipsum</p>
-
-        <p><strong>2: </strong>Dolor sit</p>
-
-        <p><strong>3: </strong>Amet consectetuer</p>
-
-        <p><strong>4: </strong>Magna aliquam</p>
-
-        <p><strong>5: </strong>Autem veleum</p>
-       </td>
-      </tr>
-     </tbody>
-    </table>
-   </td>
-  </tr>
- </tbody>
-</table>
-
-<table style="border: 1px solid #36b; padding: 1em; background-color: #f4f4f4; margin-bottom: 1em;">
- <caption>Mais detalhes</caption>
- <tbody>
-  <tr>
-   <td>Você não pode usar contadores a menos que você saiba que todos os que lêem o seu documento têm um navegador que os suporta.
-    <p>Se você puder usar contadores, eles tem a vantagem de que você pode estilizar os contadores separadamente da lista de itens. No exemplo anterior, os contadores estão em negrito mas a os itens da lista não.</p>
-
-    <p>Você pode também usar contadores em meios mais complexos — por exemplo, para numerar seções, cabeçalhos, sub-cabeçalhos e parágrafos em documentos formais. Para detalhes, veja <a class="external" href="http://www.w3.org/TR/CSS21/generate.html#counters">Automatic counters and numbering</a> em CSS Specification.</p>
-   </td>
-  </tr>
- </tbody>
-</table>
-
-<h2 id="A.C3.A7.C3.A3o:_Listas_denominadas" name="A.C3.A7.C3.A3o:_Listas_denominadas">Ação: Listas denominadas</h2>
-
-<p>Crie um novo documento HTML, <code>doc2.html</code>. Copie e cole o conteúdo daqui, tendo certeza de que você rola o mouse para pegar tudo isto:</p>
-
-<div style="width: 48em; height: 12em; overflow: auto;">
-<pre class="eval">&lt;!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0//EN"&gt;
-&lt;HTML&gt;
-&lt;HEAD&gt;
-&lt;TITLE&gt;Documento de amostra 2&lt;/TITLE&gt;
-&lt;LINK rel="stylesheet" type="text/css" href="style2.css"&gt;
-&lt;/HEAD&gt;
-&lt;BODY&gt;
-
-&lt;H3 id="oceans"&gt;Os oceanos&lt;/H3&gt;
-&lt;UL&gt;
-&lt;LI&gt;Ártico&lt;/LI&gt;
-&lt;LI&gt;Atlântico&lt;/LI&gt;
-&lt;LI&gt;Pacífico&lt;/LI&gt;
-&lt;LI&gt;Índico&lt;/LI&gt;
-&lt;LI&gt;Antártico&lt;/LI&gt;
-&lt;/UL&gt;
-
-&lt;H3 class="numbered"&gt;Numbered paragraphs&lt;/H3&gt;
-&lt;P class="numbered"&gt;Lorem ipsum&lt;/P&gt;
-&lt;P class="numbered"&gt;Dolor sit&lt;/P&gt;
-&lt;P class="numbered"&gt;Amet consectetuer&lt;/P&gt;
-&lt;P class="numbered"&gt;Magna aliquam&lt;/P&gt;
-&lt;P class="numbered"&gt;Autem veleum&lt;/P&gt;
-
-&lt;/BODY&gt;
-&lt;/HTML&gt;
-</pre>
-</div>
-
-<p>Faça uma nova folha de estilo, <code>style2.css</code>. Copie e cole o conteúdo daqui:</p>
-
-<div style="width: 48em;">
-<pre class="eval">/* parágrafos numerados */
-h3.numbered {counter-reset: mynum;}
-
-p.numbered:before {
-  content: counter(mynum) ": ";
-  counter-increment: mynum;
-  font-weight: bold;}
-</pre>
-</div>
-
-<p>Se a disposição e o comentário não estiver ao seu gosto, mude-os.</p>
-
-<p>Abra o documento no seu navegador. Se o seu navegador suporta contadores, você verá algo semelhante ao exemplo abaixo. Se o seu navegador não suporta contadores, então você não verá os números (e provavelmente nem sequer os dois pontos (:)):</p>
-
-<table style="border: 2px outset #36b; padding: 0 6em 1em 1em; background-color: white;">
- <tbody>
-  <tr>
-   <td>
-    <p style="font-weight: bold; font-size: 133%; margin-bottom: .3em; padding-top: .4em; padding-bottom: .16em;">Os oceanos</p>
-
-    <ul style="">
-     <li>Ártico</li>
-     <li>Atlântico</li>
-     <li>Pacífico</li>
-     <li>Índico</li>
-     <li>Antártico</li>
-    </ul>
-
-    <p style="font-weight: bold; font-size: 133%; margin-bottom: .3em; padding-top: .4em; padding-bottom: .16em;">Parágrafos numerados</p>
-
-    <p><strong>1: </strong>Lorem ipsum</p>
-
-    <p><strong>2: </strong>Dolor sit</p>
-
-    <p><strong>3: </strong>Amet consectetuer</p>
-
-    <p><strong>4: </strong>Magna aliquam</p>
-
-    <p><strong>5: </strong>Autem veleum</p>
-   </td>
-  </tr>
- </tbody>
-</table>
-
-<table style="border: 1px solid #36b; padding: 1em; background-color: #ffe; width: 60%;">
- <caption>Desafios</caption>
- <tbody>
-  <tr>
-   <td>Adicione uma regra à sua folha de estilo, para numerar os oceanos usando numerais Romanos de i até v:
-    <table style="border: 2px outset #36b; padding: 0 6em 1em 1em; background-color: white;">
-     <tbody>
-      <tr>
-       <td>
-        <p style="font-weight: bold; font-size: 133%; margin-bottom: .3em; padding-top: .4em; padding-bottom: .16em;">Os oceanos</p>
-
-        <ul style="">
-         <li>Ártico</li>
-         <li>Atlântico</li>
-         <li>Pacífico</li>
-         <li>Índico</li>
-         <li>Antártico</li>
-        </ul>
-       </td>
-      </tr>
-     </tbody>
-    </table>
-
-    <p><br>
-     Se o seu navegador suporta contadores, mude sua folha de estilo para identificar o cabeçalho com letras maiúsculas em parênteses como isto:</p>
-
-    <table style="border: 2px outset #36b; padding: 0 6em 1em 1em; background-color: white;">
-     <tbody>
-      <tr>
-       <td>
-        <p style="font-weight: bold; font-size: 133%; margin-bottom: .3em; padding-top: .4em; padding-bottom: .16em;">(A) Os oceanos</p>
-
-        <p><strong>. . .</strong></p>
-
-        <p style="font-weight: bold; font-size: 133%; margin-bottom: .3em; padding-top: .4em; padding-bottom: .16em;">(B) Parágrafos numerados</p>
-
-        <p><strong>. . .</strong></p>
-       </td>
-      </tr>
-     </tbody>
-    </table>
-   </td>
-  </tr>
- </tbody>
-</table>
-
-<h3 id="O_que_vem_depois.3F" name="O_que_vem_depois.3F">O que vem depois?</h3>
-
-<p>Se você teve dificuldade para entender esta página, ou se você tem algum comentário sobre ela, por favor contribua nesta página de <a href="/Talk:pt/CSS/Como_come%C3%A7ar/Listas" title="Talk:pt/CSS/Como_começar/Listas">Discussão</a>.</p>
-
-<p>Quando seu navegador exibe seu documento de amostra, cria espaços ao redor dos elementos quando eles são exibidos na página.</p>
-
-<p>A próxima página descreve como você pode usar as CSS para trabalhar com formas subjacentes de elementos: <strong><a href="/pt/CSS/Como_come%C3%A7ar/Caixas" title="pt/CSS/Como_começar/Caixas">Caixas</a></strong></p>
-
-<p>{{ PreviousNext("CSS:Como começar:Conteúdo", "CSS:Como começar:Caixas") }}</p>
diff --git a/files/pt-pt/web/css/como_começar/o_que_é_css/index.html b/files/pt-pt/web/css/como_começar/o_que_é_css/index.html
deleted file mode 100644
index 2ee2937e47..0000000000
--- a/files/pt-pt/web/css/como_começar/o_que_é_css/index.html
+++ /dev/null
@@ -1,135 +0,0 @@
----
-title: O que é CSS
-slug: Web/CSS/Como_começar/O_que_é_CSS
-tags:
-  - 'CSS:Como_começar'
-translation_of: Learn/CSS/First_steps/How_CSS_works
-translation_of_original: Web/Guide/CSS/Getting_started/What_is_CSS
----
-<p>{{Next("CSS:Como começar:Porque usar CSS")}}</p>
-
-<p>Esta página explica o que é CSS. Você cria um documento de amostra para que possa trabalhar com as páginas seguintes.</p>
-
-<h3 id="Informa.C3.A7.C3.B5es:_O_que_.C3.A9_CSS.3F" name="Informa.C3.A7.C3.B5es:_O_que_.C3.A9_CSS.3F">Informações: O que é CSS?</h3>
-
-<p>CSS é uma linguagem que especifica como os documentos são apresentados aos usuários.</p>
-
-<p>Um <em>documento</em> é uma coleção de informações estruturadas utilizando uma <em>linguagem de marcação</em>.</p>
-
-<table style="background-color: #fffff4; border: 1px solid #36b; margin-bottom: 1em; padding: 1em;">
- <caption>Exemplos</caption>
- <tbody>
-  <tr>
-   <td>
-    <ul>
-     <li>Uma página da Web como esta é um documento.<br>
-      As informações que você vê em uma página da Web, geralmente, é estruturada utilizando a linguagem de marcação HTML (HyperText Markup Language - Linguagem de Marcação de Hiper Texto).</li>
-    </ul>
-
-    <ul>
-     <li>Uma caixa de diálogo em um aplicativo Mozilla é um documento.<br>
-      A interface com o usuário controla o que aparece em uma caixa de diálogo Mozilla, que é estruturada utilizando a linguagem de marcação XUL (XML User-interface Language - Linguagem de Interface do Usuário XML).</li>
-    </ul>
-   </td>
-  </tr>
- </tbody>
-</table>
-
-<p>Neste tutorial, os quadros entitulados <strong>Mais detalhes</strong> como este logo abaixo, contêm informações opcionais. Se você está com pressa para progredir no tutorial, você pode ignorar esses quadros, retornando para lê-los posteriormente. Caso contrário, leia-os ao encontrá-los, e talvez siga os links para aprender mais.</p>
-
-<table style="background-color: #f4f4f4; border: 1px solid #36b; margin-bottom: 1em; padding: 1em;">
- <caption>Mais detalhes</caption>
- <tbody>
-  <tr>
-   <td>
-    <p>Um documento não é igual a um arquivo. Ele pode ou não ser armazenado em um arquivo.</p>
-
-    <p>Por exemplo, o documento que você está lendo agora não está armazendo em um arquivo. Quando seu navegador da Web solicita esta página, o servidor consulta um banco de dados e gera o documento, reunindo partes do documento a partir de muitos arquivos. Entretanto, neste tutorial você vai trabalhar com documentos que estão armazenados em arquivos.</p>
-
-    <p>Para mais informações sobre documentos e linguagens de marcação, consulte outras partes deste Web site — por exemplo:</p>
-
-    <table style="background-color: inherit; margin-left: 2em;">
-     <tbody>
-      <tr>
-       <td><a href="/pt/HTML" title="pt/HTML">HTML</a></td>
-       <td>para páginas da Web</td>
-      </tr>
-      <tr>
-       <td><a href="/pt/XML" title="pt/XML">XML</a></td>
-       <td>para documentos estruturados em geral</td>
-      </tr>
-      <tr>
-       <td><a href="/pt/SVG" title="pt/SVG">SVG</a></td>
-       <td>para gráficos</td>
-      </tr>
-      <tr>
-       <td><a href="/pt/XUL" title="pt/XUL">XUL</a></td>
-       <td>para interfaces com o usuário no Mozilla</td>
-      </tr>
-     </tbody>
-    </table>
-
-    <p>Na Parte II deste tutorial você verá exemplos dessas linguagens de marcação.</p>
-   </td>
-  </tr>
- </tbody>
-</table>
-
-<p><em>Apresentar</em> um documento a um usuário significa convertê-lo para uma forma que humanos possam usá-lo. O Mozilla é projetado para apresentar documentos visualmente — por exemplo, em uma tela de computador, projetor ou impressora.</p>
-
-<table style="background-color: #f4f4f4; border: 1px solid #36b; margin-bottom: 1em; padding: 1em;">
- <caption>Mais detalhes</caption>
- <tbody>
-  <tr>
-   <td>CSS não serve apenas para navegadores e apresentação visual. Em uma terminologia formal de CSS, o programa que apresenta um documento ao usuário é chamado de <em>agente usuário</em> (UA - User Agent). Um navegador é apenas um tipo de UA. Entretanto, na Parte I deste tutorial você irá trabalhar apenas com CSS em um navegador.
-    <p>Para mais definições formais de terminologia sobre CSS, consulte <a class="external" href="http://www.w3.org/TR/CSS21/conform.html#q1">Definitions</a> na CSS Specification.</p>
-   </td>
-  </tr>
- </tbody>
-</table>
-
-<h3 id="A.C3.A7.C3.A3o:_Criando_um_documento" name="A.C3.A7.C3.A3o:_Criando_um_documento">Ação: Criando um documento</h3>
-
-<p>Utilize seu computador para criar um novo diretório e um novo arquivo de texto dentro dele. O arquivo irá conter seu documento.</p>
-
-<p>Copie e cole o código HTML mostrado abaixo. Salve o arquivo utilizando o nome <code>doc1.html</code></p>
-
-<div style="width: 40em;">
-<pre>&lt;!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.0//EN"&gt;
-&lt;html&gt;
-  &lt;head&gt;
-  &lt;title&gt;Documento de amostra&lt;/title&gt;
-  &lt;/head&gt;
-
-  &lt;body&gt;
-    &lt;p&gt;
-      &lt;strong&gt;C&lt;/strong&gt;ascading
-      &lt;strong&gt;S&lt;/strong&gt;tyle
-      &lt;strong&gt;S&lt;/strong&gt;heets
-    &lt;/p&gt;
-  &lt;/body&gt;
-&lt;/html&gt;
-</pre>
-</div>
-
-<p>Em seu navegador, abra uma aba ou uma nova janela, e abra o arquivo do diretório.</p>
-
-<p>Você deve ver o texto com as iniciais em negrito, conforme abaixo:</p>
-
-<table style="border: 2px outset #36b; padding: 1em;">
- <tbody>
-  <tr>
-   <td><strong>C</strong>ascading <strong>S</strong>tyle <strong>S</strong>heets</td>
-  </tr>
- </tbody>
-</table>
-
-<p>O que você vê em seu navegador pode não ser exatamente como o exibido aqui, por causa das configurações de seu navegador e deste wiki. Se houver diferenças na fonte, espaçamento ou cor, não há importância.</p>
-
-<h4 id="O_que_vem_depois.3F" name="O_que_vem_depois.3F">O que vem depois?</h4>
-
-<p>Se você teve dificuldade para entender esta página, ou se você tem algum comentário sobre ela, por favor contribua nesta página de <a href="/Talk:pt/CSS/Como_come%C3%A7ar/O_que_%C3%A9_CSS" title="Talk:pt/CSS/Como_começar/O_que_é_CSS">Discussão</a>.</p>
-
-<p>Seu documento ainda não utiliza CSS. Na página a seguir você utilizará CSS para especificar o estilo: <strong><a href="/pt/CSS/Como_come%C3%A7ar/Porque_usar_CSS" title="pt/CSS/Como_começar/Porque_usar_CSS">Porque usar CSS</a></strong></p>
-
-<p>{{Next("CSS:Como começar:Porque usar CSS")}}</p>
diff --git a/files/pt-pt/web/css/como_começar/o_que_é_css_question_/index.html b/files/pt-pt/web/css/como_começar/o_que_é_css_question_/index.html
deleted file mode 100644
index d386670557..0000000000
--- a/files/pt-pt/web/css/como_começar/o_que_é_css_question_/index.html
+++ /dev/null
@@ -1,94 +0,0 @@
----
-title: O que é CSS?
-slug: Web/CSS/Como_começar/O_que_é_CSS?
-tags:
-  - 'CSS:Como_começar'
----
-<p>
-</p><p>This page explains what CSS is.
-You create a simple document that you will work with on the following pages.
-</p>
-<h3 id="Information:_What_is_CSS.3F" name="Information:_What_is_CSS.3F"> Information: What is CSS? </h3>
-<p>CSS is a language for specifying how documents are presented to users.
-</p><p>A <i>document</i> is a collection of information that is structured using a <i>markup language</i>.
-</p>
-<table style="border: 1px solid #36b; padding: 1em; background-color: #fffff4; margin-bottom: 1em;">
-<caption>Examples
-</caption><tbody><tr>
-<td>
-<ul><li>A web page like this one is a document.<br>The information that you see in a web page is usually structured using the markup language HTML (HyperText Markup Language).
-</li></ul>
-<ul><li>A dialog in a Mozilla application is a document.<br>The user interface controls that you see in a Mozilla dialog are structured using the markup language XUL (XML User-interface Language).
-</li></ul>
-</td></tr></tbody></table>
-<p>In this tutorial, boxes captioned <b>More details</b> like the one below contain optional information.
-If you are in a hurry to progress with the tutorial then you could skip these boxes, perhaps returning to read them later. Otherwise read them when you come to them, and perhaps follow the links to learn more.
-</p>
-<table style="border: 1px solid #36b; padding: 1em; background-color: #f4f4f4; margin-bottom: 1em;">
-<caption>More details
-</caption><tbody><tr>
-<td>
-<p>A document is not the same as a file. It might or might not be stored in a file.
-</p><p>For example, the document that you are reading now is not stored in a file. When your web browser requests this page, the server queries a database and generates the document, gathering parts of the document from many files. However, in this tutorial you will work with documents that are stored in files.
-</p><p>For more information about documents and markup languages, see other parts of this web site—for example:
-</p>
-<table style="background-color: inherit; margin-left: 2em;">
-<tbody><tr>
-<td><a href="pt/HTML">HTML</a></td><td>for web pages
-</td></tr>
-<tr>
-<td><a href="pt/XML">XML</a></td><td>for structured documents in general
-</td></tr>
-<tr>
-<td><a href="pt/SVG">SVG</a></td><td>for graphics
-</td></tr>
-<tr>
-<td><a href="pt/XUL">XUL</a></td><td>for user interfaces in Mozilla
-</td></tr></tbody></table>
-<p>In Part II of this tutorial you will see examples of these markup languages.
-</p>
-</td></tr></tbody></table>
-<p><i>Presenting</i> a document to a user means converting it into a form that humans can make use of. Mozilla is designed to present documents visually—for example, on a computer screen, projector or printer.
-</p>
-<table style="border: 1px solid #36b; padding: 1em; background-color: #f4f4f4; margin-bottom: 1em;">
-<caption>More details
-</caption><tbody><tr>
-<td> CSS is not just for browsers, and not just for visual presentation. In formal CSS terminology, the program that presents a document to a user is called a <i>user agent</i> (UA). A browser is just one kind of UA. However, in Part I of this tutorial you will only work with CSS in a browser.
-<p>For some formal definitions of terminology relating to CSS, see <a class="external" href="http://www.w3.org/TR/CSS21/conform.html#q1">Definitions</a> in the CSS Specification.
-</p>
-</td></tr></tbody></table>
-<h3 id="Action:_Creating_a_document" name="Action:_Creating_a_document"> Action: Creating a document </h3>
-<p>Use your computer to create a new directory and a new text file there.
-The file will contain your document.
-</p><p>Copy and paste the HTML shown below. Save the file using the name <code>doc1.html</code>
-</p>
-<div style="width: 40em;"><pre>&lt;!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.0//EN"&gt;
-&lt;html&gt;
-  &lt;head&gt;
-  &lt;title&gt;Sample document&lt;/title&gt;
-  &lt;/head&gt;
-
-  &lt;body&gt;
-    &lt;p&gt;
-      &lt;strong&gt;C&lt;/strong&gt;ascading
-      &lt;strong&gt;S&lt;/strong&gt;tyle
-      &lt;strong&gt;S&lt;/strong&gt;heets
-    &lt;/p&gt;
-  &lt;/body&gt;
-&lt;/html&gt;
-</pre></div>
-<p>In your browser, open a new tab or a new window, and open the file there.
-</p><p>You should see the text with the initial letters bold, like this:
-</p>
-<table style="border: 2px outset #36b; padding: 1em;">
-<tbody><tr>
-<td> <strong>C</strong>ascading <strong>S</strong>tyle <strong>S</strong>heets
-</td></tr></tbody></table>
-<p>What you see in your browser might not look exactly the same as this, because of settings in your browser and in this wiki. If there are some differences in the font, spacing and colors that you see, they are not important.
-</p>
-<h4 id="What_next.3F" name="What_next.3F"> What next? </h4>
-<p>If you had difficulty understanding this page, or if you have other comments about it, please contribute to its <a>Discussion</a> page.
-</p><p>Your document does not yet use CSS.
-On the next page you use CSS to specify its style:
-<b><a href="pt/CSS/Getting_Started/Why_use_CSS%3f">Why use CSS?</a></b>
-</p>{{ languages( { "en": "en/CSS/Getting_Started/What_is_CSS", "fr": "fr/CSS/Premiers_pas/Pr\u00e9sentation_des_CSS", "it": "it/Conoscere_i_CSS/Che_cosa_sono_i_CSS", "ja": "ja/CSS/Getting_Started/What_is_CSS", "pl": "pl/CSS/Na_pocz\u0105tek/Czym_jest_CSS", "zh-cn": "cn/CSS/Getting_Started/What_is_CSS" } ) }}
diff --git a/files/pt-pt/web/css/como_começar/porque_usar_css/index.html b/files/pt-pt/web/css/como_começar/porque_usar_css/index.html
deleted file mode 100644
index 2adc531924..0000000000
--- a/files/pt-pt/web/css/como_começar/porque_usar_css/index.html
+++ /dev/null
@@ -1,111 +0,0 @@
----
-title: Porque usar CSS
-slug: Web/CSS/Como_começar/Porque_usar_CSS
-tags:
-  - 'CSS:Como_começar'
-translation_of: Learn/CSS/First_steps/How_CSS_works
-translation_of_original: Web/Guide/CSS/Getting_started/Why_use_CSS
----
-<p>{{ PreviousNext("CSS:Como começar:O que é CSS", "CSS:Como começar:Como o CSS trabalha") }}</p>
-
-<p>Esta página explica porque os documentos usam CSS. Você usa CSS para adicionar uma folha de estilo ao seu documento de amostra.</p>
-
-<h2 id="Informa.C3.A7.C3.B5es:_Por_que_usar_CSS.3F" name="Informa.C3.A7.C3.B5es:_Por_que_usar_CSS.3F">Informações: Por que usar CSS?</h2>
-
-<p>CSS ajuda a manter o conteúdo das informações de um documento separado dos detalhes de como exibí-lo. Os detalhes de como exibir o documento são conhecidos como <em>estilo</em>. Você mantém o estilo separado do conteúdo, de modo que você pode:</p>
-
-<ul>
- <li>Evitar duplicação</li>
- <li>Tornar a manutenção mais fácil</li>
- <li>Utilizar o conteúdo com diferentes estilos para diferentes propósitos</li>
-</ul>
-
-<table style="border: 1px solid #36b; padding: 1em; background-color: #fffff4; margin-bottom: 1em;">
- <caption>Exemplo</caption>
- <tbody>
-  <tr>
-   <td>Seu Web site pode ter milhares de páginas similares. Utilizando CSS, você armazena as informações em arquivos comuns que todas as páginas compartilham.
-    <p>Quando um usuário exibe uma página da Web, o navegador do usuário carrega as informações de estilo junto com o conteúdo da página.</p>
-
-    <p>Quando um usuário imprime uma página da Web, você fornece informações de estilo diferentes que tornam a página impressa mais fácil de ler.</p>
-   </td>
-  </tr>
- </tbody>
-</table>
-
-<p>Geralmente, com CSS, você utiliza a linguagem de marcação para descrever o conteúdo das informações do documento, não seu estilo. Você utiliza CSS para especificar o estilo, não o conteúdo. (Posteriormente neste tutorial, você verá algumas exceções deste método.)</p>
-
-<table style="border: 1px solid #36b; padding: 1em; background-color: #f4f4f4; margin-bottom: 1em;">
- <caption>Mais detalhes</caption>
- <tbody>
-  <tr>
-   <td>Uma linguagem de marcação, como o HTML, também fornece alguns modos de especificar o estilo.
-    <p>Por exemplo, em HTML, você pode usar uma tag <code>&lt;b&gt;</code> para tornar o texto negrito, e você pode especificar a cor do segundo plano de uma página na tag <code>&lt;body&gt;</code>.</p>
-
-    <p>Ao utilizar CSS, você normalmente evita utilizar esses recursos da linguagem de marcação para que todas as informações de estilo de seu documento estejam em um só lugar.</p>
-   </td>
-  </tr>
- </tbody>
-</table>
-
-<h2 id="A.C3.A7.C3.A3o:_Criando_uma_folha_de_estilo" name="A.C3.A7.C3.A3o:_Criando_uma_folha_de_estilo">Ação: Criando uma folha de estilo</h2>
-
-<p>Crie outro arquivo de texto no mesmo diretório do anterior. Este arquivo será sua folha de estilo. Nomeie-o como: <code>style1.css</code></p>
-
-<p>Em seu arquivo CSS, copie e cole esta única linha, então salve o arquivo:</p>
-
-<div style="width: 40em;">
-<pre class="eval">strong {color: red;}
-</pre>
-</div>
-
-<h4 id="Ligando_seu_documento_.C3.A0_sua_folha_de_estilo" name="Ligando_seu_documento_.C3.A0_sua_folha_de_estilo">Ligando seu documento à sua folha de estilo</h4>
-
-<p>Para ligar seu documento com sua folha de estilo, edite seu aquivo HTML. Adicione a linha mostrada aqui em negrito:</p>
-
-<div style="width: 40em; color: gray;">
-<pre class="eval">&lt;!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0//EN"&gt;
-&lt;HTML&gt;
-  &lt;HEAD&gt;
-  &lt;TITLE&gt;Documento de amostra&lt;/TITLE&gt;
-  <strong style="color: black;">&lt;LINK rel="stylesheet" type="text/css" href="style1.css"&gt;</strong>
-  &lt;/HEAD&gt;
-  &lt;BODY&gt;
-    &lt;P&gt;
-      &lt;STRONG&gt;C&lt;/STRONG&gt;ascading
-      &lt;STRONG&gt;S&lt;/STRONG&gt;tyle
-      &lt;STRONG&gt;S&lt;/STRONG&gt;heets
-    &lt;/P&gt;
-  &lt;/BODY&gt;
-&lt;/HTML&gt;
-</pre>
-</div>
-
-<p>Salve o arquivo e atualize a tela do seu navegador. A folha de estilo fez as letras iniciais aparecerem em vermelha, como isto:</p>
-
-<table style="border: 2px outset #36b; padding: 1em;">
- <tbody>
-  <tr>
-   <td><strong style="color: red;">C</strong>ascading <strong style="color: red;">S</strong>tyle <strong style="color: red;">S</strong>heets</td>
-  </tr>
- </tbody>
-</table>
-
-<table style="border: 1px solid #36b; padding: 1em; background-color: #fffff4;">
- <caption>Desafio</caption>
- <tbody>
-  <tr>
-   <td>Além do vermelho, CSS permite algumas outras cores com nomes.
-    <p>Sem olhar um referência, ache mais cinco nomes de cores que trabalham em sua folha de estilo.</p>
-   </td>
-  </tr>
- </tbody>
-</table>
-
-<h3 id="O_que_vem_depois.3F" name="O_que_vem_depois.3F">O que vem depois?</h3>
-
-<p>Se você teve dificuldade para entender esta página, ou se você tem algum comentário sobre ela, por favor contribua nesta página de <a href="/Talk:pt/CSS/Como_come%C3%A7ar/Porque_usar_CSS" title="Talk:pt/CSS/Como_começar/Porque_usar_CSS">Discussão</a>.</p>
-
-<p>Agora você tem um documento de amostra ligado a uma folha de estilo separada, você está pronto para ler mais sobre como seu navegador combina-os quando exibe o documento na tela: <strong><a href="/pt/CSS/Como_come%C3%A7ar/Como_o_CSS_trabalha" title="pt/CSS/Como_começar/Como_o_CSS_trabalha">Como o CSS trabalha</a></strong>.</p>
-
-<p>{{ PreviousNext("CSS:Como começar:O que é CSS", "CSS:Como começar:Como o CSS trabalha") }}</p>
diff --git a/files/pt-pt/web/css/como_começar/seletores/index.html b/files/pt-pt/web/css/como_começar/seletores/index.html
deleted file mode 100644
index f9d4505614..0000000000
--- a/files/pt-pt/web/css/como_começar/seletores/index.html
+++ /dev/null
@@ -1,208 +0,0 @@
----
-title: Seletores
-slug: Web/CSS/Como_começar/Seletores
-tags:
-  - 'CSS:Como_começar'
-translation_of: Learn/CSS/Building_blocks/Selectors
-translation_of_original: Web/Guide/CSS/Getting_started/Selectors
----
-<p>{{ PreviousNext("CSS:Como começar:Cascata e herança", "CSS:Como começar:CSS legível") }}</p>
-
-<p>Esta página explica como você pode aplicar estilos seletivamente, e como diferentes tipos de seletor têm propriedades diferentes.</p>
-
-<p>Você adiciona alguns atributos às tags do seu documento de amostra, e usa estes atributos em sua folha de estilo de amostra.</p>
-
-<h2 id="Informa.C3.A7.C3.A3o:_Seletores" name="Informa.C3.A7.C3.A3o:_Seletores">Informação: Seletores</h2>
-
-<p>CSS tem sua própria terminologia para descrever a linguagem CSS. Anteriormente neste tutorial, você criou uma linha em sua folha de estilo com esta:</p>
-
-<div style="width: 30em;">
-<pre>strong {color: red;}
-</pre>
-</div>
-
-<p>Na terminologia das CSS, esta linha inteira é uma <em>regra</em>. Esta regra começa com <code>STRONG</code>, que é um <em>seletor</em>. Isto seleciona que elementos no DOM a regra se aplicará.</p>
-
-<table style="border: 1px solid #36b; background-color: #f4f4f4; padding: 1em;">
- <caption>Mais detalhes</caption>
- <tbody>
-  <tr>
-   <td>A parte interior das chaves é a <em>declaração</em>.
-    <p>A palavra-chave <code>color</code> é uma <em>propriedade</em>, e <code>red</code> é um <em>valor</em>.</p>
-
-    <p>O ponto-e-vírgula depois do par propriedade-valor separa isto de outros pares propriedade-valor na mesma descrição.</p>
-
-    <p>Este tutorial refere-se a um seletor <code>STRONG</code>, como um seletor de <em>tag</em>. A Especificação das CSS refere-se a isto como um seletor de <em>tipo</em>.</p>
-   </td>
-  </tr>
- </tbody>
-</table>
-
-<p>Esta página do tutorial explica mais sobre os seletores que você pode usar nas regras das CSS.</p>
-
-<p>Em adição aos nomes de tags, você pode usar valores de atributo nos seletores. Isto permite a você que as regras tornem-se mais específicas.</p>
-
-<p>Dois atributos tem estado especial para as CSS. Eles são <code>class</code> e <code>id</code>.</p>
-
-<p>Use o atributo <code>class</code> em uma tag para nomear a tag com um nome de classe. Isto é, o nome que você escolher para a classe.</p>
-
-<p>Na sua folha de estilo, digite um registro completo (período) antes do nome de classe quando você usá-lo em um seletor.</p>
-
-<p>Use o atributo <code>id</code> em uma tag para nomear a tag com um nome de id. Isto é, o nome que você escolher para o id. O nome do id deve ser único no documento.</p>
-
-<p>Na sua folha de estilo, digite um sinal de número (#) antes do id quando você usá-lo em um seletor.</p>
-
-<table style="border: 1px solid #36b; background-color: #ffe; padding: 1em;">
- <caption>Exemplos</caption>
- <tbody>
-  <tr>
-   <td>Este tag HTML tem ambos os atributos <code>class</code> e <code>id</code>.
-    <div style="width: 30em;">
-    <pre>
-&lt;P class="key" id="principal"&gt;
-</pre>
-    </div>
-
-    <p>O id, <code>principal</code>, deve ser o único no documento, mas outras tags no documento podem ter o mesmo nome de classe, <code>key</code>.</p>
-
-    <p>Em uma folha de estilo CSS, esta regra faz todos os elementos da classe <code>key</code> verdes. (Eles podem não ser todos elementos <small>P</small>.)</p>
-
-    <div style="width: 30em;">
-    <pre>
-.key {color: green;}
-</pre>
-    </div>
-
-    <p>Esta regra faz um elemento com o id <code>principal</code> negrito:</p>
-
-    <div style="width: 30em;">
-    <pre>
-#principal {font-weight: bolder;}
-</pre>
-    </div>
-   </td>
-  </tr>
- </tbody>
-</table>
-
-<p>Se mais de uma regra se aplicar a um elemento e especificar a mesma propriedade, então CSS dará prioridade para a regra que tiver o seletor mais específico. Um seletor id é mais específíco que um seletor classe, que por sua vez é mais específico que um seletor tag.</p>
-
-<table style="border: 1px solid #36b; background-color: #f4f4f4; padding: 1em;">
- <caption>Mais detalhes</caption>
- <tbody>
-  <tr>
-   <td>Você pode combinar seletores para fazer um seletor mais específico.
-    <p>Por exemplo, o seletor <code>.key</code> seleciona todos os elementos que tem o nome de classe <code>key</code>. O seletor <code>p.key</code> seleciona somente os elementos P que tiverem o nome de classe <code>key</code>.</p>
-
-    <p>Você não está restrito aos dois atributos especiais, <code>class</code> e <code>id</code>. Você pode especificar outros atributos igualando entre colchetes. Por exemplo, o seletor <code>{{ mediawiki.external('type=button') }}</code> seleciona todos os elementos que tiverem um atributo <code>type</code> com o valor <code>button</code>.</p>
-
-    <p>Uma página posterior deste tutorial (<a href="/pt/CSS/Como_come%C3%A7ar/Tabelas" title="pt/CSS/Como_começar/Tabelas">Tabelas</a>) tem informações sobre seletores complexos baseados em parentescos.</p>
-
-    <p>Para um informação completa sobre seletores, veja <a class="external" href="http://www.w3.org/TR/CSS21/selector.html">Selectors</a> na CSS Specification.</p>
-   </td>
-  </tr>
- </tbody>
-</table>
-
-<p>Se sua folha de estilo tiver regras conflitantes e elas estiverem igualmente especificadas, então CSS dará prioridade para a regra que foi especificada por último na folha de estilo.</p>
-
-<p>Quando você tiver um problema com regras conflitantes, tente resolvê-lo fazendo uma das regras mais especificada, então ela terá prioridade. Se você não puder fazer isto, tente mover uma das regras para mais perto do fim da folha de estilo, então esta terá prioridade.</p>
-
-<h3 id="A.C3.A7.C3.A3o:_Usando_seletores_de_classe_e_id" name="A.C3.A7.C3.A3o:_Usando_seletores_de_classe_e_id">Ação: Usando seletores de classe e id</h3>
-
-<p>Edite seu arquivo HTML, e duplique o paragrafo copiando e colando-o. Então adicione os atributos de id e classe na primeira cópia, e um id na segunda cópia como mostrado abaixo. Um alternativa é copiar e colar o arquivo inteiro novamente:</p>
-
-<div style="width: 48em; color: gray;">
-<pre class="eval">&lt;!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0//EN"&gt;
-&lt;HTML&gt;
-  &lt;HEAD&gt;
-  &lt;TITLE&gt;Documento de amostra&lt;/TITLE&gt;
-  &lt;LINK rel="stylesheet" type="text/css" href="style1.css"&gt;
-  &lt;/HEAD&gt;
-  &lt;BODY&gt;
-    &lt;P <strong style="color: black;">id="first"</strong>&gt;
-      &lt;STRONG <strong style="color: black;">class="carrot"</strong>&gt;C&lt;/STRONG&gt;ascading
-      &lt;STRONG <strong style="color: black;">class="spinach"</strong>&gt;S&lt;/STRONG&gt;tyle
-      &lt;STRONG <strong style="color: black;">class="spinach"</strong>&gt;S&lt;/STRONG&gt;heets
-    &lt;/P&gt;
-    <strong style="color: black;">&lt;P id="second"&gt;
-      &lt;STRONG&gt;C&lt;/STRONG&gt;ascading
-      &lt;STRONG&gt;S&lt;/STRONG&gt;tyle
-      &lt;STRONG&gt;S&lt;/STRONG&gt;heets
-    &lt;/P&gt;</strong>
-  &lt;/BODY&gt;
-&lt;/HTML&gt;
-</pre>
-</div>
-
-<p>Agora edite seu arquivo CSS. Substitua os componentes inteiros com:</p>
-
-<div style="width: 40em;">
-<pre>strong {color: red;}
-.carrot {color: orange;}
-.spinach {color: green;}
-#first {font-style: italic;}
-</pre>
-</div>
-
-<p><br>
- Atualize seu navegador para ver o resultado:</p>
-
-<table style="border: 2px outset #36b; padding: 1em;">
- <tbody>
-  <tr>
-   <td style="font-style: italic;"><strong style="color: orange;">C</strong>ascading <strong style="color: green;">S</strong>tyle <strong style="color: green;">S</strong>heets</td>
-  </tr>
-  <tr>
-   <td><strong style="color: red;">C</strong>ascading <strong style="color: red;">S</strong>tyle <strong style="color: red;">S</strong>heets</td>
-  </tr>
- </tbody>
-</table>
-
-<p><br>
- Você pode tentar re-dispor as linhas no seu arquivo CSS para mostrar que a ordem não muda o efeito.</p>
-
-<p>Os seletores de classe <code>.carrot</code> e <code>.spinach</code> tem prioridade sobre o seletor de tag <code>STRONG</code>.</p>
-
-<p>O seletor id <code>#first</code> tem prioridade sobre a classe o os seletores de tag.</p>
-
-<table style="border: 1px solid #36b; padding: 1em; background-color: #fffff4;">
- <caption>Desafios</caption>
- <tbody>
-  <tr>
-   <td>Sem mudar seu arquivo HTML, adicione uma única regra para seu arquivo CSS deixando todas as letras iniciais da mesma cor que estão agora, mas fazendo todo o segundo parágrafo aparecer em azul:
-    <table style="border: 2px outset #36b; padding: 1em; background-color: white;">
-     <tbody>
-      <tr>
-       <td style="font-style: italic;"><strong style="color: orange;">C</strong>ascading <strong style="color: green;">S</strong>tyle <strong style="color: green;">S</strong>heets</td>
-      </tr>
-      <tr>
-       <td style="color: blue;"><strong style="color: red;">C</strong>ascading <strong style="color: red;">S</strong>tyle <strong style="color: red;">S</strong>heets</td>
-      </tr>
-     </tbody>
-    </table>
-
-    <p>Agora mude a regra que você acabou de adicionar (sem mudar mais nenhuma coisa), para fazer o primeiro parágrafo em azul também:</p>
-
-    <table style="border: 2px outset #36b; padding: 1em; background-color: white;">
-     <tbody>
-      <tr>
-       <td style="font-style: italic; color: blue;"><strong style="color: orange;">C</strong>ascading <strong style="color: green;">S</strong>tyle <strong style="color: green;">S</strong>heets</td>
-      </tr>
-      <tr>
-       <td style="color: blue;"><strong style="color: red;">C</strong>ascading <strong style="color: red;">S</strong>tyle <strong style="color: red;">S</strong>heets</td>
-      </tr>
-     </tbody>
-    </table>
-   </td>
-  </tr>
- </tbody>
-</table>
-
-<h3 id="O_que_vem_depois.3F" name="O_que_vem_depois.3F">O que vem depois?</h3>
-
-<p>Se você teve dificuldade para entender esta página, ou se você tem algum comentário sobre ela, por favor contribua nesta página de <a href="/Talk:pt/CSS/Como_come%C3%A7ar/Seletores" title="Talk:pt/CSS/Como_começar/Seletores">Discussão</a>.</p>
-
-<p>Sua folha de estilo de amostra está começando a parecer densa e complicada. A próxima página descreve caminhos para fazer o CSS mais fácil de ler: <strong><a href="/pt/CSS/Como_come%C3%A7ar/CSS_leg%C3%ADvel" title="pt/CSS/Como_começar/CSS_legível">CSS legível</a></strong></p>
-
-<p>{{ PreviousNext("CSS:Como começar:Cascata e herança", "CSS:Como começar:CSS legível") }}</p>
diff --git a/files/pt-pt/web/css/como_começar/tabelas/index.html b/files/pt-pt/web/css/como_começar/tabelas/index.html
deleted file mode 100644
index ff21a00c82..0000000000
--- a/files/pt-pt/web/css/como_começar/tabelas/index.html
+++ /dev/null
@@ -1,655 +0,0 @@
----
-title: Tabelas
-slug: Web/CSS/Como_começar/Tabelas
-tags:
-  - 'CSS:Como_começar'
-translation_of: Learn/CSS/Building_blocks/Styling_tables
-translation_of_original: Web/Guide/CSS/Getting_started/Tables
----
-<p>{{ PreviousNext("CSS:Como começar:Disposição", "CSS:Como começar:Mídia") }}</p>
-
-<p>Esta página descreve seletores mais avançados, e algumas maneiras específicas para estilizar tabelas.</p>
-
-<p>Você cria um novo documento de amostra contendo uma tabela, e uma folha de estilo para isto.</p>
-
-<h2 id="Informa.C3.A7.C3.A3o:_Mais_seletores" name="Informa.C3.A7.C3.A3o:_Mais_seletores">Informação: Mais seletores</h2>
-
-<p>CSS possui algumas maneiras para selecionar elementos baseadas nas relações entre eles. Você pode usá-las para fazer seletores que sejam mais específicos.</p>
-
-<p>Aqui está um sumário de seletores baseados em relações:</p>
-
-<table style="margin-left: 2em;">
- <tbody>
-  <tr>
-   <td style="width: 10em;"><strong>Seletor</strong></td>
-   <td><strong>Seleciona</strong></td>
-  </tr>
-  <tr>
-   <td><code>A E</code></td>
-   <td>Qualquer elemento E que seja <em>descendente</em> de um elemento A (isso é: um subitem, ou um subitem de um sub item, <em>etc</em>.)</td>
-  </tr>
-  <tr>
-   <td><code>A &gt; E</code></td>
-   <td>Qualquer elemento E que seja subitem de um elemento A</td>
-  </tr>
-  <tr>
-   <td><code>E:first-child</code></td>
-   <td>Qualque elemento E que seja o primeiro subitem do seu principal</td>
-  </tr>
-  <tr>
-   <td><code>B + E</code></td>
-   <td>Qualquer elemento E que seja o próximo <em>irmão</em> de um elemento B (isso é: o próximo subitem do mesmo principal)</td>
-  </tr>
- </tbody>
-</table>
-
-<p>Você pode combinar isto para expressar relações complexas.</p>
-
-<p>Você pode também usar o símbolo <code>*</code> (asterisco) para dizer "qualquer elemento".</p>
-
-<table style="border: 1px solid #36b; padding: 1em; background-color: #fffff4; margin-bottom: 1em;">
- <caption>Exemplo</caption>
- <tbody>
-  <tr>
-   <td>Uma tabela HTML tem um atributo <code>id</code>, mas suas linhas e células não tem identificadores individuais:
-    <div style="width: 30em;">
-    <pre class="eval">
-&lt;TABLE id="data-table-1"&gt;
-...
-&lt;TR&gt;
-&lt;TD&gt;Prefix&lt;/TD&gt;
-&lt;TD&gt;0001&lt;/TD&gt;
-&lt;TD&gt;default&lt;/TD&gt;
-&lt;/TR&gt;
-...
-</pre>
-    </div>
-
-    <p>Estas regras fazem a primeira célula em cada linha em negrito, e a segunda célula em cada linha monoespaçada. Elas afetam somente uma tabela específica no documento:</p>
-
-    <div style="width: 45em;">
-    <ol>
-     <li>data-table-1 td:first-child {font-weight: bolder;}</li>
-     <li>data-table-1 td:first-child + td {font-family: monospace;}</li>
-    </ol>
-    </div>
-
-    <p>O resultado é algo como isto:</p>
-
-    <table style="border: 2px outset #36b; padding: 1em; background-color: white;">
-     <tbody>
-      <tr>
-       <td>
-        <table style="width: 18em; margin-right: 2em;">
-         <tbody>
-          <tr>
-           <td><strong>Prefix</strong></td>
-           <td><code>0001</code></td>
-           <td>default</td>
-          </tr>
-         </tbody>
-        </table>
-       </td>
-      </tr>
-     </tbody>
-    </table>
-   </td>
-  </tr>
- </tbody>
-</table>
-
-<table style="border: 1px solid #36b; padding: 1em; background-color: #f4f4f4; margin-bottom: 1em;">
- <caption>Mais detalhes</caption>
- <tbody>
-  <tr>
-   <td>De maneira usual, se você faz um seletor mais específico então você aumenta sua prioridade.
-    <p>Usando estas técnicas, você evita precisar especificar atributos <code>class</code> ou <code>id</code> em muitas tags no seu documento. Em vez disso, CSS faz o trabalho.</p>
-
-    <p>Em grandes projetos onde a velocidade é importante, você pode fazer suas folhas de estilo mais eficientes evitando regras complexas que dependem da relação entre elementos.</p>
-
-    <p>Para detalhes completos sobre seletores, veja <a class="external" href="http://www.w3.org/TR/CSS21/selector.html">Selectors</a> em CSS Specification.</p>
-   </td>
-  </tr>
- </tbody>
-</table>
-
-<h2 id="Informa.C3.A7.C3.A3o:_Tabelas" name="Informa.C3.A7.C3.A3o:_Tabelas">Informação: Tabelas</h2>
-
-<p>Uma tabela é um arranjo de informação em uma grade retangular. Algumas tabelas podem ser complexas, e para tabelas complexas diferentes navegadores podem exibir diferentes resultados.</p>
-
-<p>Quando você desenha seu documento, use e a tabela para expressar as relações entre as peças da informação. Então não importará se os diferentes navegadores apresentarem a informação de maneiras levemente diferentes, pois o significado ainda pode ser compreendido.</p>
-
-<p>Não use tabelas de maneiras não usuais para produzir disposições visuais particulares. As técnicas na página anterior deste tutorial (<a href="/pt/CSS/Como_come%C3%A7ar/Disposi%C3%A7%C3%A3o" title="pt/CSS/Como_começar/Disposição">Disposição</a>) são melhores para isto.</p>
-
-<h4 id="Estrutura_da_tabela" name="Estrutura_da_tabela">Estrutura da tabela</h4>
-
-<p>Em uma tabela, cada peça de informação é exibida em uma <em>célula</em>.</p>
-
-<p>As células em uma linha horizontal na página compõem uma <em>linha</em>.</p>
-
-<p>Em algumas tabelas, as linhas podem ser agrupadas. Um grupo especial de linhas no começo da tabela é o <em>cabeçalho</em>. Um grupo especial de linhas no final da tabela é o <em>rodapé</em>. As linhas principais na tabela são o <em>corpo</em>, e elas podem também estar em grupos.</p>
-
-<p>As células em uma linha vertical na página compõem uma <em>coluna</em>, mas as colunas têm usos limitados nas tabelas das CSS.</p>
-
-<table style="border: 1px solid #36b; padding: 1em; background-color: #fffff4; width: 100%;">
- <caption>Exemplo</caption>
- <tbody>
-  <tr>
-   <td>A tabela de seletores próxima ao topo desta página tem dez células em cinco linhas.
-    <p>A primeira linha é o cabeçalho. As outras quatro linhas são o corpo. Não há um rodapé.</p>
-
-    <p>Ela tem duas colunas.</p>
-   </td>
-  </tr>
- </tbody>
-</table>
-
-<p>Este tutorial somente cobre tabelas simples, onde os resultados são razoavelmente previsíveis. Em uma tabela simples, toda célula ocupa somente uma linha e coluna. Você pode usar CSS para tabelas complexas onde células <em>expandam</em> (extendam-se sobre) mais do que uma linha ou coluna, mas tabelas como estas estão fora do escopo deste tutorial básico.</p>
-
-<h3 id="Bordas" name="Bordas">Bordas</h3>
-
-<p>Células não têm margens.</p>
-
-<p>Células têm bordas e enchimento. Por padrão, as bordas são separadas pelo valor da propriedade <code>border-spacing</code> da tabela. Você pode também remover o espaçamento completamente configurando a propriedade <code>border-collapse</code> da tabela para <code>collapse</code>.</p>
-
-<table style="border: 1px solid #36b; padding: 1em; background-color: #fffff4; width: 100%;">
- <caption>Exemplo</caption>
- <tbody>
-  <tr>
-   <td>Aqui estão três tabelas.
-    <p>A tabela da esquerda tem espaçamento de borda 0.5 em. A tabela do centro tem espaçamento da borda zero. A tabela da direita tem bordas unidas:</p>
-
-    <table style="border: 2px outset #36b; padding: 1em; background-color: white;">
-     <tbody>
-      <tr>
-       <td style="padding-right: 2em;">
-        <table style="">
-         <tbody>
-          <tr>
-           <td style="border: 1px solid #c00; text-align: center;">Paus</td>
-           <td style="border: 1px solid #c00; text-align: center;">Copas</td>
-          </tr>
-          <tr>
-           <td style="border: 1px solid #c00; text-align: center;">Ouros</td>
-           <td style="border: 1px solid #c00; text-align: center;">Espadas</td>
-          </tr>
-         </tbody>
-        </table>
-       </td>
-       <td style="padding-right: 2em;">
-        <table style="">
-         <tbody>
-          <tr>
-           <td style="border: 1px solid #c00; text-align: center;">Paus</td>
-           <td style="border: 1px solid #c00; text-align: center;">Copas</td>
-          </tr>
-          <tr>
-           <td style="border: 1px solid #c00; text-align: center;">Ouros</td>
-           <td style="border: 1px solid #c00; text-align: center;">Espadas</td>
-          </tr>
-         </tbody>
-        </table>
-       </td>
-       <td style="padding-right: 6em;">
-        <table style="border-collapse: collapse;">
-         <tbody>
-          <tr>
-           <td style="border: 1px solid #c00; text-align: center;">Paus</td>
-           <td style="border: 1px solid #c00; text-align: center;">Copas</td>
-          </tr>
-          <tr>
-           <td style="border: 1px solid #c00; text-align: center;">Ouros</td>
-           <td style="border: 1px solid #c00; text-align: center;">Espadas</td>
-          </tr>
-         </tbody>
-        </table>
-       </td>
-      </tr>
-     </tbody>
-    </table>
-   </td>
-  </tr>
- </tbody>
-</table>
-
-<h3 id="Subt.C3.ADtulos" name="Subt.C3.ADtulos">Subtítulos</h3>
-
-<p>Um <em>subtítulo</em> é uma etiqueta que se aplica à tabela inteira. Por padrão, isto é mostrado no topo da tabela.</p>
-
-<p>Para mover isto para o fim, configure a propriedade <code>caption-side</code> para <code>bottom</code>. A propriedade é herdada, então alternativamente você pode configurar isto na tabela em outro elemento ascendente.</p>
-
-<p>Para estilizar o texto do subtítulo, use qualquer das propriedades usuais para texto.</p>
-
-<table style="border: 1px solid #36b; padding: 1em; background-color: #fffff4; width: 100%;">
- <caption>Exemplo</caption>
- <tbody>
-  <tr>
-   <td>Esta tabela tem um subtítulo no fim:
-    <div style="width: 30em;">
-    <pre class="eval">
-#demo-table &gt; caption {
-  caption-side: bottom;
-  font-style: italic;
-  text-align: right;
-  }
-</pre>
-    </div>
-
-    <table style="border: 2px outset #36b; padding: 1em 6em 1em 1em; background-color: white;">
-     <tbody>
-      <tr>
-       <td>
-        <table>
-         <caption>Naipes</caption>
-         <tbody>
-          <tr>
-           <td>
-            <table style="border-collapse: collapse;">
-             <tbody>
-              <tr>
-               <td style="border: 1px solid gray; text-align: center;">Paus</td>
-               <td style="border: 1px solid gray; text-align: center;">Copas</td>
-              </tr>
-              <tr>
-               <td style="border: 1px solid gray; text-align: center;">Ouros</td>
-               <td style="border: 1px solid gray; text-align: center;">Espadas</td>
-              </tr>
-             </tbody>
-            </table>
-           </td>
-          </tr>
-         </tbody>
-        </table>
-       </td>
-      </tr>
-     </tbody>
-    </table>
-   </td>
-  </tr>
- </tbody>
-</table>
-
-<h3 id="C.C3.A9lulas_vazias" name="C.C3.A9lulas_vazias">Células vazias</h3>
-
-<p>Você pode exibir células vazias (isto é, suas bordas e fundos) especificando <code>empty-cells: show;</code> para o elemento da tabela.</p>
-
-<p>Você pode escondê-los especificando <code>empty-cells:hide;</code>. Então, se um elemento principal tem um fundo e o chama, isto mostra através da célula vazia.</p>
-
-<table style="border: 1px solid #36b; padding: 1em; background-color: #fffff4; width: 100%;">
- <caption>Exemplo</caption>
- <tbody>
-  <tr>
-   <td>Estas tabelas tem um fundo de verde pálido. Suas células tem um fundo de cinza pálido e bordas de cinza escuro.
-    <p>Na esquerda da tabela, a célula vazia é mostrada. Na direita, é escondida:</p>
-
-    <table style="border: 2px outset #36b; padding: 1em; background-color: white;">
-     <tbody>
-      <tr>
-       <td style="padding-right: 2em;">
-        <table style="background-color: #dfd;">
-         <tbody>
-          <tr>
-           <td style="border: 1px solid #555; background-color: #eee;"> </td>
-           <td style="border: 1px solid #555; background-color: #eee; text-align: center;">Copas</td>
-          </tr>
-          <tr>
-           <td style="border: 1px solid #555; background-color: #eee; text-align: center;">Ouros</td>
-           <td style="border: 1px solid #555; background-color: #eee; text-align: center;">Espadas</td>
-          </tr>
-         </tbody>
-        </table>
-       </td>
-       <td style="padding-right: 6em;">
-        <table style="background-color: #dfd;">
-         <tbody>
-          <tr>
-           <td> </td>
-           <td style="border: 1px solid #555; background-color: #eee; text-align: center;">Copas</td>
-          </tr>
-          <tr>
-           <td style="border: 1px solid #555; background-color: #eee; text-align: center;">Ouros</td>
-           <td style="border: 1px solid #555; background-color: #eee; text-align: center;">Espadas</td>
-          </tr>
-         </tbody>
-        </table>
-       </td>
-      </tr>
-     </tbody>
-    </table>
-   </td>
-  </tr>
- </tbody>
-</table>
-
-<table style="border: 1px solid #36b; padding: 1em; background-color: #f4f4f4; margin-bottom: 1em;">
- <caption>Mais detalhes</caption>
- <tbody>
-  <tr>
-   <td>Para informações detalhasdas sobre tabelas, veja <a class="external" href="http://www.w3.org/TR/CSS21/tables.html">Tables</a> em CSS Specification.
-    <p>A informação lá vai além do que há neste tutorial, mas não cobre as diferenças entre os navegadores que podem afetar tabelas complexas.</p>
-   </td>
-  </tr>
- </tbody>
-</table>
-
-<h2 id="A.C3.A7.C3.A3o:_Estilizando_uma_tabela" name="A.C3.A7.C3.A3o:_Estilizando_uma_tabela">Ação: Estilizando uma tabela</h2>
-
-<p>Faça um novo documento HTML, <code>doc3.html</code>. Copie e cole o conteúdo daqui, tendo certeza que você rolou a tela para pegar tudo isto:</p>
-
-<div style="width: 48em; height: 12em; overflow: auto;">
-<pre>&lt;DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0//EN"&gt;
-&lt;HTML&gt;
-&lt;HEAD&gt;
-&lt;TITLE&gt;Documento de amostra 3&lt;/TITLE&gt;
-&lt;LINK rel="stylesheet" type="text/css" href="style3.css"&gt;
-&lt;/HEAD&gt;
-&lt;BODY&gt;
-
-&lt;TABLE id="demo-table"&gt;
-&lt;CAPTION&gt;Oceanos&lt;/CAPTION&gt;
-
-&lt;THEAD&gt;
-&lt;TR&gt;
-&lt;TH&gt;&lt;/TH&gt;
-&lt;TH&gt;Área&lt;/TH&gt;
-&lt;TH&gt;Profundidade Média&lt;/TH&gt;
-&lt;/TR&gt;
-&lt;TR&gt;
-&lt;TH&gt;&lt;/TH&gt;
-&lt;TH&gt;milhões de km&lt;SUP&gt;2&lt;/SUP&gt;&lt;/TH&gt;
-&lt;TH&gt;m&lt;/TH&gt;
-&lt;/TR&gt;
-&lt;/THEAD&gt;
-
-&lt;TBODY&gt;
-&lt;TR&gt;
-&lt;TH&gt;Ártico&lt;/TH&gt;
-&lt;TD&gt;13,000&lt;/TD&gt;
-&lt;TD&gt;1,200&lt;/TD&gt;
-&lt;/TR&gt;
-&lt;TR&gt;
-&lt;TH&gt;Atlântico&lt;/TH&gt;
-&lt;TD&gt;87,000&lt;/TD&gt;
-&lt;TD&gt;3,900&lt;/TD&gt;
-&lt;/TR&gt;
-&lt;TR&gt;
-&lt;TH&gt;Pacífico&lt;/TH&gt;
-&lt;TD&gt;180,000&lt;/TD&gt;
-&lt;TD&gt;4,000&lt;/TD&gt;
-&lt;/TR&gt;
-&lt;TR&gt;
-&lt;TH&gt;Índico&lt;/TH&gt;
-&lt;TD&gt;75,000&lt;/TD&gt;
-&lt;TD&gt;3,900&lt;/TD&gt;
-&lt;/TR&gt;
-&lt;TR&gt;
-&lt;TH&gt;Antártico&lt;/TH&gt;
-&lt;TD&gt;20,000&lt;/TD&gt;
-&lt;TD&gt;4,500&lt;/TD&gt;
-&lt;/TR&gt;
-&lt;/TBODY&gt;
-
-&lt;TFOOT&gt;
-&lt;TR&gt;
-&lt;TH&gt;Total&lt;/TH&gt;
-&lt;TD&gt;361,000&lt;/TD&gt;
-&lt;TD&gt;&lt;/TD&gt;
-&lt;/TR&gt;
-&lt;TR&gt;
-&lt;TH&gt;Média&lt;/TH&gt;
-&lt;TD&gt;72,000&lt;/TD&gt;
-&lt;TD&gt;3,800&lt;/TD&gt;
-&lt;/TR&gt;
-&lt;/TFOOT&gt;
-
-&lt;/TABLE&gt;
-
-&lt;/BODY&gt;
-&lt;/HTML&gt;
-</pre>
-</div>
-
-<p>Crie uma nova folha de estilo, <code>style3.css</code>. Copie e cole o conteúdo daqui, tendo certeza que você rolou a tela para pegar tudo isto:</p>
-
-<div style="width: 48em; height: 12em; overflow: auto;">
-<pre>/*** Estilo para doc3.html (Tabelas) ***/
-
-#demo-table {
-  font: 100% sans-serif;
-  background-color: #efe;
-  border-collapse: collapse;
-  empty-cells: show;
-  border: 1px solid #7a7;
-  }
-
-#demo-table &gt; caption {
-  text-align: left;
-  font-weight: bold;
-  font-size: 200%;
-  border-bottom: .2em solid #4ca;
-  margin-bottom: .5em;
-  }
-
-
-/* basic shared rules */
-#demo-table th,
-#demo-table td {
-  text-align: right;
-  padding-right: .5em;
-  }
-
-#demo-table th {
-  font-weight: bold;
-  padding-left: .5em;
-  }
-
-
-/* header */
-#demo-table &gt; thead &gt; tr:first-child &gt; th {
-  text-align: center;
-  color: blue;
-  }
-
-#demo-table &gt; thead &gt; tr + tr &gt; th {
-  font-style: italic;
-  color: gray;
-  }
-
-/* fix size of superscript */
-#demo-table sup {
-  font-size: 75%;
-  }
-
-/* body */
-#demo-table td {
-  background-color: #cef;
-  padding:.5em .5em .5em 3em;
-  }
-
-#demo-table tbody th:after {
-  content: ":";
-  }
-
-
-/* footer */
-#demo-table tfoot {
-  font-weight: bold;
-  }
-
-#demo-table tfoot th {
-  color: blue;
-  }
-
-#demo-table tfoot th:after {
-  content: ":";
-  }
-
-#demo-table &gt; tfoot td {
-  background-color: #cee;
-  }
-
-#demo-table &gt; tfoot &gt; tr:first-child td {
-  border-top: .2em solid #7a7;
-  }
-</pre>
-</div>
-
-<p>Abra o documento no seu navegador. Deve ser muito similar a este:</p>
-
-<table style="border: 2px outset #36b; padding: 1em 6em 1em 1em; background-color: white;">
- <tbody>
-  <tr>
-   <td>
-    <div>
-    <p style="font: bold 200% sans-serif; text-align: left; border-bottom: .2em solid #4ca; margin: 0px 0px .5em 0px;">Oceanos</p>
-
-    <div style="border: 1px solid #7a7; background-color: #efe;">
-    <table style="font: 100% sens-serif; background-color: #efe; border-collapse: collapse; text-align: right; padding-right: .5em;">
-     <tbody>
-      <tr style="text-align: center; color: blue;">
-       <th> </th>
-       <th>Área</th>
-       <th style="padding-left: .5em; padding-right: .5em;">Profundidade média</th>
-      </tr>
-      <tr style="font-style: italic; color: gray;">
-       <th> </th>
-       <th style="padding-left: .5em; padding-right: .5em;">milhões de km<sup>2</sup></th>
-       <th style="padding-left: .5em; padding-right: .5em;">m</th>
-      </tr>
-      <tr>
-       <th style="padding-right: .5em;">Ártico:</th>
-       <td style="background-color: #cef; padding: .5em .5em .5em 3em;">13,000</td>
-       <td style="background-color: #cef; padding: .5em .5em .5em 3em;">1,200</td>
-      </tr>
-      <tr>
-       <th style="padding-right: .5em;">Atlântico:</th>
-       <td style="background-color: #cef; padding: .5em .5em .5em 3em;">87,000</td>
-       <td style="background-color: #cef; padding: .5em .5em .5em 3em;">3,900</td>
-      </tr>
-      <tr>
-       <th style="padding-right: .5em;">Pacífico:</th>
-       <td style="background-color: #cef; padding: .5em .5em .5em 3em;">180,000</td>
-       <td style="background-color: #cef; padding: .5em .5em .5em 3em;">4,000</td>
-      </tr>
-      <tr>
-       <th style="padding-right: .5em;">Índico:</th>
-       <td style="background-color: #cef; padding: .5em .5em .5em 3em;">75,000</td>
-       <td style="background-color: #cef; padding: .5em .5em .5em 3em;">3,900</td>
-      </tr>
-      <tr>
-       <th style="padding-left: .5em; padding-right: .5em;">Antártico:</th>
-       <td style="background-color: #cef; padding: .5em .5em .5em 3em;">20,000</td>
-       <td style="background-color: #cef; padding: .5em .5em .5em 3em;">4,500</td>
-      </tr>
-      <tr>
-       <th style="padding-right: .5em; color: blue;">Total:</th>
-       <td style="background-color: #cee; padding: .5em .5em .5em 3em; border-top: .2em solid #7a7;">361,000</td>
-       <td style="background-color: #cee; padding: .5em .5em .5em 3em; border-top: .2em solid #7a7;"> </td>
-      </tr>
-      <tr>
-       <th style="padding-right: .5em; color: blue;">Média:</th>
-       <td style="background-color: #cee; padding: .5em .5em .5em 3em;">72,000</td>
-       <td style="background-color: #cee; padding: .5em .5em .5em 3em;">3,800</td>
-      </tr>
-     </tbody>
-    </table>
-    </div>
-    </div>
-   </td>
-  </tr>
- </tbody>
-</table>
-
-<p>Compare estas regras em sua folha de estilo com a tabela exibida, para se assegurar de que entende o efeito de cada regra. Se você achou uma regra com a qual não está seguro sobre, descomente-a e atualize o navegador para ver o que acontece.</p>
-
-<p>Aqui estão algumas notas sobre esta tabela:</p>
-
-<ul>
- <li>O subtítulo encontra-se fora da borda da tabela.</li>
- <li>Se você tiver um tamanho mínimo do ponto ajustado nas Opções, isto pode afetar o sobre-escrito no km<sup>2</sup>.</li>
- <li>Existem três células vazias. Duas delas permitem que o fundo da tabela apareça através. A terceira tem um fundo e uma borda no topo.</li>
- <li>As colunas são adicionadas pela folha de estilos.</li>
-</ul>
-
-<table style="border: 1px solid #36b; padding: 1em; background-color: #fffff4; width: 100%;">
- <caption>Desafios</caption>
- <tbody>
-  <tr>
-   <td>Mude a folha de estilo para fazer a tabela parecer com isto:
-    <table style="border: 2px outset #36b; padding: 1em 6em 1em 1em; background-color: white;">
-     <tbody>
-      <tr>
-       <td>
-        <div>
-        <div style="border: 1px solid #7a7; background-color: #efe;">
-        <table style="font: 100% sens-serif; background-color: #efe; border-collapse: collapse; text-align: right; padding-right: .5em;">
-         <tbody>
-          <tr style="text-align: center; color: blue;">
-           <th> </th>
-           <th>Área</th>
-           <th style="padding-left: .5em; padding-right: .5em;">Profundidade média</th>
-          </tr>
-          <tr style="font-style: italic; color: gray;">
-           <th> </th>
-           <th style="padding-left: .5em; padding-right: .5em;">milhões de km<sup>2</sup></th>
-           <th style="padding-left: .5em; padding-right: .5em;">m</th>
-          </tr>
-          <tr>
-           <th style="padding-right: .5em;">Ártico:</th>
-           <td style="background-color: #cef; padding: .5em .5em .5em 3em; border: 1px solid #7a7;">13,000</td>
-           <td style="background-color: #cef; padding: .5em .5em .5em 3em; border: 1px solid #7a7; border-right: 0px;">1,200</td>
-          </tr>
-          <tr>
-           <th style="padding-right: .5em;">Atlântico:</th>
-           <td style="background-color: #cef; padding: .5em .5em .5em 3em; border: 1px solid #7a7;">87,000</td>
-           <td style="background-color: #cef; padding: .5em .5em .5em 3em; border: 1px solid #7a7; border-right: 0px;">3,900</td>
-          </tr>
-          <tr>
-           <th style="padding-right: .5em;">Pacífico:</th>
-           <td style="background-color: #cef; padding: .5em .5em .5em 3em; border: 1px solid #7a7;">180,000</td>
-           <td style="background-color: #cef; padding: .5em .5em .5em 3em; border: 1px solid #7a7; border-right: 0px;">4,000</td>
-          </tr>
-          <tr>
-           <th style="padding-right: .5em;">Índico:</th>
-           <td style="background-color: #cef; padding: .5em .5em .5em 3em; border: 1px solid #7a7;">75,000</td>
-           <td style="background-color: #cef; padding: .5em .5em .5em 3em; border: 1px solid #7a7; border-right: 0px;">3,900</td>
-          </tr>
-          <tr>
-           <th style="padding-left: .5em; padding-right: .5em;">Antártico:</th>
-           <td style="background-color: #cef; padding: .5em .5em .5em 3em; border: 1px solid #7a7;">20,000</td>
-           <td style="background-color: #cef; padding: .5em .5em .5em 3em; border: 1px solid #7a7; border-right: 0px;">4,500</td>
-          </tr>
-          <tr>
-           <th style="padding-right: .5em; color: blue;">Total:</th>
-           <td style="background-color: #cee; padding: .5em .5em .5em 3em; border-top: .2em solid #7a7;">361,000</td>
-           <td style="background-color: #cee; padding: .5em .5em .5em 3em; border-top: .2em solid #7a7;"> </td>
-          </tr>
-          <tr>
-           <th style="padding-right: .5em; color: blue;">Média:</th>
-           <td style="background-color: #cee; padding: .5em .5em .5em 3em;">72,000</td>
-           <td style="background-color: #cee; padding: .5em .5em .5em 3em;">3,800</td>
-          </tr>
-         </tbody>
-        </table>
-        </div>
-
-        <p style="font: italic 100% sans-serif; text-align: right; border-top: .4em solid #4ca; margin: 1em 0px 0px 0px;">Oceanos</p>
-        </div>
-       </td>
-      </tr>
-     </tbody>
-    </table>
-   </td>
-  </tr>
- </tbody>
-</table>
-
-<h3 id="O_que_vem_depois.3F" name="O_que_vem_depois.3F">O que vem depois?</h3>
-
-<p>Se você teve dificuldade para entender esta página, ou se você tem algum comentário sobre ela, por favor combribua nesta página de <a href="/Talk:pt/CSS/Como_come%C3%A7ar/Tabelas" title="Talk:pt/CSS/Como_começar/Tabelas">Discussão</a>.</p>
-
-<p>Esta é a última página deste tutorial que foca as propriedades e valores das CSS. Para um sumário completo de propriedades e valores, veja <a class="external" href="http://www.w3.org/TR/CSS21/propidx.html">Full property table</a> em CSS Specification.</p>
-
-<p>A próxima página mostra novamente o propósito e a estrutura das folhas de estilo CSS: <strong><a href="/pt/CSS/Como_come%C3%A7ar/M%C3%ADdia" title="pt/CSS/Como_começar/Mídia">Mídia</a></strong></p>
-
-<p>{{ PreviousNext("CSS:Como começar:Disposição", "CSS:Como começar:Mídia") }}</p>
diff --git a/files/pt-pt/web/css/css_background_and_borders/index.html b/files/pt-pt/web/css/css_backgrounds_and_borders/index.html
index 59c2117194..3c843d9d45 100644
--- a/files/pt-pt/web/css/css_background_and_borders/index.html
+++ b/files/pt-pt/web/css/css_backgrounds_and_borders/index.html
@@ -1,6 +1,6 @@
 ---
 title: CSS Background and Borders
-slug: Web/CSS/CSS_Background_and_Borders
+slug: Web/CSS/CSS_Backgrounds_and_Borders
 tags:
   - CSS
   - CSS Backgrounds and Borders
@@ -10,6 +10,7 @@ tags:
   - TopicStub
 translation_of: Web/CSS/CSS_Backgrounds_and_Borders
 translation_of_original: Web/CSS/CSS_Background_and_Borders
+original_slug: Web/CSS/CSS_Background_and_Borders
 ---
 <p>{{CSSRef}}</p>
 
diff --git a/files/pt-pt/web/css/css_background_and_borders/múltiplos_planos_de_fundo/index.html b/files/pt-pt/web/css/css_backgrounds_and_borders/using_multiple_backgrounds/index.html
index a30a9383be..50c7a79499 100644
--- a/files/pt-pt/web/css/css_background_and_borders/múltiplos_planos_de_fundo/index.html
+++ b/files/pt-pt/web/css/css_backgrounds_and_borders/using_multiple_backgrounds/index.html
@@ -1,6 +1,6 @@
 ---
 title: Utilização de múltiplos fundos em CSS
-slug: Web/CSS/CSS_Background_and_Borders/Múltiplos_planos_de_fundo
+slug: Web/CSS/CSS_Backgrounds_and_Borders/Using_multiple_backgrounds
 tags:
   - CSS
   - CSS Background
@@ -9,6 +9,7 @@ tags:
   - Intermediate
 translation_of: Web/CSS/CSS_Backgrounds_and_Borders/Using_multiple_backgrounds
 translation_of_original: Web/CSS/CSS_Background_and_Borders/Using_CSS_multiple_backgrounds
+original_slug: Web/CSS/CSS_Background_and_Borders/Múltiplos_planos_de_fundo
 ---
 <p>{{CSSRef}}</p>
 
diff --git a/files/pt-pt/web/css/css_box_model/introducao_modelo_caixa_css/index.html b/files/pt-pt/web/css/css_box_model/introduction_to_the_css_box_model/index.html
index 388a72ab39..b8496849df 100644
--- a/files/pt-pt/web/css/css_box_model/introducao_modelo_caixa_css/index.html
+++ b/files/pt-pt/web/css/css_box_model/introduction_to_the_css_box_model/index.html
@@ -1,12 +1,13 @@
 ---
 title: Introdução ao modelo de Caixa de CSS
-slug: Web/CSS/CSS_Box_Model/Introducao_modelo_caixa_CSS
+slug: Web/CSS/CSS_Box_Model/Introduction_to_the_CSS_box_model
 tags:
   - CSS
   - Modelo de Caixa de CSS
   - Principiante
   - Referencia
 translation_of: Web/CSS/CSS_Box_Model/Introduction_to_the_CSS_box_model
+original_slug: Web/CSS/CSS_Box_Model/Introducao_modelo_caixa_CSS
 ---
 <p>{{CSSRef}}</p>
 
diff --git a/files/pt-pt/web/css/css_colors/ferramenta_selecao_cor/index.html b/files/pt-pt/web/css/css_colors/color_picker_tool/index.html
index 696f2afd11..8772d20f06 100644
--- a/files/pt-pt/web/css/css_colors/ferramenta_selecao_cor/index.html
+++ b/files/pt-pt/web/css/css_colors/color_picker_tool/index.html
@@ -1,12 +1,13 @@
 ---
 title: Ferramenta de seleção de cor
-slug: Web/CSS/CSS_Colors/Ferramenta_selecao_cor
+slug: Web/CSS/CSS_Colors/Color_picker_tool
 tags:
   - CSS
   - Ferramentas
   - Seleção de cor
   - cor
 translation_of: Web/CSS/CSS_Colors/Color_picker_tool
+original_slug: Web/CSS/CSS_Colors/Ferramenta_selecao_cor
 ---
 <div style="display: none;">
 <h2 id="ColorPicker_Tool" name="ColorPicker_Tool">ColorPicker tool</h2>
diff --git a/files/pt-pt/web/css/css_flexible_box_layout/alinhamento_de_itens_num_recipiente_flex/index.html b/files/pt-pt/web/css/css_flexible_box_layout/aligning_items_in_a_flex_container/index.html
index 4e1d10f5de..2c778a9dd6 100644
--- a/files/pt-pt/web/css/css_flexible_box_layout/alinhamento_de_itens_num_recipiente_flex/index.html
+++ b/files/pt-pt/web/css/css_flexible_box_layout/aligning_items_in_a_flex_container/index.html
@@ -1,6 +1,6 @@
 ---
 title: Alinhamento de Itens num Recipiente Flex
-slug: Web/CSS/CSS_Flexible_Box_Layout/alinhamento_de_itens_num_recipiente_flex
+slug: Web/CSS/CSS_Flexible_Box_Layout/Aligning_Items_in_a_Flex_Container
 tags:
   - Alinhar
   - CSS
@@ -14,6 +14,7 @@ tags:
   - justificar
   - justify-content
 translation_of: Web/CSS/CSS_Flexible_Box_Layout/Aligning_Items_in_a_Flex_Container
+original_slug: Web/CSS/CSS_Flexible_Box_Layout/alinhamento_de_itens_num_recipiente_flex
 ---
 <p>{{CSSRef}}</p>
 
diff --git a/files/pt-pt/web/css/css_flexible_box_layout/ordenacao_dos_itens_flex/index.html b/files/pt-pt/web/css/css_flexible_box_layout/ordering_flex_items/index.html
index b2bc22df09..3f17cfbffa 100644
--- a/files/pt-pt/web/css/css_flexible_box_layout/ordenacao_dos_itens_flex/index.html
+++ b/files/pt-pt/web/css/css_flexible_box_layout/ordering_flex_items/index.html
@@ -1,6 +1,6 @@
 ---
 title: Ordenação do itens Flex
-slug: Web/CSS/CSS_Flexible_Box_Layout/ordenacao_dos_itens_flex
+slug: Web/CSS/CSS_Flexible_Box_Layout/Ordering_Flex_Items
 tags:
   - Acessibilidade
   - CSS
@@ -11,6 +11,7 @@ tags:
   - ordem
   - reverter
 translation_of: Web/CSS/CSS_Flexible_Box_Layout/Ordering_Flex_Items
+original_slug: Web/CSS/CSS_Flexible_Box_Layout/ordenacao_dos_itens_flex
 ---
 <p>{{CSSRef}}</p>
 
diff --git a/files/pt-pt/web/css/css_flexible_box_layout/relação_do_flexbox_com_outros_métodos_de_layout/index.html b/files/pt-pt/web/css/css_flexible_box_layout/relationship_of_flexbox_to_other_layout_methods/index.html
index 83c570f33e..34e3a88d9b 100644
--- a/files/pt-pt/web/css/css_flexible_box_layout/relação_do_flexbox_com_outros_métodos_de_layout/index.html
+++ b/files/pt-pt/web/css/css_flexible_box_layout/relationship_of_flexbox_to_other_layout_methods/index.html
@@ -1,7 +1,7 @@
 ---
 title: Relação do flexbox com outros métodos de layout
 slug: >-
-  Web/CSS/CSS_Flexible_Box_Layout/relação_do_flexbox_com_outros_métodos_de_layout
+  Web/CSS/CSS_Flexible_Box_Layout/Relationship_of_Flexbox_to_Other_Layout_Methods
 tags:
   - CSS
   - Guía
@@ -13,6 +13,8 @@ tags:
   - grelha
 translation_of: >-
   Web/CSS/CSS_Flexible_Box_Layout/Relationship_of_Flexbox_to_Other_Layout_Methods
+original_slug: >-
+  Web/CSS/CSS_Flexible_Box_Layout/relação_do_flexbox_com_outros_métodos_de_layout
 ---
 <div>{{CSSRef}}</div>
 
diff --git a/files/pt-pt/web/css/css_flexible_box_layout/casos_de_utilizacao_tipicos_do_flexbox/index.html b/files/pt-pt/web/css/css_flexible_box_layout/typical_use_cases_of_flexbox/index.html
index cd89209634..2c46d66a2c 100644
--- a/files/pt-pt/web/css/css_flexible_box_layout/casos_de_utilizacao_tipicos_do_flexbox/index.html
+++ b/files/pt-pt/web/css/css_flexible_box_layout/typical_use_cases_of_flexbox/index.html
@@ -1,6 +1,6 @@
 ---
 title: Casos de utilização típicos do Flexbox
-slug: Web/CSS/CSS_Flexible_Box_Layout/casos_de_utilizacao_tipicos_do_flexbox
+slug: Web/CSS/CSS_Flexible_Box_Layout/Typical_Use_Cases_of_Flexbox
 tags:
   - CSS
   - Caixa Flexível
@@ -10,6 +10,7 @@ tags:
   - padrões
   - utilizações comuns
 translation_of: Web/CSS/CSS_Flexible_Box_Layout/Typical_Use_Cases_of_Flexbox
+original_slug: Web/CSS/CSS_Flexible_Box_Layout/casos_de_utilizacao_tipicos_do_flexbox
 ---
 <p>{{CSSRef}}</p>
 
diff --git a/files/pt-pt/web/css/layout_de_grelha_css/index.html b/files/pt-pt/web/css/css_grid_layout/index.html
index db142d2dde..cdb4293de2 100644
--- a/files/pt-pt/web/css/layout_de_grelha_css/index.html
+++ b/files/pt-pt/web/css/css_grid_layout/index.html
@@ -1,6 +1,6 @@
 ---
 title: CSS - Layout de Grade
-slug: Web/CSS/layout_de_grelha_css
+slug: Web/CSS/CSS_Grid_Layout
 tags:
   - CSS
   - Grades
@@ -9,6 +9,7 @@ tags:
   - Referencia
   - Resumo
 translation_of: Web/CSS/CSS_Grid_Layout
+original_slug: Web/CSS/layout_de_grelha_css
 ---
 <p><strong>CSS - Layout de Grade </strong>destaca-se em dividir uma página em regiões principais, ou definir a relação em termos de tamanho, posição e camada, entre partes de um controle criado a partir de HTML primitivas. <br>
   <br>
diff --git a/files/pt-pt/web/css/usando_transformações_css/index.html b/files/pt-pt/web/css/css_transforms/using_css_transforms/index.html
index 62190c37dc..dba05f3a78 100644
--- a/files/pt-pt/web/css/usando_transformações_css/index.html
+++ b/files/pt-pt/web/css/css_transforms/using_css_transforms/index.html
@@ -1,7 +1,8 @@
 ---
 title: CSS/Usando_transformações_CSS
-slug: Web/CSS/Usando_transformações_CSS
+slug: Web/CSS/CSS_Transforms/Using_CSS_transforms
 translation_of: Web/CSS/CSS_Transforms/Using_CSS_transforms
+original_slug: Web/CSS/Usando_transformações_CSS
 ---
 <p>{{ gecko_minversion_header("1.9.1") }}</p>
 <p>Firefox 3.5 (Gecko 1.9.1) introduz suporte a transformações CSS; estas são implementadas utilizando um conjunto de propriedades CSS permitindo a você aplicar transformações lineares a elementos HTML. Essas transformações são baseadas sobre o <a class="external" href="http://webkit.org/blog/130/css-transforms/" title="http://webkit.org/blog/130/css-transforms/">design proposto pelo time WebKit</a> e incluem rotar, inclinar, escalar e usar translação. Enquanto isso, é um <a class="external" href="http://www.w3.org/TR/css3-2d-transforms/" title="http://www.w3.org/TR/css3-2d-transforms/">W3C working draft</a>.</p>
diff --git a/files/pt-pt/web/css/css_tipos/index.html b/files/pt-pt/web/css/css_types/index.html
index ea7049f5a4..e469f49c98 100644
--- a/files/pt-pt/web/css/css_tipos/index.html
+++ b/files/pt-pt/web/css/css_types/index.html
@@ -1,6 +1,6 @@
 ---
 title: CSS -  Tipos de datos básicos
-slug: Web/CSS/CSS_Tipos
+slug: Web/CSS/CSS_Types
 tags:
   - CSS
   - Referencia
@@ -8,6 +8,7 @@ tags:
   - Sinopse
   - Tipos de Dados de CSS
 translation_of: Web/CSS/CSS_Types
+original_slug: Web/CSS/CSS_Tipos
 ---
 <div>{{CssRef}}</div>
 
diff --git a/files/pt-pt/web/css/grid-gap/index.html b/files/pt-pt/web/css/gap/index.html
index 06c9881278..9386307490 100644
--- a/files/pt-pt/web/css/grid-gap/index.html
+++ b/files/pt-pt/web/css/gap/index.html
@@ -1,8 +1,9 @@
 ---
 title: grid-gap
-slug: Web/CSS/grid-gap
+slug: Web/CSS/gap
 translation_of: Web/CSS/gap
 translation_of_original: Web/CSS/grid-gap
+original_slug: Web/CSS/grid-gap
 ---
 <p>A propriedade CSS <strong><code>grid-gap</code></strong> é uma propriedade de <a href="/pt-PT/docs/Web/CSS/Shorthand_properties">taquigrafia</a> para {{cssxref("grid-row-gap")}} e {{cssxref("grid-column-gap")}} especificando os canais entre as linhas de grelha e as colunas.</p>
 
diff --git a/files/pt-pt/web/css/consultas_de_media/index.html b/files/pt-pt/web/css/media_queries/index.html
index f9bbd7b94e..13fc49d8ec 100644
--- a/files/pt-pt/web/css/consultas_de_media/index.html
+++ b/files/pt-pt/web/css/media_queries/index.html
@@ -1,6 +1,6 @@
 ---
 title: Consultas de média
-slug: Web/CSS/Consultas_de_media
+slug: Web/CSS/Media_Queries
 tags:
   - CSS
   - Consultas de Média
@@ -9,6 +9,7 @@ tags:
   - Referencia
   - Visão Geral
 translation_of: Web/CSS/Media_Queries
+original_slug: Web/CSS/Consultas_de_media
 ---
 <div>{{CSSRef}}</div>
 
diff --git a/files/pt-pt/web/css/consulta_de_mídia/index.html b/files/pt-pt/web/css/media_queries/using_media_queries/index.html
index 2bf4f5470c..fee2c9ecf1 100644
--- a/files/pt-pt/web/css/consulta_de_mídia/index.html
+++ b/files/pt-pt/web/css/media_queries/using_media_queries/index.html
@@ -1,6 +1,6 @@
 ---
 title: Utilizar consultas de média
-slug: Web/CSS/Consulta_de_mídia
+slug: Web/CSS/Media_Queries/Using_media_queries
 tags:
   - Avançado
   - CSS
@@ -8,6 +8,7 @@ tags:
   - Guía
   - Media
 translation_of: Web/CSS/Media_Queries/Using_media_queries
+original_slug: Web/CSS/Consulta_de_mídia
 ---
 <p>{{ gecko_minversion_header("1.9.1") }}</p>
 
diff --git a/files/pt-pt/web/css/média_paginada/index.html b/files/pt-pt/web/css/paged_media/index.html
index 49df122031..53d7d35781 100644
--- a/files/pt-pt/web/css/média_paginada/index.html
+++ b/files/pt-pt/web/css/paged_media/index.html
@@ -1,11 +1,12 @@
 ---
 title: Média paginada
-slug: Web/CSS/Média_paginada
+slug: Web/CSS/Paged_Media
 tags:
   - CSS
   - CSS3
   - Quebras de Página
 translation_of: Web/CSS/Paged_Media
+original_slug: Web/CSS/Média_paginada
 ---
 <p>Paged media properties control the presentation of content for print or any other media that splits content into discrete pages. It allows you to set page breaks, control printable area, style left and right pages differently, and control breaks inside elements. Popularly supported properties include</p>
 
diff --git a/files/pt-pt/web/css/pseudoclasses/index.html b/files/pt-pt/web/css/pseudo-classes/index.html
index d65bef9e51..e6d3d58c0f 100644
--- a/files/pt-pt/web/css/pseudoclasses/index.html
+++ b/files/pt-pt/web/css/pseudo-classes/index.html
@@ -1,6 +1,6 @@
 ---
 title: Pseudoclasses
-slug: Web/CSS/Pseudoclasses
+slug: Web/CSS/Pseudo-classes
 tags:
   - CSS
   - Pseudoclasse
@@ -9,6 +9,7 @@ tags:
   - Seletores
   - Sinopse
 translation_of: Web/CSS/Pseudo-classes
+original_slug: Web/CSS/Pseudoclasses
 ---
 <div>{{CSSRef}}</div>
 
diff --git a/files/pt-pt/web/css/pseudoelementos/index.html b/files/pt-pt/web/css/pseudo-elements/index.html
index 780d17c378..84716924ad 100644
--- a/files/pt-pt/web/css/pseudoelementos/index.html
+++ b/files/pt-pt/web/css/pseudo-elements/index.html
@@ -1,6 +1,6 @@
 ---
 title: Pseudoelementos
-slug: Web/CSS/Pseudoelementos
+slug: Web/CSS/Pseudo-elements
 tags:
   - CSS
   - Pseudoelemento
@@ -9,6 +9,7 @@ tags:
   - Seletores
   - Sinopse
 translation_of: Web/CSS/Pseudo-elements
+original_slug: Web/CSS/Pseudoelementos
 ---
 <div>{{CSSRef}}</div>
 
diff --git a/files/pt-pt/web/css/referência_css/index.html b/files/pt-pt/web/css/reference/index.html
index 1be349b1c9..836097577a 100644
--- a/files/pt-pt/web/css/referência_css/index.html
+++ b/files/pt-pt/web/css/reference/index.html
@@ -1,13 +1,14 @@
 ---
 title: CSS - Referência
-slug: Web/CSS/Referência_CSS
+slug: Web/CSS/Reference
 tags:
   - CSS
   - Referencia
   - Resumo
   - Sinopse
-  - 'l10n:priority'
+  - l10n:priority
 translation_of: Web/CSS/Reference
+original_slug: Web/CSS/Referência_CSS
 ---
 <div>{{CSSRef}}</div>
 
diff --git a/files/pt-pt/web/eventos/index.html b/files/pt-pt/web/events/index.html
index e215eccadc..c778cec718 100644
--- a/files/pt-pt/web/eventos/index.html
+++ b/files/pt-pt/web/events/index.html
@@ -1,9 +1,10 @@
 ---
 title: Referência de Eventos
-slug: Web/Eventos
+slug: Web/Events
 tags:
   - eventos
 translation_of: Web/Events
+original_slug: Web/Eventos
 ---
 <p>Eventos DOM são enviados para notificar o código de coisas interessantes que ocorreram. Cada evento é representado por um objeto que é baseado na interface {{domxref ('Evento')}}, e poderá ter campos e/ou funções personalizadas adicionais utilizadas para obter informação adicional sobre o que aconteceu. Os eventos podem representar tudo, desde interações básicas do utilizador até notificações automáticas de coisas a acontecer no modelo de renderização. .</p>
 
diff --git a/files/pt-pt/web/guide/ajax/comunidade/index.html b/files/pt-pt/web/guide/ajax/community/index.html
index 98a2936999..438baadb13 100644
--- a/files/pt-pt/web/guide/ajax/comunidade/index.html
+++ b/files/pt-pt/web/guide/ajax/community/index.html
@@ -1,9 +1,10 @@
 ---
 title: Comunidade
-slug: Web/Guide/AJAX/Comunidade
+slug: Web/Guide/AJAX/Community
 tags:
   - AJAX
 translation_of: Web/Guide/AJAX/Community
+original_slug: Web/Guide/AJAX/Comunidade
 ---
 <p>Se conhece listas de discussão úteis, grupos de notícias, fóruns, ou outras comunidades relacionadas com AJAX, interligue-os aqui.</p>
 
diff --git a/files/pt-pt/web/guide/ajax/como_começar/index.html b/files/pt-pt/web/guide/ajax/getting_started/index.html
index f067252d2d..f57095e504 100644
--- a/files/pt-pt/web/guide/ajax/como_começar/index.html
+++ b/files/pt-pt/web/guide/ajax/getting_started/index.html
@@ -1,6 +1,6 @@
 ---
 title: Primeiros Passos
-slug: Web/Guide/AJAX/Como_começar
+slug: Web/Guide/AJAX/Getting_Started
 tags:
   - AJAX
   - API
@@ -9,6 +9,7 @@ tags:
   - Mecânica da Web
   - XMLHttpRequest
 translation_of: Web/Guide/AJAX/Getting_Started
+original_slug: Web/Guide/AJAX/Como_começar
 ---
 <p class="summary">Este artigo guia-o através do essencial do AJAX e oferece-lhe dois exemplos práticos simples para poder começar.</p>
 
diff --git a/files/pt-pt/web/guide/eventos/index.html b/files/pt-pt/web/guide/events/index.html
index 99e7f2f492..7d55886a4e 100644
--- a/files/pt-pt/web/guide/eventos/index.html
+++ b/files/pt-pt/web/guide/events/index.html
@@ -1,12 +1,13 @@
 ---
 title: Guia do programador de eventos
-slug: Web/Guide/Eventos
+slug: Web/Guide/Events
 tags:
   - DOM
   - Evento
   - Guía
   - Precisa de Atualização
 translation_of: Web/Guide/Events
+original_slug: Web/Guide/Eventos
 ---
 <p>{{draft()}}</p>
 
diff --git a/files/pt-pt/web/guide/gráficos/index.html b/files/pt-pt/web/guide/graphics/index.html
index c18d703bc5..3a809c989a 100644
--- a/files/pt-pt/web/guide/gráficos/index.html
+++ b/files/pt-pt/web/guide/graphics/index.html
@@ -1,6 +1,6 @@
 ---
 title: Gráficos na Web
-slug: Web/Guide/Gráficos
+slug: Web/Guide/Graphics
 tags:
   - 2D
   - 3D
@@ -13,6 +13,7 @@ tags:
   - WebRTC
   - graficos
 translation_of: Web/Guide/Graphics
+original_slug: Web/Guide/Gráficos
 ---
 <p><span class="seoSummary">Web sites e aplicações necessitam frequentemente de apresentar gráficos.</span> Imagens estáticas podem ser facilmente mostradas usado o elemento {{HTMLElement("img")}}, ou definindo o fundo do elemento HTML com a propriedade {{cssxref("background-image")}}. É ainda possivel construir gráficos no momento, ou manipular imagens. <span class="seoSummary">Este artigo disponibiliza toda a informação necessária.  </span></p>
 
diff --git a/files/pt-pt/web/guide/html/categorias_de_conteudo/index.html b/files/pt-pt/web/guide/html/content_categories/index.html
index 9a7c08ee9a..638d6d8628 100644
--- a/files/pt-pt/web/guide/html/categorias_de_conteudo/index.html
+++ b/files/pt-pt/web/guide/html/content_categories/index.html
@@ -1,6 +1,6 @@
 ---
 title: Categorias de conteúdo
-slug: Web/Guide/HTML/Categorias_de_conteudo
+slug: Web/Guide/HTML/Content_categories
 tags:
   - Avançado
   - Guía
@@ -8,6 +8,7 @@ tags:
   - HTML5
   - Web
 translation_of: Web/Guide/HTML/Content_categories
+original_slug: Web/Guide/HTML/Categorias_de_conteudo
 ---
 <p><span class="seoSummary">Every <a href="/en-US/docs/Web/HTML">HTML</a> element is a member of one or more <strong>content categories</strong>, which group elements that share characteristics.</span> This is a loose grouping (it doesn't actually create a relationship among elements of these categories), but they help define and describe the categories' shared behavior and their associated rules, especially when you come upon their intricate details. It's also possible for elements to not be a member of <em>any</em> of these categories.</p>
 
diff --git a/files/pt-pt/web/html/html5/parser_html5/index.html b/files/pt-pt/web/guide/html/html5/html5_parser/index.html
index eff96db73f..b5c39a3401 100644
--- a/files/pt-pt/web/html/html5/parser_html5/index.html
+++ b/files/pt-pt/web/guide/html/html5/html5_parser/index.html
@@ -1,7 +1,8 @@
 ---
 title: Parser HTML5
-slug: Web/HTML/HTML5/Parser_HTML5
+slug: Web/Guide/HTML/HTML5/HTML5_Parser
 translation_of: Web/Guide/HTML/HTML5/HTML5_Parser
+original_slug: Web/HTML/HTML5/Parser_HTML5
 ---
 <p>{{ gecko_minversion_header("2") }}</p>
 <p>O Gecko 2 introduz um novo analizador (parser), baseado no HTML5. O analizador (parser) HTML é uma das peças mais sensíveis e complicadas de um navegador. Ele controla como o código fonte HTML é transformado em páginas web e, também, mudanças para alguns casos de exceções. O novo analisador (parser) é mais rápido, cumpre com o padrão do HTML5, e habilita também várias novas funcionalidades.</p>
diff --git a/files/pt-pt/web/html/html5/index.html b/files/pt-pt/web/guide/html/html5/index.html
index 87e542c8c8..8156757938 100644
--- a/files/pt-pt/web/html/html5/index.html
+++ b/files/pt-pt/web/guide/html/html5/index.html
@@ -1,6 +1,6 @@
 ---
 title: HTML5
-slug: Web/HTML/HTML5
+slug: Web/Guide/HTML/HTML5
 tags:
   - Desenvolvimento da Web
   - Guía
@@ -10,6 +10,7 @@ tags:
   - Sinopse
   - Web
 translation_of: Web/Guide/HTML/HTML5
+original_slug: Web/HTML/HTML5
 ---
 <p class="summary">HTML5 é a última evolução no padrão que define o <a href="/pt-PT/docs/Web/HTML_Linguagem_de_marcacao_de_hipertexto" title="HTML">HTML</a>. O termo representa dois conceitos diferentes. Esta é uma nova versão da linguagem HTML, com novos elementos, atributos e comportamentos, <strong>e</strong> um conjunto maior de tecnologias que permite a criação de sites e aplicações da Web mais diversos e poderosos. Este conjunto às vezes é chamado de HTML5 e amigos e, muitas vezes, abreviado apenas para HTML5.</p>
 
diff --git a/files/pt-pt/web/html/html5/introdução_ao_html5/index.html b/files/pt-pt/web/guide/html/html5/introduction_to_html5/index.html
index 7a30759282..ef509a0965 100644
--- a/files/pt-pt/web/html/html5/introdução_ao_html5/index.html
+++ b/files/pt-pt/web/guide/html/html5/introduction_to_html5/index.html
@@ -1,10 +1,11 @@
 ---
 title: Introdução ao HTML5
-slug: Web/HTML/HTML5/Introdução_ao_HTML5
+slug: Web/Guide/HTML/HTML5/Introduction_to_HTML5
 tags:
   - HTML
   - HTML5
 translation_of: Web/Guide/HTML/HTML5/Introduction_to_HTML5
+original_slug: Web/HTML/HTML5/Introdução_ao_HTML5
 ---
 <p>O <a class="external" href="http://www.whatwg.org/specs/web-apps/current-work/" title="http://www.whatwg.org/specs/web-apps/current-work/">HTML5</a> (en), cujas novidades começaram a ser implementadas no Gecko 1.8.1, é a mais nova versão do padrão HTML. Ela oferece novas características para proporcionar não somente um rico suporte à mídia, mas também para melhorar o suporte à criação de aplicações web que podem interagir com o usuário, seus dados locais e servidores de maneira mais fácil e efetiva.</p>
 
diff --git a/files/pt-pt/web/guide/html/utilizar_estruturas_e_seccoes_de_html/index.html b/files/pt-pt/web/guide/html/using_html_sections_and_outlines/index.html
index fd11f62887..2f7dd145db 100644
--- a/files/pt-pt/web/guide/html/utilizar_estruturas_e_seccoes_de_html/index.html
+++ b/files/pt-pt/web/guide/html/using_html_sections_and_outlines/index.html
@@ -1,6 +1,6 @@
 ---
 title: Utilizar estruturas e secções de HTML
-slug: Web/Guide/HTML/Utilizar_estruturas_e_seccoes_de_HTML
+slug: Web/Guide/HTML/Using_HTML_sections_and_outlines
 tags:
   - Avançado
   - Estruturas
@@ -13,6 +13,7 @@ tags:
   - Sinopse
   - Web
 translation_of: Web/Guide/HTML/Using_HTML_sections_and_outlines
+original_slug: Web/Guide/HTML/Utilizar_estruturas_e_seccoes_de_HTML
 ---
 <div class="warning">
 <p><strong>Importante</strong>: atualmente, não existem implementações conhecidas do algoritmo de estrutura nos navegadores gráficos ou agentes de utilizador da tecnologia assistiva, embora o algoritmo esteja implementado noutro software, tal como verificadores de conformidade . Assim, o algoritmo de <a href="http://www.w3.org/TR/html5/sections.html#outline">estrutura</a> não pode ser invocado para transmitir a estrutura do documento aos utilizadores. Recomenda-se que os autores utilizem <a href="http://www.w3.org/TR/html5/sections.html#rank">rank</a> (<code><a href="http://www.w3.org/TR/html5/sections.html#the-h1,-h2,-h3,-h4,-h5,-and-h6-elements">h1</a></code>-<code><a href="http://www.w3.org/TR/html5/sections.html#the-h1,-h2,-h3,-h4,-h5,-and-h6-elements">h6</a></code>) para transmitir a estrutura do documento.</p>
diff --git a/files/pt-pt/web/html/aplicar_cor_elementos_html_utilizando_css/index.html b/files/pt-pt/web/html/applying_color/index.html
index 2aaefab31d..fd91bc88b8 100644
--- a/files/pt-pt/web/html/aplicar_cor_elementos_html_utilizando_css/index.html
+++ b/files/pt-pt/web/html/applying_color/index.html
@@ -1,6 +1,6 @@
 ---
 title: Aplicar cor aos elementos de HTML utilizando CSS
-slug: Web/HTML/Aplicar_cor_elementos_HTML_utilizando_CSS
+slug: Web/HTML/Applying_color
 tags:
   - CSS
   - Cores de CSS
@@ -12,6 +12,7 @@ tags:
   - Principiante
   - cor
 translation_of: Web/HTML/Applying_color
+original_slug: Web/HTML/Aplicar_cor_elementos_HTML_utilizando_CSS
 ---
 <div>{{HTMLRef}}</div>
 
diff --git a/files/pt-pt/web/html/cors_settings_attributes/index.html b/files/pt-pt/web/html/attributes/crossorigin/index.html
index 42f32f77e8..6fb3125b7d 100644
--- a/files/pt-pt/web/html/cors_settings_attributes/index.html
+++ b/files/pt-pt/web/html/attributes/crossorigin/index.html
@@ -1,6 +1,6 @@
 ---
 title: 'Atributo CORS: Solicitar acesso CORS para o conteúdo'
-slug: Web/HTML/CORS_settings_attributes
+slug: Web/HTML/Attributes/crossorigin
 tags:
   - Avançado
   - CORS
@@ -9,6 +9,7 @@ tags:
   - Referencia
   - Segurança
 translation_of: Web/HTML/Attributes/crossorigin
+original_slug: Web/HTML/CORS_settings_attributes
 ---
 <p><span class="seoSummary">In HTML5, some HTML elements which provide support for <a href="/en-US/docs/Web/HTTP/CORS">CORS</a>, such as {{ HTMLElement("img") }}, {{ HTMLElement("video") }} or {{ HTMLElement("script") }}, have a <code>crossorigin</code> attribute (<code>crossOrigin</code> property), which lets you configure the CORS requests for the element's fetched data.</span> These attributes are enumerated, and have the following possible values:</p>
 
diff --git a/files/pt-pt/web/html/atributos/index.html b/files/pt-pt/web/html/attributes/index.html
index 84ea814756..064acf59e9 100644
--- a/files/pt-pt/web/html/atributos/index.html
+++ b/files/pt-pt/web/html/attributes/index.html
@@ -1,12 +1,13 @@
 ---
 title: Lista de atributos HTML
-slug: Web/HTML/Atributos
+slug: Web/HTML/Attributes
 tags:
   - HTML
   - Referencia
   - Web
   - atributo
 translation_of: Web/HTML/Attributes
+original_slug: Web/HTML/Atributos
 ---
 <p>Elementos em HTML têm <strong>atributos</strong>; estes são valores adicionais que configuram os elementos ou ajustam o seu comportamento em vários modos para corresponderem aos critérios que os utilizadores pretendem.</p>
 
diff --git a/files/pt-pt/web/html/atributos/rel/index.html b/files/pt-pt/web/html/attributes/rel/index.html
index fe8307f0c0..e6ba17138c 100644
--- a/files/pt-pt/web/html/atributos/rel/index.html
+++ b/files/pt-pt/web/html/attributes/rel/index.html
@@ -1,7 +1,8 @@
 ---
 title: 'HTML attribute: rel'
-slug: Web/HTML/Atributos/rel
+slug: Web/HTML/Attributes/rel
 translation_of: Web/HTML/Attributes/rel
+original_slug: Web/HTML/Atributos/rel
 ---
 <p>{{draft}}</p>
 
diff --git a/files/pt-pt/web/html/elemento/audio/index.html b/files/pt-pt/web/html/element/audio/index.html
index f8b7c3229b..6c9a45428a 100644
--- a/files/pt-pt/web/html/elemento/audio/index.html
+++ b/files/pt-pt/web/html/element/audio/index.html
@@ -1,7 +1,8 @@
 ---
 title: Audio
-slug: Web/HTML/Elemento/Audio
+slug: Web/HTML/Element/audio
 translation_of: Web/HTML/Element/audio
+original_slug: Web/HTML/Elemento/Audio
 ---
 <p>{{ gecko_minversion_header("1.9.1") }}</p>
 <p>O elemento <code>audio</code> é usado para embutir conteúdo de som em um documento HTML or XHTML.  O elemento <code>audio</code> foi adicionado como parte do HTML 5.</p>
diff --git a/files/pt-pt/web/html/elemento/fieldset/index.html b/files/pt-pt/web/html/element/fieldset/index.html
index 44fd353489..1b90d328b2 100644
--- a/files/pt-pt/web/html/elemento/fieldset/index.html
+++ b/files/pt-pt/web/html/element/fieldset/index.html
@@ -1,6 +1,6 @@
 ---
 title: '<fieldset>: O elemento "Field Set"'
-slug: Web/HTML/Elemento/fieldset
+slug: Web/HTML/Element/fieldset
 tags:
   - Elemento
   - Formulários HTML
@@ -9,6 +9,7 @@ tags:
   - Web
   - formulários
 translation_of: Web/HTML/Element/fieldset
+original_slug: Web/HTML/Elemento/fieldset
 ---
 <p>O <strong>elemento HTML <code>&lt;fieldset&gt;</code> </strong>é utilizado para agrupar vários controlos, bem como as etiquetas ({{HTMLElement("label")}}) dentro de um formulário da Web.</p>
 
diff --git a/files/pt-pt/web/html/elemento/figcaption/index.html b/files/pt-pt/web/html/element/figcaption/index.html
index e40a044136..1a0cf18319 100644
--- a/files/pt-pt/web/html/elemento/figcaption/index.html
+++ b/files/pt-pt/web/html/element/figcaption/index.html
@@ -1,7 +1,8 @@
 ---
 title: figcaption
-slug: Web/HTML/Elemento/figcaption
+slug: Web/HTML/Element/figcaption
 translation_of: Web/HTML/Element/figcaption
+original_slug: Web/HTML/Elemento/figcaption
 ---
 <h2 id="Introdução">Introdução</h2>
 
diff --git a/files/pt-pt/web/html/element/figure/index.html b/files/pt-pt/web/html/element/figure/index.html
new file mode 100644
index 0000000000..263f403afb
--- /dev/null
+++ b/files/pt-pt/web/html/element/figure/index.html
@@ -0,0 +1,57 @@
+---
+title: figure
+slug: Web/HTML/Element/figure
+translation_of: Web/HTML/Element/figure
+original_slug: HTMLToDelete/Element/figure
+---
+<p>O elemento de figura HTML (<span style="font-family: Courier New;">&lt;figure&gt;</span>) representa uma tag de conteúdo próprio, frequentemente com legenda. Geralmente referenciada idendependente do fluxo principal do documento, podendo assim ser movido atravéz do fluxo principal sem afeta-lo.</p>
+
+<div class="note">
+<p><em>Notas de Uso: </em></p>
+
+<ul>
+ <li>Iniciando uma seção raiz o escopo do conteúdo do elemento <span style="font-family: Courier New;">&lt;figure&gt;</span> é excluído do escopo principal do documento.</li>
+ <li>Uma legenda pode ser associada com o elemento &lt;figure&gt; inserindo um elemento {{ HTMLElement("figcaption") }} dentro dele (podendo ser primeiro ou ultimo nó filho).</li>
+</ul>
+</div>
+
+<h3 id="Contexto_de_Uso">Contexto de Uso</h3>
+
+<table class="standard-table" style="height: 117px; width: 1125px;">
+ <tbody>
+  <tr>
+   <th>Tipo</th>
+   <th><a href="/en/Sections_and_Outlines_of_an_HTML5_document#sectioning_root" title="en/Sections and Outlines of an HTML5 document#sectioning root">Seccionando orig</a></th>
+  </tr>
+  <tr>
+   <td>Contexto Permitido</td>
+   <td>Um elemento {{ HTMLElement("figcaption") }}, seguido pelo fluxo do conteúdo; ou o fluxo do conteúdo seguido pelo elemento {{ HTMLElement("figcaption") }}</td>
+  </tr>
+  <tr>
+   <td>Omissão de Tag</td>
+   <td><span id="result_box" lang="pt"><span class="hps" title="Clique para mostrar traduções alternativas">Nenhum</span><span title="Clique para mostrar traduções alternativas">,</span> <span class="hps" title="Clique para mostrar traduções alternativas">ambos</span> <span class="hps" title="Clique para mostrar traduções alternativas">marca</span>m <span class="hps" title="Clique para mostrar traduções alternativas">o início</span> <span class="hps" title="Clique para mostrar traduções alternativas">e o</span> <span class="hps" title="Clique para mostrar traduções alternativas">fim</span> <span class="hps" title="Clique para mostrar traduções alternativas">da tag</span> <span class="hps" title="Clique para mostrar traduções alternativas">são</span> <span class="hps" title="Clique para mostrar traduções alternativas">obrigatórios</span></span></td>
+  </tr>
+  <tr>
+   <td>Elementos Permitidos de Origem</td>
+   <td><span class="short_text" id="result_box" lang="pt"><span class="hps" title="Clique para mostrar traduções alternativas">Qualquer</span> <span class="hps" title="Clique para mostrar traduções alternativas">elemento</span> <span class="hps" title="Clique para mostrar traduções alternativas">que</span> <span class="hps" title="Clique para mostrar traduções alternativas">aceita</span> <span class="hps" title="Clique para mostrar traduções alternativas">elementos de</span> <span class="hps" title="Clique para mostrar traduções alternativas">fluxo</span><span title="Clique para mostrar traduções alternativas">.</span></span></td>
+  </tr>
+  <tr>
+   <td>Documento Normativo</td>
+   <td><a class="external" href="http://www.whatwg.org/specs/web-apps/current-work/multipage/text-level-semantics.html#the-mark-element" rel="external nofollow" title="http://www.whatwg.org/specs/web-apps/current-work/multipage/text-level-semantics.html#the-mark-element">HTML5, section 4.5.11</a></td>
+  </tr>
+ </tbody>
+</table>
+
+<h3 id="Atributos">Atributos</h3>
+
+<p>Esse elemento não tem outros atributos além dos <a class="new " href="../../../../en/HTML/global_attributes" rel="internal">atributos globais</a>, comuns para todos elementos.</p>
+
+<h3 class="editable" id="DOM_Interface">DOM Interface</h3>
+
+<p>Esse elemento implementa a interface <code><a href="/en/DOM/element" title="en/DOM/element">HTMLElement</a></code>.</p>
+
+<h3 id="Veja_também">Veja também</h3>
+
+<ul>
+ <li>O elemento {{ HTMLElement("figcaption") }}.</li>
+</ul>
diff --git a/files/pt-pt/web/html/elemento/head/index.html b/files/pt-pt/web/html/element/head/index.html
index 8285b2f2af..852cc803a1 100644
--- a/files/pt-pt/web/html/elemento/head/index.html
+++ b/files/pt-pt/web/html/element/head/index.html
@@ -1,13 +1,14 @@
 ---
 title: '<head> : O elemento dos metadados (Cabeçalho) do documento'
-slug: Web/HTML/Elemento/head
+slug: Web/HTML/Element/head
 tags:
   - Elemento
   - HTML
-  - 'HTML:Metadata content'
+  - HTML:Metadata content
   - Referencia
   - Web
 translation_of: Web/HTML/Element/head
+original_slug: Web/HTML/Elemento/head
 ---
 <div>{{HTMLRef}}</div>
 
diff --git a/files/pt-pt/web/html/elemento/index.html b/files/pt-pt/web/html/element/index.html
index c47907bce9..fc993d2315 100644
--- a/files/pt-pt/web/html/elemento/index.html
+++ b/files/pt-pt/web/html/element/index.html
@@ -1,14 +1,15 @@
 ---
 title: Referência dos elementos HTML
-slug: Web/HTML/Elemento
+slug: Web/HTML/Element
 tags:
   - Elemento
   - HTML
-  - 'I10n:priority'
+  - I10n:priority
   - Referencia
   - Web
   - básico
 translation_of: Web/HTML/Element
+original_slug: Web/HTML/Elemento
 ---
 <div>{{HTMLSidebar("Elements")}}</div>
 
diff --git a/files/pt-pt/web/html/elemento/nav/index.html b/files/pt-pt/web/html/element/nav/index.html
index 3dfc714e23..a17cc914b9 100644
--- a/files/pt-pt/web/html/elemento/nav/index.html
+++ b/files/pt-pt/web/html/element/nav/index.html
@@ -1,7 +1,8 @@
 ---
 title: <nav>
-slug: Web/HTML/Elemento/nav
+slug: Web/HTML/Element/nav
 translation_of: Web/HTML/Element/nav
+original_slug: Web/HTML/Elemento/nav
 ---
 <div>{{HTMLRef}}</div>
 
diff --git a/files/pt-pt/web/html/elemento/progress/index.html b/files/pt-pt/web/html/element/progress/index.html
index 0b99ea2873..5efef8ff83 100644
--- a/files/pt-pt/web/html/elemento/progress/index.html
+++ b/files/pt-pt/web/html/element/progress/index.html
@@ -1,7 +1,8 @@
 ---
 title: progress
-slug: Web/HTML/Elemento/progress
+slug: Web/HTML/Element/progress
 translation_of: Web/HTML/Element/progress
+original_slug: Web/HTML/Elemento/progress
 ---
 <h2 id="Resumo">Resumo</h2>
 
diff --git a/files/pt-pt/web/html/elemento/video/index.html b/files/pt-pt/web/html/element/video/index.html
index 4870c14e23..3b67dddc5a 100644
--- a/files/pt-pt/web/html/elemento/video/index.html
+++ b/files/pt-pt/web/html/element/video/index.html
@@ -1,7 +1,8 @@
 ---
 title: Video
-slug: Web/HTML/Elemento/Video
+slug: Web/HTML/Element/video
 translation_of: Web/HTML/Element/video
+original_slug: Web/HTML/Elemento/Video
 ---
 <p>{{ gecko_minversion_header("1.9.1") }}</p>
 <p>O elemento <code>video</code> é usado para inserir conteúdo de vídeo em um documento HTML ou XHTML. O elemento <code>video</code> foi adicionado como parte do HTML 5.</p>
diff --git a/files/pt-pt/web/html/atributos_globais/index.html b/files/pt-pt/web/html/global_attributes/index.html
index 2b4a86e833..3fc8adfbc8 100644
--- a/files/pt-pt/web/html/atributos_globais/index.html
+++ b/files/pt-pt/web/html/global_attributes/index.html
@@ -1,6 +1,6 @@
 ---
 title: Atributos globais
-slug: Web/HTML/Atributos_globais
+slug: Web/HTML/Global_attributes
 tags:
   - HTML
   - Precisa Compatibilidade Navegador
@@ -8,6 +8,7 @@ tags:
   - Web
   - atributo
 translation_of: Web/HTML/Global_attributes
+original_slug: Web/HTML/Atributos_globais
 ---
 <div>{{HTMLSidebar("Global_attributes")}}</div>
 
diff --git a/files/pt-pt/web/html/html5/forms_no_html5/index.html b/files/pt-pt/web/html/html5/forms_no_html5/index.html
deleted file mode 100644
index 93a5bfb4f8..0000000000
--- a/files/pt-pt/web/html/html5/forms_no_html5/index.html
+++ /dev/null
@@ -1,72 +0,0 @@
----
-title: Forms no HTML5
-slug: Web/HTML/HTML5/Forms_no_HTML5
-translation_of: Learn/HTML/Forms/HTML5_updates
----
-<p>{{ gecko_minversion_header("2") }}</p>
-<p>Elementos e atributos de formulários no HTML5 fornecem um grau maior de marcação semântica do que o HTML4  e removem em grande parte a necessidade tediosa de estilos e scripts requerida no HTML4. Os recursos de formulários no HTML5 fornecem uma melhor experiência para os usuários, tornando os formulários mais consistentes através de diferentes web sites e dando retorno imediato ao usuário sobre a entrada de dados. Eles também fornecem esta experiência aos usuários que deixam os scripts desativados no navegador.</p>
-<p>Este tópico descreve itens novos ou alterados que são suportados pelo Gecko/Firefox.</p>
-<h3 id="O_elemento_&lt;input>">O elemento <code>&lt;input&gt;</code></h3>
-<p>O elemento <code>{{ HTMLElement("input") }}</code> tem novos valores para o atributo {{ htmlattrxref("type", "input") }}.</p>
-<ul>
- <li><span style="font-family: Courier New;">search</span>: O elemento representa um campo de entrada de busca. Quebras de linhas são automaticamente removidas do valor de entrada, mas nenhuma outra sintaxe é aplicada.</li>
- <li><span style="font-family: Courier New;">tel</span>: O elemento representa um controle para a edição de um número de telefone. Quebras de linhas são automaticamente removidas do valor de entrada, mas nenhuma outra sintaxe é aplicada, pois números de telefone podem variar bastante internacionalmente. Você pode usar atributos como {{ htmlattrxref("pattern", "input") }} e {{ htmlattrxref("maxlength", "input") }} para restringir valores digitados no controle.</li>
- <li><span style="font-family: Courier New;">url</span>: O elemento representa um controle para a edição de <a class="external" href="http://en.wikipedia.org/URL" title="http://en.wikipedia.org/URL">URL</a>. Quebras de linha e espaços, à direita e à esquerda, são automaticamente removidos do valor de entrada.</li>
- <li>
-  <p><span style="font-family: Courier New;">email</span>: O elemento representa um endereço de e-mail. Quebras de linhas são automaticamente removidas do valor de entrada. Um endereço de e-mail inválido pode ser configurado, mas o campo de entrada somente será satisfeito se contiver um endereço de e-mail que satisfaça a produção ABNF <span style="font-family: Courier New;"><code><code title="">1*( atext / "." ) "@" ldh-str 1*( "." ldh-str )</code></code></span> na qual <code title="">atext</code> está definido na RFC 5322 section 3.2.3, e <code title="">ldh-str</code> está definido na RFC 1034 section 3.5.</p>
-  <div class="note">
-   Nota: se o atributo {{ htmlattrxref("multiple", "input") }} é configurado, podem ser digitados múltiplos endereços de e-mail neste campo {{ HTMLElement("input") }}, como uma lista separada por espaços, mas atualmente isto não está implementado no Firefox.</div>
- </li>
-</ul>
-<p>O elemento {{ HTMLElement("input") }} também tem novos atributos:</p>
-<ul>
- <li>{{ htmlattrxref("list", "input") }}: O ID de um elemento {{ HTMLElement("datalist") }} cujos conteúdos, elementos {{ HTMLElement("option") }}, podem ser usados como dicas e são exibidos como propostas na área de sugestões do campo de entrada.</li>
- <li>{{ htmlattrxref("pattern", "input") }}: Uma expressão regular contra a qual o valor do elemento é checado, a qual deve ser usada com os valores <code>text</code>, <code>tel</code>, <code>search</code>, <code>url</code>, e <code>email </code>de {{ htmlattrxref("type", "input") }}.</li>
- <li>{{ htmlattrxref("formmethod", "input") }}: Uma string indicando qual método HTTP (GET ou POST) deve ser usado na submissão; isto substitui o {{ htmlattrxref("method", "form") }} do elemento {{ HTMLElement("form") }}, se definido. O {{ htmlattrxref("formmethod", "input") }} se aplica somente quando {{ htmlattrxref("type", "input") }} é <span style="font-family: Courier New;">image</span> ou <span style="font-family: Courier New;">submit</span>.</li>
- <li>{{ htmlattrxref("x-moz-errormessage", "input") }}: Uma string que é exibida como uma mensagem de erro quando a validação do campo falha. Esta é uma extenção da Mozilla, e não é um padrão.</li>
-</ul>
-<h3 id="O_elemento_&lt;form>">O elemento <code>&lt;form&gt;</code></h3>
-<p>O elemento {{ HTMLElement("form") }} tem um novo atributo:</p>
-<ul>
- <li>{{ htmlattrxref("novalidate", "form") }}: Este atributo previne o formulário de ser validado antes de sua submissão.</li>
-</ul>
-<h3 id="O_elemento_&lt;datalist>">O elemento <code>&lt;datalist&gt;</code></h3>
-<p>O elemento {{ HTMLElement("datalist") }} representa a lista de elementos {{ HTMLElement("option") }} para sugerir quando preencher um campo {{ HTMLElement("input") }}.</p>
-<p>Você pode usar o atributo {{ htmlattrxref("list", "input") }} em um elemento {{ HTMLElement("input") }} para ligar um campo de entrada com um elemento {{ HTMLElement("datalist") }} específico.</p>
-<h3 id="O_elemento_&lt;output>">O elemento <code>&lt;output&gt;</code></h3>
-<p>O elemento <code>{{ HTMLElement("output") }}</code> representa o resultado de um cálculo.</p>
-<p>Você pode usar o atributo {{ htmlattrxref("for", "output") }} para especificar uma relação entre o elemento de saída e outros elementos no documento, afetados pelo resultado (por exemplo, como entradas ou parâmetros). O valor do atributo {{ htmlattrxref("for", "output") }} é uma lista de ID de outros elementos separada por espaços.</p>
-<h3 id="O_atributo_de_espaço_reservado">O atributo de espaço reservado</h3>
-<p>O atributo {{ htmlattrxref("placeholder", "input") }} nos elementos <code>{{ HTMLElement("input") }}</code> e <code>{{ HTMLElement("textarea") }}</code> fornece uma dica ao usuário do que deve ser digitado no campo. O espaço reservado de texto não deve conter novas linhas ou alimentação de linhas.</p>
-<h3 id="O_atributo_de_autofoco">O atributo de autofoco</h3>
-<p>O atributo <strong>autofocus</strong> permite especificar que um controle de formulário deve ter foco nas entradas quando a página carrega, a menos que o usuário sobreponha-se a isto, por exemplo digitando em um controle diferente. Somente um item do formulário pode ter o atributo <strong>autofocus</strong>, que é um Booleano. Este atributo pode ser aplicado aos elementos<code> {{ HTMLElement("input") }}</code>, <code>{{ HTMLElement("button") }}</code>, <code>{{ HTMLElement("select") }}</code>, e <code>{{ HTMLElement("textarea") }}</code>. A exceção é que o <strong>autofocus</strong> não pode ser aplicado em um elemento <code>&lt;input&gt;</code> se o atributo {{ htmlattrxref("type", "input") }} é configurado como <code>hidden</code> (isto é, você não pode configurar automaticamente o foco em um controle escondido).</p>
-<h3 id="A_propriedade_label.control_do_DOM">A propriedade label.control do DOM</h3>
-<p>A interface DOM <a href="/en/DOM/HTMLLabelElement" title="en/DOM/HTMLLabelElement">HTMLLabelElement</a> fornece uma propriedade extra, adicionalmente às propriedades que correspondem aos atributos do elemento <code>{{ HTMLElement("label") }}</code> do HTML. A propriedade <strong>control</strong> retorna um controle rotulado, isto é, o controle para este rótulo, o qual é determinado pelo atributo {{ htmlattrxref("for", "label") }} (se estiver definido) ou pelo primeiro elemento de controle descendente.</p>
-<h3 id="Validação_de_restrições">Validação de restrições</h3>
-<p>O HTML5 fornece itens de API e sintaxe para suportar a validação de formulários do lado do cliente. Enquanto esta funcionalidade não substitui a validação do lado do servidor, a qual ainda é necessária para a segurança e integridade dos dados, a validação do lado do cliente pode suportar uma melhor experiência ao usuário, dando ao usuário um retorno imediato sobre os dados digitados.</p>
-<h4 id="Sintaxe_HTML_para_validação_de_restrições">Sintaxe HTML para validação de restrições</h4>
-<p>Os seguintes itens da sintaxe do HTML5 podem ser usados para especificar restrições em dados de formulários.</p>
-<ul>
- <li>O atributo {{ htmlattrxref("required", "input") }} no elementos {{ HTMLElement("input") }}, {{ HTMLElement("select") }} e {{ HTMLElement("textarea") }} indica que um valor deve ser fornecido. (No elemento {{ HTMLElement("input") }}, {{ htmlattrxref("required", "input") }} aplica-se somente em conjunto com certos valores do atributo {{ htmlattrxref("type", "input") }}.)</li>
- <li>O atributo {{ htmlattrxref("pattern", "input") }} no elemento {{ HTMLElement("input") }} obriga o valor a combinar com uma expressão regular específica.</li>
- <li>Os atributos {{ htmlattrxref("min", "input") }} e {{ htmlattrxref("max", "input") }} do elemento {{ HTMLElement("input") }} limitam os valores mínimo e máximo que podem ser digitados.</li>
- <li>O atributo {{ htmlattrxref("step", "input") }} do elemento {{ HTMLElement("input") }} (quando usado combinadamente com os atributos {{ htmlattrxref("min", "input") }} e {{ htmlattrxref("max", "input") }}) define a granularidade de valores que podem ser entrados. Um valor que não corresponda a um valor permitido não será validado.</li>
- <li>O atributo {{ htmlattrxref("maxlength", "input") }} dos elementos {{ HTMLElement("input") }} e {{ HTMLElement("textarea") }} limita o número máximo de caracteres (em pontos de código Unicode) que o usuário pode entrar.</li>
- <li>Os valores <code>url</code> e <code>email</code> para {{ htmlattrxref("type", "input") }} obrigam o valor a ser uma URL ou um endereço de e-mail válido, respectivamente.</li>
-</ul>
-<p>Adicionalmente, pode-se evitar a validação obrigatória especificando-se o atributo {{ htmlattrxref("novalidate", "form") }} no elemento {{ HTMLElement("form") }}, ou o atributo {{ htmlattrxref("formnovalidate", "button") }} no elemento {{ HTMLElement("button") }} e no elemento {{ HTMLElement("input") }} (quando {{ htmlattrxref("type", "input") }} é <code>submit</code> ou <code>image</code>). Estes atributos indicam que o formulário não será validado quando submetido.</p>
-<h4 id="API_de_validação_de_restrições">API de validação de restrições</h4>
-<p>As seguintes propriedades e métodos do DOM relacionados à validação de restrições estão disponíveis nos scripts do lado do cliente:</p>
-<ul>
- <li>Em objetos <a href="/en/DOM/HTMLFormElement" title="en/DOM/HTMLFormElement">HTMLFormElement</a>, o método <code>checkValidity()</code> retorna verdadeiro se todos os elementos do formulário com elementos associados com validação obrigatória são satisfeitos, e falso, caso contrário.</li>
- <li>Em <a href="/en/HTML/Content_categories#form-associated" title="en/HTML/Content Categories#form-associated">elementos associados a formulários</a> (en):
-  <ul>
-   <li>A propriedade <code>willValidate</code>, a qual é falsa se o elemento possuir obrigatoriedades não satisfeitas.</li>
-   <li>A propriedade <code>validity</code>, a qual é um objeto de <a href="/en/DOM/ValidityState_Interface" title="en/DOM/ValidityState Interface">ValidityState</a>, que representa o estado de validação em que o elemento se encontra (isto é, falha ou sucesso nas condições obrigatórias).</li>
-   <li>A propriedade <code>validationMessage</code>, a qual é uma mensagem descrevendo qualquer valha de obrigatoriedade pertinente ao elemento.</li>
-   <li>O método <code>checkValidity()</code>, o qual retorna falso se o elemento falha em satisfazer qualquer das suas obrigatoriedades, ou verdadeiro, caso contrário.</li>
-   <li>O método <code>setCustomValidity()</code>, o qual define uma mensagem customizada de validação, permitindo às obrigações serem impostas e validadas além das já pré-definidas.</li>
-  </ul>
- </li>
-</ul>
-<p>{{ HTML5ArticleTOC() }}</p>
diff --git a/files/pt-pt/web/html/tipos_de_hiperligacao/index.html b/files/pt-pt/web/html/link_types/index.html
index 4f4f0cc17b..a91d1c85a0 100644
--- a/files/pt-pt/web/html/tipos_de_hiperligacao/index.html
+++ b/files/pt-pt/web/html/link_types/index.html
@@ -1,12 +1,13 @@
 ---
 title: Tipos de hiperligação
-slug: Web/HTML/Tipos_de_hiperligacao
+slug: Web/HTML/Link_types
 tags:
   - HTML
   - Hiperligação
   - Referencia
   - Tipos de hiperligação
 translation_of: Web/HTML/Link_types
+original_slug: Web/HTML/Tipos_de_hiperligacao
 ---
 <div>{{HTMLSidebar}}</div>
 
diff --git a/files/pt-pt/web/html/referencia/index.html b/files/pt-pt/web/html/reference/index.html
index e2f5085a81..4c7d3ed2af 100644
--- a/files/pt-pt/web/html/referencia/index.html
+++ b/files/pt-pt/web/html/reference/index.html
@@ -1,12 +1,13 @@
 ---
 title: Referência HTML
-slug: Web/HTML/Referencia
+slug: Web/HTML/Reference
 tags:
   - HTML
   - Landing
   - Referencia
   - Web
 translation_of: Web/HTML/Reference
+original_slug: Web/HTML/Referencia
 ---
 <div>{{HTMLSidebar}}</div>
 
diff --git a/files/pt-pt/web/html/utilizar_a_cache_de_aplicacao/index.html b/files/pt-pt/web/html/using_the_application_cache/index.html
index bd21f03e21..d57bd276b8 100644
--- a/files/pt-pt/web/html/utilizar_a_cache_de_aplicacao/index.html
+++ b/files/pt-pt/web/html/using_the_application_cache/index.html
@@ -1,6 +1,6 @@
 ---
 title: Utilizar a cache de aplicação
-slug: Web/HTML/Utilizar_a_cache_de_aplicacao
+slug: Web/HTML/Using_the_application_cache
 tags:
   - Aplicação
   - App
@@ -13,6 +13,7 @@ tags:
   - cache da web
   - web cache
 translation_of: Web/HTML/Using_the_application_cache
+original_slug: Web/HTML/Utilizar_a_cache_de_aplicacao
 ---
 <div>{{DefaultAPISidebar("App Cache")}}{{SecureContext_Header}}{{Deprecated_Header}}
 <div class="blockIndicator warning">
diff --git a/files/pt-pt/web/javascript/estruturas_de_dados/index.html b/files/pt-pt/web/javascript/data_structures/index.html
index 8b8578229b..bdefa55efe 100644
--- a/files/pt-pt/web/javascript/estruturas_de_dados/index.html
+++ b/files/pt-pt/web/javascript/data_structures/index.html
@@ -1,11 +1,12 @@
 ---
 title: Tipos de dados de JavaScript e estruturas de dados
-slug: Web/JavaScript/Estruturas_de_dados
+slug: Web/JavaScript/Data_structures
 tags:
   - JavaScript
   - Principiante
   - Tipos
 translation_of: Web/JavaScript/Data_structures
+original_slug: Web/JavaScript/Estruturas_de_dados
 ---
 <div>{{jsSidebar("More")}}</div>
 
diff --git a/files/pt-pt/web/javascript/guia/expressoes_e_operadores/index.html b/files/pt-pt/web/javascript/guia/expressoes_e_operadores/index.html
deleted file mode 100644
index d0c815aac5..0000000000
--- a/files/pt-pt/web/javascript/guia/expressoes_e_operadores/index.html
+++ /dev/null
@@ -1,832 +0,0 @@
----
-title: Expressoes e Operadores
-slug: Web/JavaScript/Guia/Expressoes_e_Operadores
----
-<div>{{jsSidebar("JavaScript Guide")}} {{PreviousNext("Web/JavaScript/Guide/Functions", "Web/JavaScript/Guide/Numbers_and_dates")}}</div>
-<p><span id="result_box" lang="pt"><span class="hps">Este capítulo descreve</span> <span class="hps">expressões e operadores JavaScript</span><span>, incluindo </span></span>atribuição<span id="result_box" lang="pt"><span>, comparação,</span> <span class="hps">aritmética,</span> <span class="hps">bit a bit</span><span>, lógico, string</span><span>, e</span> <span class="hps">operadores especiais.</span></span></p>
-
-<h2 id="Expressões">Expressões</h2>
-
-<p>Uma <em>expressão</em> é qualquer unidade de código válida que resolve um valor.</p>
-
-<p><span id="result_box" lang="pt"><span class="alt-edited hps">Conceitualmente</span><span>, há dois</span> <span class="hps">tipos de expressões</span><span>: aqueles</span> <span class="hps">que</span> <span class="hps">atribui um valor</span> <span class="hps">para</span> <span class="hps">uma variável, e</span> <span class="hps">aqueles</span> <span class="hps">que</span> <span class="hps">simplesmente tem</span> <span class="hps">um valor.</span> <span class="hps">Por exemplo,</span> <span class="hps">a expressão</span> <code><span class="hps">x = 7</span></code> <span class="hps">é uma expressão que</span> <span class="hps">atribui</span> a x <span class="hps">o valor </span><span class="hps">sete.</span> <span class="hps">Esta expressão</span> <span class="hps">avalia</span><span>-se</span> <span class="hps">a sete.</span> <span class="hps">Tais expressões</span> <span class="alt-edited hps">usam <em>operadores de atribuição</em></span><span>.</span> <span class="hps">Por outro lado</span><span>, a expressão de</span> <code><span class="hps">3 + 4</span></code> <span class="hps">simplesmente avalia</span> <span class="hps">a sete</span><span>; ele</span> <span class="hps">não realiza</span> <span class="hps">uma atribuição.</span> <span class="hps">Os</span> <span class="hps">operadores usados</span> <span class="hps">​​em tais expressões</span> <span class="hps">são referidos</span> <span class="hps">simplesmente como</span> <span class="hps"><em>operadores</em>.</span></span></p>
-
-<p><span class="short_text" id="result_box" lang="pt"><span class="hps">JavaScript</span> <span class="hps">tem os seguintes tipos</span> <span class="hps">de expressões:</span></span></p>
-
-<ul>
- <li><span id="result_box" lang="pt"><span class="hps">Aritmética:</span> <span class="hps">resulta em um número</span><span>, por exemplo</span> <span class="hps">3,14159.</span></span> (Generally uses {{ web.link("#Arithmetic_operators", "arithmetic operators") }}.)</li>
- <li><span id="result_box" lang="pt"><span class="hps">String:</span> <span class="hps">avalia</span> <span class="hps">em</span> <span class="hps">uma cadeia de caracteres</span><span>, por exemplo,</span> <span class="hps">"Fred</span><span>" ou</span> <span class="hps">"234"</span></span>. (Generally uses {{ web.link("#String_operators", "string operators") }}.)</li>
- <li>Logical: resulta em verdadeira (true em inglês) ou falsa (false em inglês). (Often involves {{ web.link("#Logical_operators", "logical operators") }}.)</li>
- <li>Object: resulta como um objeto. (See {{ web.link("#Special_operators", "special operators") }} for various ones that evaluate to objects.)</li>
-</ul>
-
-<h2 id="Operadores">Operadores</h2>
-
-<p><span id="result_box" lang="pt"><span class="hps">JavaScript</span> <span class="hps">tem os seguintes tipos</span> <span class="hps">de operadores.</span> <span class="hps">Esta seção</span> <span class="hps">descreve os operadores</span> <span class="hps">e contém informações sobre</span> <span class="hps">a precedência do operador</span><span>.</span></span></p>
-
-<ul>
- <li>{{ web.link("#Assignment_operators", "Assignment operators") }}</li>
- <li>{{ web.link("#Comparison_operators", "Comparison operators") }}</li>
- <li>{{ web.link("#Arithmetic_operators", "Arithmetic operators") }}</li>
- <li>{{ web.link("#Bitwise_operators", "Bitwise operators") }}</li>
- <li>{{ web.link("#Logical_operators", "Logical operators") }}</li>
- <li>{{ web.link("#String_operators", "String operators") }}</li>
- <li>{{ web.link("#Special_operators", "Special operators") }}</li>
-</ul>
-
-<p>JavaScript has both <em>binary</em> and <em>unary</em> operators, and one special ternary operator, the conditional operator. A binary operator requires two operands, one before the operator and one after the operator:</p>
-
-<pre><em>operand1</em> <em>operator</em> <em>operand2</em>
-</pre>
-
-<p>For example, <code>3+4</code> or <code>x*y</code>.</p>
-
-<p>A unary operator requires a single operand, either before or after the operator:</p>
-
-<pre><em>operator</em> <em>operand</em>
-</pre>
-
-<p>or</p>
-
-<pre><em>operand</em> <em>operator</em>
-</pre>
-
-<p>For example, <code>x++</code> or <code>++x</code>.</p>
-
-<h3 id="Assignment_operators">Assignment operators</h3>
-
-<p>An assignment operator assigns a value to its left operand based on the value of its right operand. The basic assignment operator is equal (=), which assigns the value of its right operand to its left operand. That is, x = y assigns the value of y to x.</p>
-
-<p>The other assignment operators are shorthand for standard operations, as shown in the following table.</p>
-
-<table class="standard-table">
- <caption>Table 3.1 Assignment operators</caption>
- <thead>
-  <tr>
-   <th scope="col">Shorthand operator</th>
-   <th scope="col">Meaning</th>
-  </tr>
- </thead>
- <tbody>
-  <tr>
-   <td><code>x += y</code></td>
-   <td><code>x = x + y</code></td>
-  </tr>
-  <tr>
-   <td><code>x -= y</code></td>
-   <td><code>x = x - y</code></td>
-  </tr>
-  <tr>
-   <td><code>x *= y</code></td>
-   <td><code>x = x * y</code></td>
-  </tr>
-  <tr>
-   <td><code>x /= y</code></td>
-   <td><code>x = x / y</code></td>
-  </tr>
-  <tr>
-   <td><code>x %= y</code></td>
-   <td><code>x = x % y</code></td>
-  </tr>
-  <tr>
-   <td><code>x &lt;&lt;= y</code></td>
-   <td><code>x = x &lt;&lt; y</code></td>
-  </tr>
-  <tr>
-   <td><code>x &gt;&gt;= y</code></td>
-   <td><code>x = x &gt;&gt; y</code></td>
-  </tr>
-  <tr>
-   <td><code>x &gt;&gt;&gt;= y</code></td>
-   <td><code>x = x &gt;&gt;&gt; y</code></td>
-  </tr>
-  <tr>
-   <td><code>x &amp;= y</code></td>
-   <td><code>x = x &amp; y</code></td>
-  </tr>
-  <tr>
-   <td><code>x ^= y</code></td>
-   <td><code>x = x ^ y</code></td>
-  </tr>
-  <tr>
-   <td><code>x |= y</code></td>
-   <td><code>x = x | y</code></td>
-  </tr>
- </tbody>
-</table>
-
-<h3 id="Comparison_operators">Comparison operators</h3>
-
-<p><span class="comment">This seems to me kind of poorly explained, mostly the difference betwen "==" and "==="...</span> A comparison operator compares its operands and returns a logical value based on whether the comparison is true. The operands can be numerical, string, logical, or object values. Strings are compared based on standard lexicographical ordering, using Unicode values. In most cases, if the two operands are not of the same type, JavaScript attempts to convert the operands to an appropriate type for the comparison. (The sole exceptions to this rule are <code>===</code> and <code>!==</code>, which perform "strict" equality and inequality and which do not attempt to convert the operands to compatible types before checking equality.) This generally results in a numerical comparison being performed. The following table describes the comparison operators, assuming the following code:</p>
-
-<pre class="brush: js">var var1 = 3, var2 = 4;
-</pre>
-
-<table class="standard-table">
- <caption>Table 3.2 Comparison operators</caption>
- <thead>
-  <tr>
-   <th scope="col">Operator</th>
-   <th scope="col">Description</th>
-   <th scope="col">Examples returning true</th>
-  </tr>
- </thead>
- <tbody>
-  <tr>
-   <td>Equal (<code>==</code>)</td>
-   <td>Returns true if the operands are equal.</td>
-   <td><code>3 == var1</code>
-    <p><code>"3" == var1</code></p>
-    <code>3 == '3'</code></td>
-  </tr>
-  <tr>
-   <td>Not equal (<code>!=</code>)</td>
-   <td>Returns true if the operands are not equal.</td>
-   <td><code>var1 != 4<br>
-    var2 != "3"</code></td>
-  </tr>
-  <tr>
-   <td>Strict equal (<code>===</code>)</td>
-   <td>Returns true if the operands are equal and of the same type.</td>
-   <td><code>3 === var1</code></td>
-  </tr>
-  <tr>
-   <td>Strict not equal (<code>!==</code>)</td>
-   <td>Returns true if the operands are not equal and/or not of the same type.</td>
-   <td><code>var1 !== "3"<br>
-    3 !== '3'</code></td>
-  </tr>
-  <tr>
-   <td>Greater than (<code>&gt;</code>)</td>
-   <td>Returns true if the left operand is greater than the right operand.</td>
-   <td><code>var2 &gt; var1<br>
-    "12" &gt; 2</code></td>
-  </tr>
-  <tr>
-   <td>Greater than or equal (<code>&gt;=</code>)</td>
-   <td>Returns true if the left operand is greater than or equal to the right operand.</td>
-   <td><code>var2 &gt;= var1<br>
-    var1 &gt;= 3</code></td>
-  </tr>
-  <tr>
-   <td>Less than (<code>&lt;</code>)</td>
-   <td>Returns true if the left operand is less than the right operand.</td>
-   <td><code>var1 &lt; var2<br>
-    "12" &lt; "2"</code></td>
-  </tr>
-  <tr>
-   <td>Less than or equal (<code>&lt;=</code>)</td>
-   <td>Returns true if the left operand is less than or equal to the right operand.</td>
-   <td><code>var1 &lt;= var2<br>
-    var2 &lt;= 5</code></td>
-  </tr>
- </tbody>
-</table>
-
-<h3 id="Arithmetic_operators">Arithmetic operators</h3>
-
-<p>Arithmetic operators take numerical values (either literals or variables) as their operands and return a single numerical value. The standard arithmetic operators are addition (+), subtraction (-), multiplication (*), and division (/). These operators work as they do in most other programming languages when used with floating point numbers (in particular, note that division by zero produces <a href="/en-US/docs/JavaScript/Reference/Global_Objects/NaN" title="en-US/docs/JavaScript/Reference/Global_Properties/NaN"><code>NaN</code></a>). For example:</p>
-
-<pre class="brush: js">console.log(1 / 2); /* prints 0.5 */
-console.log(1 / 2 == 1.0 / 2.0); /* also this is true */
-</pre>
-
-<p>In addition, JavaScript provides the arithmetic operators listed in the following table.</p>
-
-<table class="fullwidth-table">
- <caption>Table 3.3 Arithmetic operators</caption>
- <thead>
-  <tr>
-   <th scope="col">Operator</th>
-   <th scope="col">Description</th>
-   <th scope="col">Example</th>
-  </tr>
- </thead>
- <tbody>
-  <tr>
-   <td><code>%</code><br>
-    (Modulus)</td>
-   <td>Binary operator. Returns the integer remainder of dividing the two operands.</td>
-   <td>12 % 5 returns 2.</td>
-  </tr>
-  <tr>
-   <td><code>++</code><br>
-    (Increment)</td>
-   <td>Unary operator. Adds one to its operand. If used as a prefix operator (<code>++x</code>), returns the value of its operand after adding one; if used as a postfix operator (<code>x++</code>), returns the value of its operand before adding one.</td>
-   <td>If <code>x</code> is 3, then <code>++x</code> sets <code>x</code> to 4 and returns 4, whereas <code>x++</code> returns 3 and, only then, sets <code>x</code> to 4.</td>
-  </tr>
-  <tr>
-   <td><code>--</code><br>
-    (Decrement)</td>
-   <td>Unary operator. Subtracts one from its operand. The return value is analogous to that for the increment operator.</td>
-   <td>If <code>x</code> is 3, then <code>--x</code> sets <code>x</code> to 2 and returns 2, whereas <code>x--</code> returns 3 and, only then, sets <code>x</code> to 2.</td>
-  </tr>
-  <tr>
-   <td><code>-</code><br>
-    (Unary negation)</td>
-   <td>Unary operator. Returns the negation of its operand.</td>
-   <td>If <code>x</code> is 3, then <code>-x</code> returns -3.</td>
-  </tr>
- </tbody>
-</table>
-
-<h3 id="Bitwise_operators">Bitwise operators</h3>
-
-<p>Bitwise operators treat their operands as a set of 32 bits (zeros and ones), rather than as decimal, hexadecimal, or octal numbers. For example, the decimal number nine has a binary representation of 1001. Bitwise operators perform their operations on such binary representations, but they return standard JavaScript numerical values.</p>
-
-<p>The following table summarizes JavaScript's bitwise operators.</p>
-
-<table class="standard-table">
- <caption>Table 3.4 Bitwise operators</caption>
- <thead>
-  <tr>
-   <th scope="col">Operator</th>
-   <th scope="col">Usage</th>
-   <th scope="col">Description</th>
-  </tr>
- </thead>
- <tbody>
-  <tr>
-   <td>Bitwise AND</td>
-   <td><code>a &amp; b</code></td>
-   <td>Returns a one in each bit position for which the corresponding bits of both operands are ones.</td>
-  </tr>
-  <tr>
-   <td>Bitwise OR</td>
-   <td><code>a | b</code></td>
-   <td>Returns a one in each bit position for which the corresponding bits of either or both operands are ones.</td>
-  </tr>
-  <tr>
-   <td>Bitwise XOR</td>
-   <td><code>a ^ b</code></td>
-   <td>Returns a one in each bit position for which the corresponding bits of either but not both operands are ones.</td>
-  </tr>
-  <tr>
-   <td>Bitwise NOT</td>
-   <td><code>~ a</code></td>
-   <td>Inverts the bits of its operand.</td>
-  </tr>
-  <tr>
-   <td>Left shift</td>
-   <td><code>a &lt;&lt; b</code></td>
-   <td>Shifts <code>a</code> in binary representation <code>b</code> bits to the left, shifting in zeros from the right.</td>
-  </tr>
-  <tr>
-   <td>Sign-propagating right shift</td>
-   <td><code>a &gt;&gt; b</code></td>
-   <td>Shifts <code>a</code> in binary representation <code>b</code> bits to the right, discarding bits shifted off.</td>
-  </tr>
-  <tr>
-   <td>Zero-fill right shift</td>
-   <td><code>a &gt;&gt;&gt; b</code></td>
-   <td>Shifts <code>a</code> in binary representation <code>b</code> bits to the right, discarding bits shifted off, and shifting in zeros from the left.</td>
-  </tr>
- </tbody>
-</table>
-
-<h4 id="Bitwise_Logical_Operators" name="Bitwise_Logical_Operators">Bitwise logical operators</h4>
-
-<p>Conceptually, the bitwise logical operators work as follows:</p>
-
-<ul>
- <li>The operands are converted to thirty-two-bit integers and expressed by a series of bits (zeros and ones).</li>
- <li>Each bit in the first operand is paired with the corresponding bit in the second operand: first bit to first bit, second bit to second bit, and so on.</li>
- <li>The operator is applied to each pair of bits, and the result is constructed bitwise.</li>
-</ul>
-
-<p>For example, the binary representation of nine is 1001, and the binary representation of fifteen is 1111. So, when the bitwise operators are applied to these values, the results are as follows:</p>
-
-<table class="standard-table">
- <caption>Table 3.5 Bitwise operator examples</caption>
- <thead>
-  <tr>
-   <th scope="col">Expression</th>
-   <th scope="col">Result</th>
-   <th scope="col">Binary Description</th>
-  </tr>
- </thead>
- <tbody>
-  <tr>
-   <td><code>15 &amp; 9</code></td>
-   <td><code>9</code></td>
-   <td><code>1111 &amp; 1001 = 1001</code></td>
-  </tr>
-  <tr>
-   <td><code>15 | 9</code></td>
-   <td><code>15</code></td>
-   <td><code>1111 | 1001 = 1111</code></td>
-  </tr>
-  <tr>
-   <td><code>15 ^ 9</code></td>
-   <td><code>6</code></td>
-   <td><code>1111 ^ 1001 = 0110</code></td>
-  </tr>
-  <tr>
-   <td><code>~15</code></td>
-   <td><code>0</code></td>
-   <td><code>~1111 = 0000</code></td>
-  </tr>
-  <tr>
-   <td><code>~9</code></td>
-   <td><code>6</code></td>
-   <td><code>~1001 = 0110</code></td>
-  </tr>
- </tbody>
-</table>
-
-<p> </p>
-
-<h4 id="Bitwise_Shift_Operators" name="Bitwise_Shift_Operators">Bitwise shift operators</h4>
-
-<p>The bitwise shift operators take two operands: the first is a quantity to be shifted, and the second specifies the number of bit positions by which the first operand is to be shifted. The direction of the shift operation is controlled by the operator used.</p>
-
-<p>Shift operators convert their operands to thirty-two-bit integers and return a result of the same type as the left operand.</p>
-
-<p>The shift operators are listed in the following table.</p>
-
-<table class="fullwidth-table">
- <caption>Table 3.6 Bitwise shift operators</caption>
- <thead>
-  <tr>
-   <th scope="col">Operator</th>
-   <th scope="col">Description</th>
-   <th scope="col">Example</th>
-  </tr>
- </thead>
- <tbody>
-  <tr>
-   <td><code>&lt;&lt;</code><br>
-    (Left shift)</td>
-   <td>This operator shifts the first operand the specified number of bits to the left. Excess bits shifted off to the left are discarded. Zero bits are shifted in from the right.</td>
-   <td><code>9&lt;&lt;2</code> yields 36, because 1001 shifted 2 bits to the left becomes 100100, which is 36.</td>
-  </tr>
-  <tr>
-   <td><code>&gt;&gt;</code><br>
-    (Sign-propagating right shift)</td>
-   <td>This operator shifts the first operand the specified number of bits to the right. Excess bits shifted off to the right are discarded. Copies of the leftmost bit are shifted in from the left.</td>
-   <td><code>9&gt;&gt;2</code> yields 2, because 1001 shifted 2 bits to the right becomes 10, which is 2. Likewise, <code>-9&gt;&gt;2</code> yields -3, because the sign is preserved.</td>
-  </tr>
-  <tr>
-   <td><code>&gt;&gt;&gt;</code><br>
-    (Zero-fill right shift)</td>
-   <td>This operator shifts the first operand the specified number of bits to the right. Excess bits shifted off to the right are discarded. Zero bits are shifted in from the left.</td>
-   <td><code>19&gt;&gt;&gt;2</code> yields 4, because 10011 shifted 2 bits to the right becomes 100, which is 4. For non-negative numbers, zero-fill right shift and sign-propagating right shift yield the same result.</td>
-  </tr>
- </tbody>
-</table>
-
-<h3 id="Logical_operators">Logical operators</h3>
-
-<p>Logical operators are typically used with Boolean (logical) values; when they are, they return a Boolean value. However, the &amp;&amp; and || operators actually return the value of one of the specified operands, so if these operators are used with non-Boolean values, they may return a non-Boolean value. The logical operators are described in the following table.</p>
-
-<table class="fullwidth-table">
- <caption>Table 3.6 Logical operators</caption>
- <thead>
-  <tr>
-   <th scope="col">Operator</th>
-   <th scope="col">Usage</th>
-   <th scope="col">Description</th>
-  </tr>
- </thead>
- <tbody>
-  <tr>
-   <td><code>&amp;&amp;</code></td>
-   <td><code>expr1 &amp;&amp; expr2</code></td>
-   <td>(Logical AND) Returns <code>expr1</code> if it can be converted to false; otherwise, returns <code>expr2</code>. Thus, when used with Boolean values, <code>&amp;&amp;</code> returns true if both operands are true; otherwise, returns false.</td>
-  </tr>
-  <tr>
-   <td><code>||</code></td>
-   <td><code>expr1 || expr2</code></td>
-   <td>(Logical OR) Returns <code>expr1</code> if it can be converted to true; otherwise, returns <code>expr2</code>. Thus, when used with Boolean values, <code>||</code> returns true if either operand is true; if both are false, returns false.</td>
-  </tr>
-  <tr>
-   <td><code>!</code></td>
-   <td><code>!expr</code></td>
-   <td>(Logical NOT) Returns false if its single operand can be converted to true; otherwise, returns true.</td>
-  </tr>
- </tbody>
-</table>
-
-<p>Examples of expressions that can be converted to false are those that evaluate to null, 0, the empty string (""), or undefined.</p>
-
-<p>The following code shows examples of the &amp;&amp; (logical AND) operator.</p>
-
-<pre class="brush: js">var a1 =  true &amp;&amp; true;     // t &amp;&amp; t returns true
-var a2 =  true &amp;&amp; false;    // t &amp;&amp; f returns false
-var a3 = false &amp;&amp; true;     // f &amp;&amp; t returns false
-var a4 = false &amp;&amp; (3 == 4); // f &amp;&amp; f returns false
-var a5 = "Cat" &amp;&amp; "Dog";    // t &amp;&amp; t returns Dog
-var a6 = false &amp;&amp; "Cat";    // f &amp;&amp; t returns false
-var a7 = "Cat" &amp;&amp; false;    // t &amp;&amp; f returns false
-</pre>
-
-<p>The following code shows examples of the || (logical OR) operator.</p>
-
-<pre class="brush: js">var o1 =  true || true;     // t || t returns true
-var o2 = false || true;     // f || t returns true
-var o3 =  true || false;    // t || f returns true
-var o4 = false || (3 == 4); // f || f returns false
-var o5 = "Cat" || "Dog";    // t || t returns Cat
-var o6 = false || "Cat";    // f || t returns Cat
-var o7 = "Cat" || false;    // t || f returns Cat
-</pre>
-
-<p>The following code shows examples of the ! (logical NOT) operator.</p>
-
-<pre class="brush: js">var n1 = !true;  // !t returns false
-var n2 = !false; // !f returns true
-var n3 = !"Cat"; // !t returns false
-</pre>
-
-<h4 id="Short-Circuit_Evaluation" name="Short-Circuit_Evaluation">Short-circuit evaluation</h4>
-
-<p>As logical expressions are evaluated left to right, they are tested for possible "short-circuit" evaluation using the following rules:</p>
-
-<ul>
- <li><code>false</code> &amp;&amp; <em>anything</em> is short-circuit evaluated to false.</li>
- <li><code>true</code> || <em>anything</em> is short-circuit evaluated to true.</li>
-</ul>
-
-<p>The rules of logic guarantee that these evaluations are always correct. Note that the <em>anything</em> part of the above expressions is not evaluated, so any side effects of doing so do not take effect.</p>
-
-<h3 id="String_operators">String operators</h3>
-
-<p>In addition to the comparison operators, which can be used on string values, the concatenation operator (+) concatenates two string values together, returning another string that is the union of the two operand strings. For example, <code>"my " + "string"</code> returns the string <code>"my string"</code>.</p>
-
-<p>The shorthand assignment operator += can also be used to concatenate strings. For example, if the variable <code>mystring</code> has the value "alpha", then the expression <code>mystring += "bet"</code> evaluates to "alphabet" and assigns this value to <code>mystring</code>.</p>
-
-<h3 id="Special_operators">Special operators</h3>
-
-<p>JavaScript provides the following special operators:</p>
-
-<ul>
- <li>{{ web.link("#Conditional_operator", "Conditional operator") }}</li>
- <li>{{ web.link("#Comma_operator", "Comma operator") }}</li>
- <li><code>{{ web.link("#delete", "delete") }}</code></li>
- <li><code>{{ web.link("#in", "in") }}</code></li>
- <li><code>{{ web.link("#instanceof", "instanceof") }}</code></li>
- <li><code>{{ web.link("#new", "new") }}</code></li>
- <li><code>{{ web.link("#this", "this") }}</code></li>
- <li><code>{{ web.link("#typeof", "typeof") }}</code></li>
- <li><code>{{ web.link("#void", "void") }}</code></li>
-</ul>
-
-<h4 id="conditional_operator" name="conditional_operator">Conditional operator</h4>
-
-<p>The conditional operator is the only JavaScript operator that takes three operands. The operator can have one of two values based on a condition. The syntax is:</p>
-
-<pre><em>condition</em> ? <em>val1</em> : <em>val2</em>
-</pre>
-
-<p>If <code>condition</code> is true, the operator has the value of <code>val1</code>. Otherwise it has the value of <code>val2</code>. You can use the conditional operator anywhere you would use a standard operator.</p>
-
-<p>For example,</p>
-
-<pre class="brush: js">var status = (age &gt;= 18) ? "adult" : "minor";
-</pre>
-
-<p>This statement assigns the value "adult" to the variable <code>status</code> if <code>age</code> is eighteen or more. Otherwise, it assigns the value "minor" to <code>status</code>.</p>
-
-<h4 id="comma_operator" name="comma_operator">Comma operator</h4>
-
-<p>The comma operator (<code>,</code>) simply evaluates both of its operands and returns the value of the second operand. This operator is primarily used inside a <code>for</code> loop, to allow multiple variables to be updated each time through the loop.</p>
-
-<p>For example, if <code>a</code> is a 2-dimensional array with 10 elements on a side, the following code uses the comma operator to increment two variables at once. The code prints the values of the diagonal elements in the array:</p>
-
-<pre class="brush: js">for (var i = 0, j = 9; i &lt;= 9; i++, j--)
-  document.writeln("a[" + i + "][" + j + "]= " + a[i][j]);
-</pre>
-
-<h4 id="delete" name="delete"><code>delete</code></h4>
-
-<p>The <code>delete</code> operator deletes an object, an object's property, or an element at a specified index in an array. The syntax is:</p>
-
-<pre class="brush: js">delete objectName;
-delete objectName.property;
-delete objectName[index];
-delete property; // legal only within a with statement
-</pre>
-
-<p>where <code>objectName</code> is the name of an object, <code>property</code> is an existing property, and <code>index</code> is an integer representing the location of an element in an array.</p>
-
-<p>The fourth form is legal only within a <code>with</code> statement, to delete a property from an object.</p>
-
-<p>You can use the <code>delete</code> operator to delete variables declared implicitly but not those declared with the <code>var</code> statement.</p>
-
-<p>If the <code>delete</code> operator succeeds, it sets the property or element to <code>undefined</code>. The <code>delete</code> operator returns true if the operation is possible; it returns false if the operation is not possible.</p>
-
-<pre class="brush: js">x = 42;
-var y = 43;
-myobj = new Number();
-myobj.h = 4;    // create property h
-delete x;       // returns true (can delete if declared implicitly)
-delete y;       // returns false (cannot delete if declared with var)
-delete Math.PI; // returns false (cannot delete predefined properties)
-delete myobj.h; // returns true (can delete user-defined properties)
-delete myobj;   // returns true (can delete if declared implicitly)
-</pre>
-
-<h5 id="Deleting_array_elements">Deleting array elements</h5>
-
-<p>When you delete an array element, the array length is not affected. For example, if you delete <code>a[3]</code>, <code>a[4]</code> is still <code>a[4]</code> and <code>a[3]</code> is undefined.</p>
-
-<p>When the <code>delete</code> operator removes an array element, that element is no longer in the array. In the following example, <code>trees[3]</code> is removed with <code>delete</code>. However, <code>trees[3]</code> is still addressable and returns <code>undefined</code>.</p>
-
-<pre class="brush: js">var trees = new Array("redwood", "bay", "cedar", "oak", "maple");
-delete trees[3];
-if (3 in trees) {
-  // this does not get executed
-}
-</pre>
-
-<p>If you want an array element to exist but have an undefined value, use the <code>undefined</code> keyword instead of the <code>delete</code> operator. In the following example, <code>trees[3]</code> is assigned the value <code>undefined</code>, but the array element still exists:</p>
-
-<pre class="brush: js">var trees = new Array("redwood", "bay", "cedar", "oak", "maple");
-trees[3] = undefined;
-if (3 in trees) {
-  // this gets executed
-}
-</pre>
-
-<h4 id="in" name="in"><code>in</code></h4>
-
-<p>The <code>in</code> operator returns true if the specified property is in the specified object. The syntax is:</p>
-
-<pre class="brush: js">propNameOrNumber in objectName
-</pre>
-
-<p>where <code>propNameOrNumber</code> is a string or numeric expression representing a property name or array index, and <code>objectName</code> is the name of an object.</p>
-
-<p>The following examples show some uses of the <code>in</code> operator.</p>
-
-<pre class="brush: js">// Arrays
-var trees = new Array("redwood", "bay", "cedar", "oak", "maple");
-0 in trees;        // returns true
-3 in trees;        // returns true
-6 in trees;        // returns false
-"bay" in trees;    // returns false (you must specify the index number,
-                   // not the value at that index)
-"length" in trees; // returns true (length is an Array property)
-
-// Predefined objects
-"PI" in Math;          // returns true
-var myString = new String("coral");
-"length" in myString;  // returns true
-
-// Custom objects
-var mycar = {make: "Honda", model: "Accord", year: 1998};
-"make" in mycar;  // returns true
-"model" in mycar; // returns true
-</pre>
-
-<h4 id="instanceof" name="instanceof"><code>instanceof</code></h4>
-
-<p>The <code>instanceof</code> operator returns true if the specified object is of the specified object type. The syntax is:</p>
-
-<pre class="brush: js">objectName instanceof objectType
-</pre>
-
-<p>where <code>objectName</code> is the name of the object to compare to <code>objectType</code>, and <code>objectType</code> is an object type, such as <code>Date</code> or <code>Array</code>.</p>
-
-<p>Use <code>instanceof</code> when you need to confirm the type of an object at runtime. For example, when catching exceptions, you can branch to different exception-handling code depending on the type of exception thrown.</p>
-
-<p>For example, the following code uses <code>instanceof</code> to determine whether <code>theDay</code> is a <code>Date</code> object. Because <code>theDay</code> is a <code>Date</code> object, the statements in the <code>if</code> statement execute.</p>
-
-<pre class="brush: js">var theDay = new Date(1995, 12, 17);
-if (theDay instanceof Date) {
-  // statements to execute
-}
-</pre>
-
-<h4 id="new" name="new"><code>new</code></h4>
-
-<p>You can use the <code>new</code> operator to create an instance of a user-defined object type or of one of the predefined object types <code>Array</code>, <code>Boolean</code>, <code>Date</code>, <code>Function</code>, <code>Image</code>, <code>Number</code>, <code>Object</code>, <code>Option</code>, <code>RegExp</code>, or <code>String</code>. On the server, you can also use it with <code>DbPool</code>, <code>Lock</code>, <code>File</code>, or <code>SendMail</code>. Use <code>new</code> as follows:</p>
-
-<pre class="brush: js">var objectName = new objectType([param1, param2, ..., paramN]);
-</pre>
-
-<p>You can also create objects using object initializers, as described in {{ web.link("Working_with_objects#Using_object_initializers", "using object initializers") }}.</p>
-
-<p>See the <a href="/en-US/docs/JavaScript/Reference/Operators/new" title="en-US/docs/JavaScript/Reference/Operators/Special_Operators/new_Operator"><code>new</code> operator</a> page in the Core JavaScript Reference for more information.</p>
-
-<h4 id="this" name="this"><code>this</code></h4>
-
-<p>Use the <code>this</code> keyword to refer to the current object. In general, <code>this</code> refers to the calling object in a method. Use <code>this</code> as follows:</p>
-
-<pre class="brush: js">this["propertyName"]
-</pre>
-
-<pre class="brush: js">this.propertyName
-</pre>
-
-<p><strong>Example 1.</strong><br>
- Suppose a function called <code>validate</code> validates an object's <code>value</code> property, given the object and the high and low values:</p>
-
-<pre class="brush: js">function validate(obj, lowval, hival){
-  if ((obj.value &lt; lowval) || (obj.value &gt; hival))
-    alert("Invalid Value!");
-}
-</pre>
-
-<p>You could call <code>validate</code> in each form element's <code>onChange</code> event handler, using <code>this</code> to pass it the form element, as in the following example:</p>
-
-<pre class="brush: html">&lt;B&gt;Enter a number between 18 and 99:&lt;/B&gt;
-&lt;INPUT TYPE="text" NAME="age" SIZE=3
-   onChange="validate(this, 18, 99);"&gt;
-</pre>
-
-<p><strong>Example 2.</strong><br>
- When combined with the <code>form</code> property, <code>this</code> can refer to the current object's parent form. In the following example, the form <code>myForm</code> contains a <code>Text</code> object and a button. When the user clicks the button, the value of the <code>Text</code> object is set to the form's name. The button's <code>onClick</code> event handler uses <code>this.form</code> to refer to the parent form, <code>myForm</code>.</p>
-
-<pre class="brush: html">&lt;FORM NAME="myForm"&gt;
-Form name:&lt;INPUT TYPE="text" NAME="text1" VALUE="Beluga"&gt;
-&lt;P&gt;
-&lt;INPUT NAME="button1" TYPE="button" VALUE="Show Form Name"
-   onClick="this.form.text1.value = this.form.name;"&gt;
-&lt;/FORM&gt;
-</pre>
-
-<h4 id="typeof" name="typeof"><code>typeof</code></h4>
-
-<p>The <code>typeof</code> operator is used in either of the following ways:</p>
-
-<ol>
- <li>
-  <pre class="brush: js">typeof operand
-</pre>
- </li>
- <li>
-  <pre class="brush: js">typeof (operand)
-</pre>
- </li>
-</ol>
-
-<p>The <code>typeof</code> operator returns a string indicating the type of the unevaluated operand. <code>operand</code> is the string, variable, keyword, or object for which the type is to be returned. The parentheses are optional.</p>
-
-<p>Suppose you define the following variables:</p>
-
-<pre class="brush: js">var myFun = new Function("5 + 2");
-var shape = "round";
-var size = 1;
-var today = new Date();
-</pre>
-
-<p>The <code>typeof</code> operator returns the following results for these variables:</p>
-
-<pre class="brush: js">typeof myFun;     // returns "function"
-typeof shape;     // returns "string"
-typeof size;      // returns "number"
-typeof today;     // returns "object"
-typeof dontExist; // returns "undefined"
-</pre>
-
-<p>For the keywords <code>true</code> and <code>null</code>, the <code>typeof</code> operator returns the following results:</p>
-
-<pre class="brush: js">typeof true; // returns "boolean"
-typeof null; // returns "object"
-</pre>
-
-<p>For a number or string, the <code>typeof</code> operator returns the following results:</p>
-
-<pre class="brush: js">typeof 62;            // returns "number"
-typeof 'Hello world'; // returns "string"
-</pre>
-
-<p>For property values, the <code>typeof</code> operator returns the type of value the property contains:</p>
-
-<pre class="brush: js">typeof document.lastModified; // returns "string"
-typeof window.length;         // returns "number"
-typeof Math.LN2;              // returns "number"
-</pre>
-
-<p>For methods and functions, the <code>typeof</code> operator returns results as follows:</p>
-
-<pre class="brush: js">typeof blur;        // returns "function"
-typeof eval;        // returns "function"
-typeof parseInt;    // returns "function"
-typeof shape.split; // returns "function"
-</pre>
-
-<p>For predefined objects, the <code>typeof</code> operator returns results as follows:</p>
-
-<pre class="brush: js">typeof Date;     // returns "function"
-typeof Function; // returns "function"
-typeof Math;     // returns "object"
-typeof Option;   // returns "function"
-typeof String;   // returns "function"
-</pre>
-
-<h4 id="void" name="void"><code>void</code></h4>
-
-<p>The <code>void</code> operator is used in either of the following ways:</p>
-
-<ol>
- <li>
-  <pre class="brush: js">void (expression)
-</pre>
- </li>
- <li>
-  <pre class="brush: js">void expression
-</pre>
- </li>
-</ol>
-
-<p>The <code>void</code> operator specifies an expression to be evaluated without returning a value. <code>expression</code> is a JavaScript expression to evaluate. The parentheses surrounding the expression are optional, but it is good style to use them.</p>
-
-<p>You can use the <code>void</code> operator to specify an expression as a hypertext link. The expression is evaluated but is not loaded in place of the current document.</p>
-
-<p>The following code creates a hypertext link that does nothing when the user clicks it. When the user clicks the link, <code>void(0)</code> evaluates to undefined, which has no effect in JavaScript.</p>
-
-<pre class="brush: html">&lt;A HREF="javascript:void(0)"&gt;Click here to do nothing&lt;/A&gt;
-</pre>
-
-<p>The following code creates a hypertext link that submits a form when the user clicks it.</p>
-
-<pre class="brush: html">&lt;A HREF="javascript:void(document.form.submit())"&gt;
-Click here to submit&lt;/A&gt;</pre>
-
-<h3 id="Operator_precedence">Operator precedence</h3>
-
-<p>The <em>precedence</em> of operators determines the order they are applied when evaluating an expression. You can override operator precedence by using parentheses.</p>
-
-<p>The following table describes the precedence of operators, from highest to lowest.</p>
-
-<p><small><em>In accordance with <a href="/en-US/docs/Talk:JavaScript/Guide/Obsolete_Pages/Operators#Precedence_Tablerators#Precedence_Table" title="Talk:JavaScript/Guide/Obsolete_Pages/Operators#Precedence_Table">relevant discussion</a>, this table was reversed to list operators in <strong>decreasing</strong> order of priority.</em></small></p>
-
-<table class="standard-table">
- <caption>Table 3.7 Operator precedence</caption>
- <thead>
-  <tr>
-   <th scope="col">Operator type</th>
-   <th scope="col">Individual operators</th>
-  </tr>
- </thead>
- <tbody>
-  <tr>
-   <td>member</td>
-   <td><code>. []</code></td>
-  </tr>
-  <tr>
-   <td>call / create instance</td>
-   <td><code>() new</code></td>
-  </tr>
-  <tr>
-   <td>negation/increment</td>
-   <td><code>! ~ - + ++ -- typeof void delete</code></td>
-  </tr>
-  <tr>
-   <td>multiply/divide</td>
-   <td><code>* / %</code></td>
-  </tr>
-  <tr>
-   <td>addition/subtraction</td>
-   <td><code>+ -</code></td>
-  </tr>
-  <tr>
-   <td>bitwise shift</td>
-   <td><code>&lt;&lt; &gt;&gt; &gt;&gt;&gt;</code></td>
-  </tr>
-  <tr>
-   <td>relational</td>
-   <td><code>&lt; &lt;= &gt; &gt;= in instanceof</code></td>
-  </tr>
-  <tr>
-   <td>equality</td>
-   <td><code>== != === !==</code></td>
-  </tr>
-  <tr>
-   <td>bitwise-and</td>
-   <td><code>&amp;</code></td>
-  </tr>
-  <tr>
-   <td>bitwise-xor</td>
-   <td><code>^</code></td>
-  </tr>
-  <tr>
-   <td>bitwise-or</td>
-   <td><code>|</code></td>
-  </tr>
-  <tr>
-   <td>logical-and</td>
-   <td><code>&amp;&amp;</code></td>
-  </tr>
-  <tr>
-   <td>logical-or</td>
-   <td><code>||</code></td>
-  </tr>
-  <tr>
-   <td>conditional</td>
-   <td><code>?:</code></td>
-  </tr>
-  <tr>
-   <td>assignment</td>
-   <td><code>= += -= *= /= %= &lt;&lt;= &gt;&gt;= &gt;&gt;&gt;= &amp;= ^= |=</code></td>
-  </tr>
-  <tr>
-   <td>comma</td>
-   <td><code>,</code></td>
-  </tr>
- </tbody>
-</table>
-
-<p>A more detailed version of this table, complete with links to additional details about each operator, may be found in <a href="/en-US/docs/JavaScript/Reference/Operators/Operator_Precedence#Table" title="en-US/docs/JavaScript/Reference/Operators/Operator_Precedence#Table">JavaScript Reference</a>.</p>
diff --git a/files/pt-pt/web/javascript/guia/introdução_ao_javascript/index.html b/files/pt-pt/web/javascript/guia/introdução_ao_javascript/index.html
deleted file mode 100644
index 549ecbe331..0000000000
--- a/files/pt-pt/web/javascript/guia/introdução_ao_javascript/index.html
+++ /dev/null
@@ -1,47 +0,0 @@
----
-title: Introdução ao JavaScript
-slug: Web/JavaScript/Guia/Introdução_ao_JavaScript
----
-<p>Este capítulo introduz o JavaScript e discute alguns de seus conceitos fundamentais.</p>
-<h3 id="What_is_JavaScript.3F" name="What_is_JavaScript.3F">O que é o JavaScript?</h3>
-<p>O JavaScript é uma linguagem de script multiplataforma, orientada a objetos. O JavaScript é uma linguagem pequena e leve; não é útil como uma linguagem de uso isolado, mas é projetada para fácil integração em outros produtos e aplicações, tais como navegadores web. Dentro de um ambiente de hospedagem, o JavaScript pode ser conectado aos objetos de seu ambiente para proporcionar um controle programático sobre elas.</p>
-<p>O núcleo do JavaScript contém um  núcleo de objetos, como <code>Array</code>, <code>Date</code>, e <code>Math</code>, e um núcleo de elementos de linguagem como operadores, estruturas de controle, e declarações. O núcleo do JavaScript pode ser extendido para uma variedade de propósitos complementando-o com objetos adicionais; por exemplo:</p>
-<ul> <li><em>O lado do cliente no JavaScript</em> extende o núcleo da linguagem fornecendo objetos para controlar um navegador (Navigator ou outro navegador web) e seu Document Object Model (DOM). Por exemplo, extensões para o lado do cliente permitem a uma aplicação colocar elementos em um formulário HTML e responder a eventos de usuários como cliques de mouse, entrada de dados e navegação na página.</li> <li><em>O lado do servidor no JavaScript</em> extende o núcleo da linguagem fornecendo objetos relevantes à execução de JavaScript no servidor. Por exemplo, extensões do lado do servidor permitem a uma aplicação comunicar-se com um banco de dados relacional, proporcionar continuidade de informação de uma invocação da aplicação para outra, ou executar manipulações de arquivos em um servidor.</li>
-</ul>
-<p>Através da funcionalidade JavaScript's LiveConnect, pode-se permitir que códigos em Java e em JavaScript comuniquem-se. É possível instanciar objetos Java e acessar seus métodos e campos públicos a partir do JavaScript. A partir do Java, por sua vez, pode-se acessar objetos, propriedades e métodos do JavaScript.</p>
-<p>O Netscape inventou o JavaScript e o JavaScript foi inicialmente usado em navegadores Netscape.</p>
-<h3 id="JavaScript_and_Java" name="JavaScript_and_Java">JavaScript e Java</h3>
-<p>O JavaScript e o Java são similares em algumas coisas, mas fundamentalmente diferentes em outras. A linguagem JavaScript assemelha-se ao Java, mas não possui a checagem de tipos forte e digitação estática do Java. O JavaScript suport a maioria das sintaxes de expressões em Java e um construtor básico de controles de fluxo.</p>
-<p>Em contraste com o sistema em tempo de compilação do Java, de classes construídas por declarações, o JavaScript suporta um sistema de tempo de execução baseado em um pequeno número de tipos de dados representando números, booleanos, e valores de strings. O JavaScript possui um modelo de objetos baseado em protótipos, ao invés do mais comum, modelo de objetos baseado em classes. O modelo baseado em protótipos provê a herança dinâmica; isto é, o que é herdado pode variar para objetos individuais. O JavaScript também suporta funções sem requisições especiais de declaração. Funções podem ser propriedades de objetos, executando métodos fracamente tipados.</p>
-<p>O JavaScript é uma linguagem com forma bastante livre comparada ao Java. Você não precisa declarar todas as variáveis, classes e métodos. Você não precisa se preocupar se os métodos são públicos, privados ou protegidos, e você não precisa implementar interfaces. Tipos de variáveis, parâmetros e retornos de funções não são explicitados.</p>
-<p>O Java é uma linguagem de programação baseada em classes e projetava para rápida execução e tipagem segura. Tipagem segura significa, por exemplo, que você não pode converter um inteiro do Java para uma referência de um objeto ou acessar a memória privada, corrompendo bytecodes do Java. O modelo baseado em classes do Java significa que o programa consiste exclusivamente de classes e seus métodos. A herança das classes no Java e a tipagem forte, geralmente requerem objetos com hierarquias firmemente acopladas. Estes requisitos fazem do Java uma linguagem de programação mais complexa que a autoria do JavaScript.</p>
-<p>Em contraste, o JavaScript descende em espírito de uma linha menor, linguagens tipadas dinamicamente, tais como HyperTalk e dBASE. Estas linguagens de stript oferecem ferramentas de programação para um público muito maior, devido a simplicidade de sua sintaxe, funcionalidades especializadas integradas e requisitos mínimos para criação de objetos.</p>
-<table class="standard-table"> <caption>Tabela 1.1 JavaScript em comparação ao Java</caption> <thead> <tr> <th scope="col">JavaScript</th> <th scope="col">Java</th> </tr> </thead> <tbody> <tr> <td>Orientação a objetos. Sem distinção entre tipos de objetos. A herança ocorre através do mecanismo de protótipos e os métodos e propriedades podem ser adicionados a qualquer objeto dinamicamente.</td> <td>Baseada em classes. Objetos são divididos em classes e instâncias com toda a herança através da hierarquia da classe. Classes e instâncias não podem ter métodos e propriedades adicionados dinamicamente.</td> </tr> <tr> <td>Tipos de dados variáveis não são declarados (tipagem dinâmica).</td> <td>Tipos de dados variáveis precisam ser declarados (tipagem estática).</td> </tr> <tr> <td>Não pode escrever automaticamente no disco rígido.</td> <td>Não pode escrever automaticamente no disco rígido.</td> </tr> </tbody>
-</table>
-<p>Para mais informações sobre as diferenças entre o JavaScript e o Java, veja o capítulo <a href="/en/JavaScript/Guide/Details_of_the_Object_Model" title="en/JavaScript/Guide/Details of the Object Model">Details of the Object Model</a>.</p><h3 id="JavaScript_and_the_ECMAScript_Specification" name="JavaScript_and_the_ECMAScript_Specification">JavaScript e a especificação ECMAScript</h3>
-<p>O Netscape inventou o JavaScript e o JavaScript foi primeiramente usado nos navegadores Netscape. Entretanto, a Netscape está trabalhando com a <a class="external" href="http://www.ecma-international.org/">Ecma International</a> — a associação européia para padronizão de informação e sistemas de comunicação (formalmente conhecida como ECMA - European Computer Manufacturers Association, em português: Associação de Fabricantes de Computadores Europeus) — para entregar uma linguagem de programação internacional padronizada, baseada no JavaScript. Esta versão padronizada do JavaScript, chamada de ECMAScript, comporta-se da mesma maneira em todas as aplicações que suportem o padrão. Empresas podem usar a linguagem padrão aberta para desenvolver sua implementação do JavaScript. O ECMAScript padrão é documentado na especificação ECMA-262.</p>
-<p>O padrão ECMA-262 é também aprovado pela <a class="external" href="http://www.iso.ch/">ISO</a> (International Organization for Standardization, em português: Organização Internacional para Padronização) como ISO-16262. Você pode encontrar uma <a class="external" href="http://www.mozilla.org/js/language/E262-3.pdf">versão PDF do ECMA-262</a> (en) no site da Mozilla. Você pode também encontrar a especificação em <a class="external" href="http://www.ecma-international.org/publications/standards/Ecma-262.htm">the Ecma International website</a> (en). A especificação do ECMAScript não descreve o Document Object Model (DOM), o qual é padronizado pelo <a class="external" href="http://www.w3.org/">World Wide Web Consortium (W3C)</a>. O DOM define a maneira com a qual os objetos do documento HTML são expostos ao seu script.</p>
-<h4 id="Relationship_between_JavaScript_Versions_and_ECMAScript_Editions" name="Relationship_between_JavaScript_Versions_and_ECMAScript_Editions">Relação entre as versões do JavaScript e as edições do ECMAScript</h4>
-<p>O Netscape trabalhou próximo a Ecma International para produzir a Especificação ECMAScript (ECMA-262). A tabela seguinte descreve a relação entre as versões do JavaScript e as edições do ECMAScript.</p>
-<table class="standard-table"> <caption>Tabela 1.2 Versões do JavaScript e edições do ECMAScript</caption> <thead> <tr> <th scope="row">Versão do JavaScript</th> <th scope="col">Relação com a edição do ECMAScript</th> </tr> </thead> <tbody> <tr> <td>JavaScript 1.1</td> <td>O ECMA-262, Edição 1 é baseado no JavaScript 1.1.</td> </tr> <tr> <td>JavaScript 1.2</td> <td>O ECMA-262 não estava completo quando o JavaScript 1.2 foi lançado. O JavaScript 1.2 não é totalmente compatível com o ECMA-262, Edição 1, pelas seguintes razões: <ul> <li>O Netscape desenvolveu características adicionais no JavaScript 1.2 que não foram consideradas no ECMA-262.</li> <li>O ECMA-262 adiciona duas novas características: internacionalização usando Unicode e comportamento uniforme em todas as plataformas. Muitas características do JavaScript 1.2, tais com o objeto <code>Date</code>, eram dependentes de plataforma e usavam um comportamento específico da plataforma.</li> </ul> </td> </tr> <tr> <td> <p>JavaScript 1.3</p> </td> <td> <p>O JavaScript 1.3 é totalmente compatível com o ECMA-262, Edição 1.</p> <p>O JavaScript 1.3 corrigiu as inconsistências que o JavaScript 1.2 tinha com o ECMA-262, mantendo todas as características adicionais do JavaScript 1.2 com a exceção de  == e !=, os quais foram mudados conforme o ECMA-262.</p> </td> </tr> <tr> <td> <p>JavaScript 1.4</p> </td> <td> <p>O JavaScript 1.4 é totalmente comatível com o ECMA-262, Edição 1.</p> <p>A terceira versão da especificação ECMAScript não estava finalizada quando o JavaScript 1.4 foi lançado.</p> </td> </tr> <tr> <td>JavaScript 1.5</td> <td>O JavaScript 1.5 é totalmente compatível com o ECMA-262, Edição 3.</td> </tr> </tbody>
-</table>
-<div class="note"><strong>Nota</strong>: O ECMA-262, Edição 2 consistiu de mudanças editoriais pequenas e correções de bugs da especificação da Edição 1. O grupo de trabalho TC39 da Ecma International está atualmente trabalhando no ECMAScript Edição 4, o qual corresponderá a um lançamento futuro do JavaScript, o JavaScript 2.0.</div>
-<p>A <a href="/en/JavaScript/Reference" title="en/JavaScript/Reference">Referência de JavaScript</a> (en) indica quais características da linguagem estão em conformidade com o ECMAScript.</p>
-<p>O JavaScript sempre permite incluir características que não fazem parte da Especificação do ECMAScript; O JavaScript é compatível com o ECMASCript; mesmo provendo características adicionais.</p><h4 id="JavaScript_Documentation_versus_the_ECMAScript_Specification" name="JavaScript_Documentation_versus_the_ECMAScript_Specification">Documentação do JavaScript versus a especificação do ECMAScript</h4>
-<p>A especificação do ECMAScript é um conjunto de requisitos para a implementação do ECMAScript; ela é útil caso deseje-se determinar, se uma característica do JavaScript é suportada em outras implementações do ECMAScript. Caso planeje-se escrever código JavaScript usando somente características suportadas pelo ECMAScript, então é interessante checar a especificação ECMAScript.</p>
-<p>O documento ECMAScript não pretende ajudar programadores de scripts; para informações sobre escrita de scripts, deve-se usar a documentação do JavaScript.</p><h4 id="JavaScript_and_ECMAScript_Terminology" name="JavaScript_and_ECMAScript_Terminology">Terminologia do JavaScript e do ECMAScript</h4>
-<p>A especificação do ECMAScript utiliza a terminologia e sintaxe que pode ser desconhecida para um programador JavaScript. Embora a descrição da linguagem possa diferir, a linguagem em si, é a mesma. O JavaScript suporta todas as funcionalidades descritas na especificação ECMAScript.</p>
-<p>A documentação do JavaScript descreve aspectos da linguagem que são apropriados para um programador JavaScript. Por exemplo:</p>
-<ul> <li>O Objeto Global não é discutido na documentação do JavaScript porque ele não é usado diretamente. Os métodos e propriedades do Objeto Global, os quais são usados, são discutidos na documentação do JavaScript, mas são chamados de funções e propriedades de nível superior.</li> <li>O construtor sem parâmetros (zero argumentos) com os objetos <code>Number</code> e <code>String</code> não é discutido na documentação do JavaScript, pois o gerado é pouco usado. Um construtor de <code>Number</code> sem nenhum argumento, retorna +0, e um construtor de <code>String</code> sem argumentos, retorna "" (uma string vazia).</li>
-</ul>
-<pre class="script" style="font-size: 16px;">autoPreviousNext("JSGChapters");
-wiki.languages({
-  "en": "en/JavaScript/Guide/JavaScript_Overview",
-  "es": "es/Gu\u00eda_JavaScript_1.5/Concepto_de_JavaScript",
-  "fr": "fr/Guide_JavaScript_1.5/Aper\u00e7u_de_JavaScript",
-  "ja": "ja/Core_JavaScript_1.5_Guide/JavaScript_Overview",
-  "ko": "ko/Core_JavaScript_1.5_Guide/JavaScript_Overview",
-  "pl": "pl/Przewodnik_po_j\u0119zyku_JavaScript_1.5/Przegl\u0105d_JavaScriptu",
-  "zh-cn": "cn/Core_JavaScript_1.5_Guide/JavaScript\u603b\u89c8",
-  "zh-tw": "zh_tw/Core_JavaScript_1.5_教學/JavaScript_概要"
-});</pre>
diff --git a/files/pt-pt/web/javascript/guia/sobre/index.html b/files/pt-pt/web/javascript/guia/sobre/index.html
deleted file mode 100644
index 6957645a40..0000000000
--- a/files/pt-pt/web/javascript/guia/sobre/index.html
+++ /dev/null
@@ -1,166 +0,0 @@
----
-title: Sobre este guia
-slug: Web/JavaScript/Guia/Sobre
----
-<p>JavaScript é uma linguagem de scripts multiplataforma, baseada em objetos. Este guia explica tudo que é necessário saber sobre como utilizar o JavaScript.</p>
-
-<h2 id="Novas_caraterísticas_em_versões_do_JavaScript">Novas caraterísticas em versões do JavaScript</h2>
-
-<pre class="script" style="font-size: 16px;">/* Nota: Para adicionar um link na descrição de uma nova versão do JavaScript,
-adicione o número da variável versionList abaixo. A página ligada deve
-residir em /en/JavaScript/New_in_JavaScript/N, onde N é o número da versão. */
-
-var versionList = ["1.5", "1.6", "1.7", "1.8", "1.8.1", "1.8.5"];
-var s = "";
-&lt;ul&gt;
-  foreach (var i in versionList){
-    let s = "/en/JavaScript/New_in_JavaScript/" .. i;
-    &lt;li&gt;web.link(s, wiki.getPage(s).title)&lt;/li&gt;;
-  }
-&lt;/ul&gt;;</pre>
-
-<h2 id="O_que_já_é_necessário_saber">O que já é necessário saber</h2>
-
-<p>Este guia assume que já possui os seguintes conhecimentos como base:</p>
-
-<ul>
- <li>Um entendimento geral da Internet e da World Wide Web (WWW).</li>
- <li>Bom conhecimento de trabalho com HyperText Markup Language (<a href="/en/HTML" title="en/HTML">HTML</a>).</li>
-</ul>
-
-<p>Alguma experiência de programação com uma linguagem como C ou Visual Basic é útil, mas não necessária.</p>
-
-<h2 id="Versões_do_JavaScript">Versões do JavaScript</h2>
-
-<table class="standard-table">
- <caption>Tabela 1 Versões do JavaScript e do Navigator</caption>
- <thead>
-  <tr>
-   <th scope="col">versão JavaScript</th>
-   <th scope="col">versão Navigator</th>
-  </tr>
- </thead>
- <tbody>
-  <tr>
-   <td>JavaScript 1.0</td>
-   <td>Navigator 2.0</td>
-  </tr>
-  <tr>
-   <td>JavaScript 1.1</td>
-   <td>Navigator 3.0</td>
-  </tr>
-  <tr>
-   <td>JavaScript 1.2</td>
-   <td>Navigator 4.0-4.05</td>
-  </tr>
-  <tr>
-   <td>JavaScript 1.3</td>
-   <td>Navigator 4.06-4.7x</td>
-  </tr>
-  <tr>
-   <td>JavaScript 1.4</td>
-   <td> </td>
-  </tr>
-  <tr>
-   <td>JavaScript 1.5</td>
-   <td>Navigator 6.0<br>
-    Mozilla (navegador open source)</td>
-  </tr>
-  <tr>
-   <td>JavaScript 1.6</td>
-   <td><a href="/en/Firefox_1.5_for_developers" title="en/Firefox_1.5_for_developers">Firefox 1.5</a>, outros produtos baseados no Mozilla 1.8</td>
-  </tr>
-  <tr>
-   <td>JavaScript 1.7</td>
-   <td><a href="/en/Firefox_2_for_developers" title="en/Firefox_2_for_developers">Firefox 2</a>, outros produtos baseados no Mozilla 1.8.1</td>
-  </tr>
-  <tr>
-   <td>JavaScript 1.8</td>
-   <td><a href="/en/Firefox_3_for_developers" title="en/Firefox_3_for_developers">Firefox 3</a>, outros produtos baseados no Gecko 1.9</td>
-  </tr>
- </tbody>
-</table>
-
-<p>Cada versão do Netscape Enterprise Server também suporta diferentes versões do JavaScript. Para ajudar na escrita de scripts compatíveis com múltiplas versões do Enterprise Server, este manual usa uma abreviação para indicar a versão do servidor na qual cada característica foi implementada.</p>
-
-<table class="standard-table">
- <caption>Tabela 2 Abreviações das versões do Netscape Enterprise Server</caption>
- <thead>
-  <tr>
-   <th scope="col">Abreviação</th>
-   <th scope="col">versão Enterprise Server</th>
-  </tr>
- </thead>
- <tbody>
-  <tr>
-   <td>NES 2.0</td>
-   <td>Netscape Enterprise Server 2.0</td>
-  </tr>
-  <tr>
-   <td>NES 3.0</td>
-   <td>Netscape Enterprise Server 3.0</td>
-  </tr>
- </tbody>
-</table>
-
-<h2 id="Onde_encontrar_informações_sobre_JavaScript">Onde encontrar informações sobre JavaScript</h2>
-
-<p>A documentação do JavaScript inclui os seguintes livros:</p>
-
-<ul>
- <li><a href="/en/JavaScript/Guide" title="en/Core_JavaScript_1.5_Guide">Guia de JavaScript</a> (este guia) fornece informações sobre a linguagem JavaScript e seus objetos.</li>
- <li><a href="/en/JavaScript/Reference" title="en/JavaScript/Reference">Referência JavaScript</a> fornece material de referência para a linguagem JavaScript.</li>
-</ul>
-
-<p>Se você é novo no JavaScript, comece com o <a href="/en/JavaScript/Guide" title="en/Core_JavaScript_1.5_Guide">Guia de JavaScript</a>. Uma vez que você tenha uma boa compreensão dos fundamentos, você pode usar a <a href="/en/JavaScript/Reference" title="en/JavaScript/Reference">Referência JavaScript</a> para obter mais detalhes sobre objetos e declarações.</p>
-
-<h2 id="Dicas_para_aprender_JavaScript">Dicas para aprender JavaScript</h2>
-
-<p>Começar com o JavaScript é fácil: é necessário apenas um navegador web moderno. Este guia inclui algumas características do JavaScript que estão atualmente disponíveis nas últimas versões do Firefox (e outros navegadores baseados no Gecko), é recomendado, portanto, o uso da versão mais recente do Firefox.</p>
-
-<h3 id="Um_interpretador_interativo">Um interpretador interativo</h3>
-
-<p>Uma linha de comando interativa com JavaScript é inestimável para o aprendizado da linguagem, pois permite experimentar código de forma interativa sem ter que salvar um arquivo e recarregar a página. O Console de erros do Firefox, acessível através do menu de Ferramentas, fornece uma maneira simples de testar JavaScript interativamente: Basta entrar uma linha de código e clicar no botão "Executar".</p>
-
-<p><img alt="Image:ErrorConsole.png" class="internal" src="/@api/deki/files/192/=ErrorConsole.png"></p>
-
-<h3 id="Firebug">Firebug</h3>
-
-<p>Uma linha de comando interativa mais avançada está disponível com o uso do<a class="external" href="http://www.getfirebug.com/"> Firebug</a>, uma extensão de terceiros para o Firefox. O Firebug também fornece um inspetor DOM avançado, um depurador de JavaScript, uma ferramenta de análise e vários outros utilitários.</p>
-
-<p><img alt="Image:Firebug.png" class="internal" src="/@api/deki/files/204/=Firebug.png"></p>
-
-<p>Um dos mais úteis benefícios proporcionados pelo Firebug é <code>console.log()</code>, uma função que imprime seus argumentos no console do Firebug. Diferentemente de outras linguagens de programação, o JavaScript não possui um conceito de impressão para a saída padrão. O <code>console.log()</code> fornece uma alternativa útil, tornando mais fácil ver o que seu programa está fazendo.</p>
-
-<p>Muitos dos exemplos neste guia usam <code>alert()</code> para exibir mensagens conforme são executados. Tendo o Firebug instalado, pode ser usando <code>console.log()</code> ao invés de <code>alert()</code> ao rodar estes exemplos.</p>
-
-<h2 id="Convenções_de_documento">Convenções de documento</h2>
-
-<p>Aplicações JavaScript rodam em muitos sistemas operacionais; a informação neste livro aplica-se a todas as versões. Os caminhos de arquivos e diretórios são dados no formato Windows (com contrabarras separando os nomes dos diretórios). Para versões Unix, os caminhos são os mesmo, exceto por serem usadas barras ao invés de contrabarras para separar os diretórios.</p>
-
-<p>Este guia usa localizador padrão de recursos (<em>uniform resource locators</em> (URL)) da seguinte forma:</p>
-
-<p><code>http://<em>server</em>.<em>domain</em>/<em>path</em>/<em>file</em>.html</code></p>
-
-<p>Nestas URL, <em>server</em> representa o nome do servidor no qual a aplicação é rodada, tal como <code>research1</code> ou <code>www</code>; <em>domain</em> representa seu domínio de internet, como <code>netscape.com</code> ou <code>uiuc.edu</code>; <em>path</em> representa a estrutura do diretório no servidor; e <em>file</em><code>.html</code> representa o nome de um arquivo individual. No geral, itens em itálico em são <em>placeholders</em> e itens em fonte monoespaçada normal são literais. Se o servidor possuir <em>Secure Sockets Layer</em> (SSL) habilitado, pode ser usado <code>https</code> ao invés de <code>http</code> na URL.</p>
-
-<p>Este guia utiliza as seguintes convenções de fontes:</p>
-
-<ul>
- <li><code>A fonte mono espaçada</code> é utilziada para amostras de código e listagens de código, API e elementos da linguagem (como nomes de métodos e propriedades), nome de arquivos, caminhos, diretórios, tags HTML, e qualquer texto que possa ser digitado na tela. (<code><em>A fonte monoespaçada itálica</em></code> é usada para <em>placeholders </em>embutidos no código.)</li>
- <li><em>O tipo itálico</em> é usado para títulos de livros, ênfase, variáveis e <em>placeholders</em>, e palavras usadas em sentido literal.</li>
- <li><strong>O tipo negrito</strong> é usado para termos de glossário.</li>
-</ul>
-
-<pre class="script" style="font-size: 16px;">autoPreviousNext("JSGChapters");
-wiki.languages({
-  "en": "en/JavaScript/Guide/About",
-  "es": "es/Gu\u00eda_JavaScript_1.5/Acerca_de_esta_gu\u00eda",
-  "fr": "fr/Guide_JavaScript_1.5/\u00c0_propos",
-  "ja": "ja/Core_JavaScript_1.5_Guide/About",
-  "ko": "ko/Core_JavaScript_1.5_Guide/About",
-  "pl": "pl/Przewodnik_po_j\u0119zyku_JavaScript_1.5/O_tym_przewodniku",
-  "zh-cn": "cn/Core_JavaScript_1.5_Guide/\u5173\u4e8e",
-  "zh-tw": "zh_tw/Core_JavaScript_1.5_教學/關於"
-})
-</pre>
diff --git a/files/pt-pt/web/javascript/guia/valores,_variáveis_e_literais/index.html b/files/pt-pt/web/javascript/guia/valores,_variáveis_e_literais/index.html
deleted file mode 100644
index c2cbc7f3db..0000000000
--- a/files/pt-pt/web/javascript/guia/valores,_variáveis_e_literais/index.html
+++ /dev/null
@@ -1,547 +0,0 @@
----
-title: 'Valores, Variáveis e Literais'
-slug: 'Web/JavaScript/Guia/Valores,_Variáveis_e_Literais'
----
-<p>Este capítulo discute valores reconhecidos pelo JavaScript e descreve a construção de blocos fundamentais de expressões em JavaScript: variáveis, constantes e literais.</p>
-
-<h2 id="Valores">Valores</h2>
-
-<p>O JavaScript reconhece os seguintes tipos de valores:</p>
-
-<ul>
- <li><a href="/en/JavaScript/Reference/Global_Objects/Number" title="en/JavaScript/Reference/Global Objects/Number">Números</a> (en), como 42 ou 3,14159</li>
- <li>Valores <a href="/en/JavaScript/Reference/Global_Objects/Boolean" title="en/JavaScript/Reference/Global Objects/Boolean">lógicos (Booleanos)</a> (en), <code>true</code> ou <code>false</code></li>
- <li><a href="/en/JavaScript/Reference/Global_Objects/String" title="en/JavaScript/Reference/Global Objects/String">Strings</a> (en), tais como "Howdy!"</li>
- <li><code>null</code>, um palavra chave especial denotando um valor nulo; <code>null</code> também é um valor primitivo. Como JavaScript é sensível a maiúsculas, <code>null</code> não é a mesma coisa que <code>Null</code>, <code>NULL</code>, ou qualquer outra variante</li>
- <li><code><a href="/en/JavaScript/Reference/Global_Objects/undefined" title="en/JavaScript/Reference/Global Objects/undefined">undefined</a></code> (en), uma propriedade de alto nível a qual possui o valor indefinido; <code>undefined</code> também é um valor primitivo.</li>
-</ul>
-
-<p>Este conjunto de tipos de valores relativamente pequeno, permite realizar funções úteis com suas aplicações. Não há distinção explícita entre números inteiros e reais. Nem existe um tipo de dados de datas explícito em JavaScript. Entretanto, é possível utilizar o objeto <code><a href="/en/JavaScript/Reference/Global_Objects/Date" title="en/JavaScript/Reference/Global Objects/Date">Date</a></code> (en) e seus métodos para lidar com datas.</p>
-
-<p><a href="/en/JavaScript/Reference/Global_Objects/Object" title="en/JavaScript/Reference/Global Objects/Object">Objetos</a> (en) e <a href="/en/JavaScript/Reference/Global_Objects/Function" title="en/JavaScript/Reference/Global Objects/Function">funções</a> (en) são os outros elementos fundamentias da linguagem. Pode-se pensar em objetos como nomes nos quais podem ser guardados valores, e funções como procedimentos que sua aplicação pode executar.</p>
-
-<h3 id="Conversão_de_tipos_de_dados">Conversão de tipos de dados</h3>
-
-<p>O JavaScript é uma linguagem de tipagem dinâmica. Isto significa que não é necessário especificar o tipo de dado de uma variável quando ela for declarada, e tipos de dados são automaticamento convertidos conforme necessário durante a execução do script. Então, por exemplo, pode-se definir uma variável como:</p>
-
-<pre>var resposta = 42;
-</pre>
-
-<p>E depois, pode-se atribuir para a mesma variável um valor de string, por exemplo:</p>
-
-<pre class="deki-transform">resposta = "Obrigado pelos peixes...";
-</pre>
-
-<p>Como o JavaScript possui tipagem dinâmica, esta atribuição não gera uma mensagem de erro.</p>
-
-<p>Em expressões envolvendo valores numéricos e strings com o operador +, o JavaScript converte valores numérios para string. Por exemplo, considere as seguintes declarações:</p>
-
-<pre class="eval deki-transform">x = "A resposta é " + 42 // retorna "A resposta é 42"
-y = 42 + " é a resposta" // retorna "42 é a resposta"
-</pre>
-
-<p>Em declarações envolvendo outros operadores, o JavaScript não converte valores numérico para strings. Por exemplo:</p>
-
-<pre class="eval deki-transform">"37" - 7 // retorna 30
-"37" + 7 // retorna "377"</pre>
-
-<h2 id="Variáveis">Variáveis</h2>
-
-<p>Variáveis são usadas como nomes simbólicos para valores em sua aplicação. Os nomes das variáveis, chamadas <em>identificadores</em>, de acordo com certas regras.</p>
-
-<p>Um identificador JavaScript deve começar com uma letra, sublinhado (_), ou cifrão ($); caracteres subsequentes podem também ser dígitos (0-9). Como o JavaScript é sensível a maiúsculas, as letras incluem os caracteres de "A" até "Z" (maiúsculas) e os caracteres de "a" até "z" (minúsculas).</p>
-
-<p>A partir do JavaScript 1.5 é possível usar letras em ISO 8859-1 ou Unicode tais como å e ü nos identificadores. Também é possível usar as <a href="#Sequências de escape em Unicode">Sequências de escape em Unicode</a> \uXXXX como caracteres nos identificadores.</p>
-
-<p>Alguns exemplos de nomes possíveis são: <code>Number_hits</code>, <code>temp99</code> e <code>_name</code>.</p>
-
-<h3 id="Declaração_de_variáveis">Declaração de variáveis</h3>
-
-<p>Você pode declarar uma variável de duas maneiras:</p>
-
-<ul>
- <li>Com a palavra chave <a href="/en/JavaScript/Reference/Statements/var" title="en/JavaScript/Reference/Statements/var">var</a>. Por exemplo, <code>var x = 42</code>. Esta sintaxe pode ser usada para declarar tanto variáveis <a href="#Variable_Scope">locais quanto globais</a> (en).</li>
- <li>Simplesmente atribuindo um valor a ela. Por exemplo, <code>x = 42</code>. Isto sempre declara uma <a href="#Global_Variables">variável global</a> (en) e gera um aviso estrito do JavaScript. Esta variante não deve ser usada.</li>
-</ul>
-
-<h3 id="Avaliação_de_variáveis">Avaliação de variáveis</h3>
-
-<p>Uma variável declarada usando-se a declaração <code>var</code> sem possuir um valor inicial especificado possui o valor <code><a href="/en/JavaScript/Reference/Global_Objects/undefined" title="en/JavaScript/Reference/Global Objects/undefined">undefined</a></code>.</p>
-
-<p>Uma tentativa de acesso a uma variável não declarada resultará no lançamento de uma exceção <code>ReferenceError</code>:</p>
-
-<pre class="eval deki-transform">var a;
-print("O valor de a é " + a); // imprime "O valor de a é undefined"
-print("O valor de b é " + b); // lança a exceção ReferenceError
-</pre>
-
-<p>Você pode usar <code>undefined</code> para determinar quando uma variável possui um valor. No código a seguir, a variável <code>input</code> não possui um valor atribuido e a declaração <code><a href="/en/JavaScript/Reference/Statements/if...else" title="en/Core_JavaScript_1.5_Reference/Statements/if...else">if</a></code> é avaliada como <code>true</code>.</p>
-
-<pre class="eval deki-transform">var input;
-if(input === undefined){
-  doThis();
-} else {
-  doThat();
-}
-</pre>
-
-<p><span class="comment">O valor</span> <code>undefined</code> comporta-se como <code>false</code> quando usado em um contexto booleano. Por exemplo, o código a seguir executa a função <code>myFunction</code> porque o elemento <code>myArray</code> não está definido:</p>
-
-<pre class="eval deki-transform">var myArray = new Array();
-if (!myArray[0]) myFunction();
-</pre>
-
-<p>Quando você avalia uma variável nula, o valor nulo comporta-se como um 0 no contexto numérico e como falso em contextos booleanos. Por exemplo</p>
-
-<pre class="eval deki-transform">var n = null;
-print(n * 32); // imprime 0
-</pre>
-
-<h3 id="Escopo_de_variáveis">Escopo de variáveis</h3>
-
-<p>Quando uma variável é declarada de fora de qualquer função, ele é chamada de variável <em>global</em>, pois ela está disponível para qualquer outro código no documento atual. Quando você declara uma variável dentro de uma função, ela é chamada de variável <em>local</em>, pois ela está disponível somente dentro dessa função.</p>
-
-<p>O JavaScript não possui um escopo de <a href="/en/JavaScript/Guide/Statements#Block_Statement" title="en/JavaScript/Guide/Statements#Block Statement">declaração de blocos</a> (en); ao contrário, será local para o código interno ao bloco. Por exemplo, o código a seguir imprimirá <code>0</code> ao invés de lançar a exceção <span><span class="comment">ReferenceError se</span></span> <code>condition</code> é <code>false</code>:</p>
-
-<pre class="eval deki-transform">if (condition) {
-  var x = 5;
-}
-print(x ? x : 0);
-</pre>
-
-<p>Outra coisa não usual sobre variáveis em JavaScript é que é possível referir-se a uma variável declarada depois, sem receber uma exceção. Este conceito é conhecido como <em>hoisting</em>; as variáveis no JavaScript são levadas para o topo da função ou da declaração.  Entretanto, as variáveis não inicializadas retornarão um valor <code>undefined</code>.</p>
-
-<pre class="eval deki-transform">print(x === undefined); // prints "true"
-var x = 3;
-
-//will return a value of undefined
-var myvar = "my value";
-
-(function() {
-  alert(myvar);//undefined
-  var myvar = "local value"
-})();
-</pre>
-
-<h3 id="Variáveis_globais">Variáveis globais</h3>
-
-<p><span class="comment">necessário links para as páginas discutindo cadeias no âmbito do objeto global</span> Variáveis globais são, na verdade, propriedade de um <em>objeto global</em>. Em páginas web o objeto global é <code><a href="/en/DOM/window" title="en/DOM/window">window</a></code>, então você pode configurar e acessar variáveis globais usando a sintaxe<code> window.<em>variable</em></code>.</p>
-
-<p>Consequentemente, você pode acessar variáveis globais declaradas em uma janela ou quadro de alguma outra janela ou quadro, especificando o nome do mesmo. Por exemplo, se uma variável chamada <code>phoneNumber</code> é declarada em um documento <code>FRAMESET</code>, você pode referir-se a esta variável a partir de um frame herdeiro como <code>parent.phoneNumber</code>.</p>
-
-<h3 id="Veja_também">Veja também</h3>
-
-<p><a href="/en/Sharp_variables_in_JavaScript" title="en/Sharp_variables_in_JavaScript">Sharp variables in JavaScript</a> (en)</p>
-
-<h2 id="Constantes">Constantes</h2>
-
-<p>Você pode criar elementos "somente leitura", nomeados constantes com a palavra chave <code><a href="/en/JavaScript/Reference/Statements/const" title="en/Core_JavaScript_1.5_Reference/Statements/const">const</a></code>. A sintaxe de um identificador constante é a mesma para um identificador de variáveis: deve começar com uma letra ou sublinhado e pode conter caracteres alfabéticos, numéricos ou sublinhado.</p>
-
-<pre class="eval deki-transform">const prefix = '212';
-</pre>
-
-<p>Uma constante não pode ter seu valor mudado através de uma atribuição ou ser declarada novamente enquanto o script estiver rodando.</p>
-
-<p>As regras de escopo para constantes são as mesmas que as das variáveis, exceto que a palavra chave <code>const</code> é sempre necessária, mesmo para constantes globais. Se uma palavra chave é omitida, o identificador é assumido como uma variável.</p>
-
-<p>Você não pode declarar uma constante com o mesmo nome de uma função ou variável no mesmo escopo. Por exemplo:</p>
-
-<pre class="eval deki-transform">// ISTO CAUSARA UM ERRO
-function f() {};
-const f = 5;
-
-// ISTO TAMBEM CAUSARA UM ERRO
-function f() {
-  const g = 5;
-  var g;
-
-  // declaracoes
-}
-</pre>
-
-<h2 id="Literais">Literais</h2>
-
-<p>Você usa literais para representar valores em JavaScript. Estes valores são fixos, não variáveis, que você fornece <em>literalmente</em> no seu script. Esta seção descreve os seguintes tipos de literais:</p>
-
-<ul>
- <li><a href="#Ordenação de literais">Ordenação de literais</a></li>
- <li><a href="#Booleanos literais">Booleanos literais</a></li>
- <li><a href="#Pontos flutuantes literais">Pontos flutuantes literais</a></li>
- <li><a href="#Inteiros">Inteiros</a></li>
- <li><a href="#Objetos literais">Objetos literais</a></li>
- <li><a href="#Strings literais">Strings literais</a></li>
-</ul>
-
-<h3 id="Ordenação_de_literais"><a id="Ordenação de literais" name="Ordenação de literais">Ordenação de literais</a></h3>
-
-<p>Um literal ordenado é uma lista de zero ou mais expressões, cada qual representando um elemento ordenado, armazenado em colchetes ([]). Quando você cria uma ordenação usando um literal ordenado, ele é inicializado com os valores especificados como seus elementos e seu comprimento configurado para o número de argumentos especificados.</p>
-
-<p>O exemplo a seguir cria uma ordenação <code>coffees</code> com três elementos e o comprimento de três:</p>
-
-<pre class="eval deki-transform">var coffees = ["French Roast", "Colombian", "Kona"];
-</pre>
-
-<p><strong>Nota</strong> Uma ordenação literal é um tipo de inicializador de objeto. Veja<a href="/en/JavaScript/Guide/Working_with_Objects#Using_Object_Initializers" title="en/JavaScript/Guide/Working with Objects#Using Object Initializers"> Using Object Initializers</a> (en).</p>
-
-<p>Se uma ordenação é criada usando um literal em um alto nível de script, o JavaScript interpreta a ordenação cada vez que uma expressão contendo a ordenação literal é avaliada. Adicionalmente, um literal usado em uma função é criado cada vez que a função é chamada.</p>
-
-<p>Ordenações literais são também objetos <code>Array</code>.  Veja <a href="/en/JavaScript/Guide/Predefined_Core_Objects#Array_Object" title="en/JavaScript/Guide/Predefined Core Objects#Array Object">Array Object</a> (en) para detalhes sobre objetos <code>Array</code>.</p>
-
-<h4 id="Vírgulas_extras_em_literais_ordenados">Vírgulas extras em literais ordenados</h4>
-
-<p>Não é necessário especificar todos os elementos de um literal ordenado. Se forem colocadas duas vírgulas em uma coluna, a ordenação é criada com espaços para elementos não especificados. O exemplo seguinte mostra a ordenação <code>fish</code>:</p>
-
-<pre class="eval deki-transform">var fish = ["Lion", , "Angel"];
-</pre>
-
-<p>Esta ordenação possui dois elementos com valores e um elemento vazio (<code>fish[0]</code> é "Lion", <code>fish[1]</code> é <code>undefined</code> e <code>fish[2]</code> é "Angel").</p>
-
-<p>Caso seja inserida uma última vírgula ao fim da lista de elementos, a vírgula é ignorada. No exemplo a seguir, o comprimento da ordenação é três. Não há <code>myList[3]</code>. Todas as outras vírgulas da lista indicam um novo elemento.</p>
-
-<pre class="eval deki-transform">var myList = ['home', , 'school', ];
-</pre>
-
-<p>No exemplo a seguir, o comprimento da ordenação é quatro, e <code>myList[0]</code> e <code>myList[2]</code> estão faltando.</p>
-
-<pre class="eval deki-transform">var myList = [ , 'home', , 'school'];
-</pre>
-
-<p>No exemplo seguinte, o comprimento da ordenação é quatro, e  <code>myList[1]</code> e <code>myList[3]</code> estão faltando. Somente a última vírgula é ignorada.</p>
-
-<pre class="eval deki-transform">var myList = ['home', , 'school', , ];
-</pre>
-
-<h3 id="Booleanos_literais"><a id="Booleanos literais" name="Booleanos literais">Booleanos literais</a></h3>
-
-<p>O tipo Booleano possui dois valores literais: <code>true</code> e <code>false</code>.</p>
-
-<p>Não confunda-os com os valores Booleanos primitivos <code>true</code> e <code>false</code> com os valores verdadeiro e falso do objeto Booleano. O objeto Booleano é um invólucro ao redor do tipo de dado Booleano. Veja <a href="/en/JavaScript/Guide/Predefined_Core_Objects#Boolean_Object" title="en/JavaScript/Guide/Predefined Core Objects#Boolean Object">Boolean Object</a> (en) para mais informações.</p>
-
-<h3 id="Inteiros_2"><a id="Inteiros" name="Inteiros">Inteiros</a></h3>
-
-<p>Inteiros podem ser expressos na base decimal (base 10), hexadecimal (base 16) e octal (base 8). Um inteiro decimal literal consiste em uma sequência de dígitos sem um 0 (zero) no início. Um 0 (zero) no início de um inteiro literal indica que se trata de um octal; um 0x (ou 0X) indica hexadecimal. Inteiros hexadecimais podem incluir dígitos (0-9) e as letras de a-f e A-F. Inteiros octais podem incluir somente dígitos 0-7.</p>
-
-<p>Inteiros octais literais são obsoletos e foram removidos do padrão ECMA-262, Edição 3. O JavaScript 1.5 ainda os suporta para compatibilidade com versões anteriores.</p>
-
-<p>Alguns exemplo de inteiros literais são:</p>
-
-<pre class="eval">0, 117 e -345 (decimal, base 10)
-015, 0001 e -077 (octal, base 8)
-0x1123, 0x00111 e -0xF1A7 (hexadecimal, "hex" ou base 16)
-</pre>
-
-<h3 id="Pontos_flutuantes_literais"><a id="Pontos flutuantes literais" name="Pontos flutuantes literais">Pontos flutuantes literais</a></h3>
-
-<p>Um literal de ponto flutuante pode possuir as seguintes partes:</p>
-
-<ul>
- <li>Um inteiro decimal, o qual pode ser assinado (precedido por  "+" ou "-"),</li>
- <li>Um ponto decimal ("."),</li>
- <li>Uma fração (outro número decimal),</li>
- <li>Um expoente.</li>
-</ul>
-
-<p>A parte do expoente é um "e" ou "E" seguido por um inteiro, o qual pode ser assinado (precedido por "+" ou "-"). Um literal de ponto flutuante deve ter ao menos um dígito e um ponto decimal ou "e" (ou "E").</p>
-
-<p>Alguns exemplos de pontos flutuantes literais são 3.1415, -3.1E12, .1e12, and 2E-12.</p>
-
-<p>Mais claramente, a sintaxe é:</p>
-
-<pre class="eval">[digitos][.digitos][(E|e)[(+|-)]digitos]
-</pre>
-
-<p>Por exemplo:</p>
-
-<pre class="eval">3.14
-2345.789
-.3333333333333333333
-</pre>
-
-<h3 id="Objetos_literais"><a id="Objetos literais" name="Objetos literais">Objetos literais</a></h3>
-
-<p>An object literal is a list of zero or more pairs of property names and associated values of an object, enclosed in curly braces ({}). You should not use an object literal at the beginning of a statement. This will lead to an error or not behave as you expect, because the { will be interpreted as the beginning of a block.</p>
-
-<p>The following is an example of an object literal. The first element of the <code>car</code> object defines a property, <code>myCar</code>; the second element, the <code>getCar</code> property, invokes a function <code>(CarTypes("Honda"));</code> the third element, the <code>special</code> property, uses an existing variable (<code>Sales</code>).</p>
-
-<pre class="eval deki-transform">var Sales = "Toyota";
-
-function CarTypes(name) {
-  if (name == "Honda")
-     return name;
-  else
-     return "Sorry, we don't sell " + name + ".";
-}
-
-var car = { myCar: "Saturn", getCar: CarTypes("Honda"), special: Sales };
-
-document.write(car.myCar);   // Saturn
-document.write(car.getCar);  // Honda
-document.write(car.special); // Toyota
-</pre>
-
-<p>Additionally, you can use a numeric or string literal for the name of a property or nest an object inside another. The following example uses these options.</p>
-
-<pre class="eval deki-transform">var car = { manyCars: {a: "Saab", "b": "Jeep"}, 7: "Mazda" };
-
-document.write(car.manyCars.b); // Jeep
-document.write(car[7]); // Mazda
-</pre>
-
-<p>Please note:</p>
-
-<pre class="eval deki-transform">var foo = {a: "alpha", 2: "two"};
-document.write(foo.a);    // alpha
-document.write(foo[2]);   // two
-//document.write(foo.2);  // Error: missing ) after argument list
-//document.write(foo[a]); // Error: a is not defined
-document.write(foo["a"]); // alpha
-document.write(foo["2"]); // two
-</pre>
-
-<h3 id="Strings_literais"><a id="Strings literais" name="Strings literais">Strings literais</a></h3>
-
-<p>A string literal is zero or more characters enclosed in double (<code>"</code>) or single (<code>'</code>) quotation marks. A string must be delimited by quotation marks of the same type; that is, either both single quotation marks or both double quotation marks. The following are examples of string literals:</p>
-
-<ul>
- <li><code>"foo"</code></li>
- <li><code>'bar'</code></li>
- <li><code>"1234"</code></li>
- <li><code>"one line \n another line"</code></li>
- <li><code>"John's cat"</code></li>
-</ul>
-
-<p>You can call any of the methods of the String object on a string literal value—JavaScript automatically converts the string literal to a temporary String object, calls the method, then discards the temporary String object. You can also use the <code>String.length</code> property with a string literal:</p>
-
-<pre class="deki-transform">"John's cat".length
-</pre>
-
-<p>You should use string literals unless you specifically need to use a String object. See <a href="/en/JavaScript/Guide/Predefined_Core_Objects#String_Object" title="en/JavaScript/Guide/Predefined Core Objects#String Object">String Object</a> for details on <code>String</code> objects.</p>
-
-<h4 id="Usando_caracteres_especiais_em_strings">Usando caracteres especiais em strings</h4>
-
-<p>In addition to ordinary characters, you can also include special characters in strings, as shown in the following example.</p>
-
-<pre class="eval deki-transform">"one line \n another line"
-</pre>
-
-<p>The following table lists the special characters that you can use in JavaScript strings.</p>
-
-<table class="standard-table">
- <caption>Table 2.1 JavaScript special characters</caption>
- <thead>
-  <tr>
-   <th scope="col">Character</th>
-   <th scope="col">Meaning</th>
-  </tr>
- </thead>
- <tbody>
-  <tr>
-   <td><code>\b</code></td>
-   <td>Backspace</td>
-  </tr>
-  <tr>
-   <td><code>\f</code></td>
-   <td>Form feed</td>
-  </tr>
-  <tr>
-   <td><code>\n</code></td>
-   <td>New line</td>
-  </tr>
-  <tr>
-   <td><code>\r</code></td>
-   <td>Carriage return</td>
-  </tr>
-  <tr>
-   <td><code>\t</code></td>
-   <td>Tab</td>
-  </tr>
-  <tr>
-   <td><code>\v</code></td>
-   <td>Vertical tab</td>
-  </tr>
-  <tr>
-   <td><code>\'</code></td>
-   <td>Apostrophe or single quote</td>
-  </tr>
-  <tr>
-   <td><code>\"</code></td>
-   <td>Double quote</td>
-  </tr>
-  <tr>
-   <td><code>\\</code></td>
-   <td>Backslash character (\).</td>
-  </tr>
-  <tr>
-   <td><code>\<em>XXX</em></code></td>
-   <td>The character with the Latin-1 encoding specified by up to three octal digits <em>XXX</em> between 0 and 377. For example, \251 is the octal sequence for the copyright symbol.</td>
-  </tr>
-  <tr>
-   <td><code>\x<em>XX</em></code></td>
-   <td>The character with the Latin-1 encoding specified by the two hexadecimal digits <em>XX</em> between 00 and FF. For example, \xA9 is the hexadecimal sequence for the copyright symbol.</td>
-  </tr>
-  <tr>
-   <td><code>\u<em>XXXX</em></code></td>
-   <td>The Unicode character specified by the four hexadecimal digits <em>XXXX</em>. For example, \u00A9 is the Unicode sequence for the copyright symbol. See <a href="#Sequências de escape em Unicode">Unicode Escape Sequences</a>.</td>
-  </tr>
- </tbody>
-</table>
-
-<h4 id="Caracteres_de_escape">Caracteres de escape</h4>
-
-<p>For characters not listed in Table 2.1, a preceding backslash is ignored, but this usage is deprecated and should be avoided.</p>
-
-<p>You can insert a quotation mark inside a string by preceding it with a backslash. This is known as <em>escaping</em> the quotation mark. For example:</p>
-
-<pre class="eval deki-transform">var quote = "He read \"The Cremation of Sam McGee\" by R.W. Service.";
-document.write(quote);
-</pre>
-
-<p>The result of this would be:</p>
-
-<pre class="eval">He read "The Cremation of Sam McGee" by R.W. Service.
-</pre>
-
-<p>To include a literal backslash inside a string, you must escape the backslash character. For example, to assign the file path <code>c:\temp</code> to a string, use the following:</p>
-
-<pre class="eval deki-transform">var home = "c:\\temp";
-</pre>
-
-<p>You can also escape line breaks by preceding them with backslash.  The backslash and line break are both removed from the value of the string.</p>
-
-<pre>var str = "this string \
-is broken \
-across multiple\
-lines."</pre>
-
-<p>Although JavaScript does not have "heredoc" syntax, you can get close by adding a linebreak escape and an escaped linebreak at the end of each line:</p>
-
-<pre>var poem =
-"Roses are red,\n\
-Violets are blue.\n\
-I'm schizophrenic,\n\
-And so am I."
-</pre>
-
-<h2 id="Unicode">Unicode</h2>
-
-<p>Unicode is a universal character-coding standard for the interchange and display of principal written languages. It covers the languages of the Americas, Europe, Middle East, Africa, India, Asia, and Pacifica, as well as historic scripts and technical symbols. Unicode allows for the exchange, processing, and display of multilingual texts, as well as the use of common technical and mathematical symbols. It hopes to resolve internationalization problems of multilingual computing, such as different national character standards. Not all modern or archaic scripts, however, are currently supported.</p>
-
-<p>The Unicode character set can be used for all known encoding. Unicode is modeled after the ASCII (American Standard Code for Information Interchange) character set. It uses a numerical value and name for each character. The character encoding specifies the identity of the character and its numeric value (code position), as well as the representation of this value in bits. The 16-bit numeric value (code value) is defined by a hexadecimal number and a prefix U, for example, U+0041 represents A. The unique name for this value is LATIN CAPITAL LETTER A.</p>
-
-<p><strong>Unicode is not supported in versions of JavaScript prior to 1.3.</strong></p>
-
-<h3 id="Compatibilidade_do_Unicode_com_ASCII_e_ISO">Compatibilidade do Unicode com ASCII e ISO</h3>
-
-<p>Unicode is fully compatible with the International Standard ISO/IEC 10646-1; 1993, which is a subset of ISO 10646.</p>
-
-<p>Several encoding standards (including UTF-8, UTF-16 and ISO UCS-2) are used to physically represent Unicode as actual bits.</p>
-
-<p>The UTF-8 encoding of Unicode is compatible with ASCII characters and is supported by many programs. The first 128 Unicode characters correspond to the ASCII characters and have the same byte value. The Unicode characters U+0020 through U+007E are equivalent to the ASCII characters 0x20 through 0x7E. Unlike ASCII, which supports the Latin alphabet and uses a 7-bit character set, UTF-8 uses between one and four octets for each character ("octet" meaning a byte, or 8 bits.) This allows for several million characters. An alternative encoding standard, UTF-16, uses two octets to represent Unicode characters. An escape sequence allows UTF-16 to represent the whole Unicode range by using four octets. The ISO UCS-2 (Universal Character Set) uses two octets.</p>
-
-<p>JavaScript and Navigator support for UTF-8/Unicode means you can use non-Latin, international, and localized characters, plus special technical symbols in JavaScript programs. Unicode provides a standard way to encode multilingual text. Since the UTF-8 encoding of Unicode is compatible with ASCII, programs can use ASCII characters. You can use non-ASCII Unicode characters in the comments, string literals, identifiers, and regular expressions of JavaScript.</p>
-
-<h3 id="Sequências_de_escape_em_Unicode"><a id="Sequências de escape em Unicode" name="Sequências de escape em Unicode">Sequências de escape em Unicode</a></h3>
-
-<p>You can use the Unicode escape sequence in string literals, regular expressions, and identifiers. The escape sequence consists of six ASCII characters: \u and a four-digit hexadecimal number. For example, \u00A9 represents the copyright symbol. Every Unicode escape sequence in JavaScript is interpreted as one character.</p>
-
-<p>The following code returns the copyright symbol and the string "Netscape Communications".</p>
-
-<pre class="deki-transform">var x = "\u00A9 Netscape Communications";</pre>
-
-<p>The following table lists frequently used special characters and their Unicode value.</p>
-
-<table class="standard-table">
- <caption>Table 2.2 Unicode values for special characters</caption>
- <thead>
-  <tr>
-   <th scope="col">Category</th>
-   <th scope="col">Unicode value</th>
-   <th scope="col">Name</th>
-   <th scope="col">Format name</th>
-  </tr>
- </thead>
- <tbody>
-  <tr>
-   <td rowspan="4">White space values<br>
-     <br>
-     <br>
-     </td>
-   <td>\u0009</td>
-   <td>Tab</td>
-   <td>&lt;TAB&gt;</td>
-  </tr>
-  <tr>
-   <td>\u000B</td>
-   <td>Vertical Tab</td>
-   <td>&lt;VT&gt;</td>
-  </tr>
-  <tr>
-   <td>\u000C</td>
-   <td>Form Feed</td>
-   <td>&lt;FF&gt;</td>
-  </tr>
-  <tr>
-   <td>\u0020</td>
-   <td>Space</td>
-   <td>&lt;SP&gt;</td>
-  </tr>
-  <tr>
-   <td rowspan="2">Line terminator values<br>
-     </td>
-   <td>\u000A</td>
-   <td>Line Feed</td>
-   <td>&lt;LF&gt;</td>
-  </tr>
-  <tr>
-   <td>\u000D</td>
-   <td>Carriage Return</td>
-   <td>&lt;CR&gt;</td>
-  </tr>
-  <tr>
-   <td rowspan="5">Additional Unicode escape sequence values<br>
-     <br>
-     <br>
-     <br>
-     </td>
-   <td>\u0008</td>
-   <td>Backspace</td>
-   <td>&lt;BS&gt;</td>
-  </tr>
-  <tr>
-   <td>\u0009</td>
-   <td>Horizontal Tab</td>
-   <td>&lt;HT&gt;</td>
-  </tr>
-  <tr>
-   <td>\u0022</td>
-   <td>Double Quote</td>
-   <td>"</td>
-  </tr>
-  <tr>
-   <td>\u0027</td>
-   <td>Single Quote</td>
-   <td>'</td>
-  </tr>
-  <tr>
-   <td>\u005C</td>
-   <td>Backslash</td>
-   <td>\</td>
-  </tr>
- </tbody>
-</table>
-
-<p>The JavaScript use of the Unicode escape sequence is different from Java. In JavaScript, the escape sequence is never interpreted as a special character first. For example, a line terminator escape sequence inside a string does not terminate the string before it is interpreted by the function. JavaScript ignores any escape sequence if it is used in comments. In Java, if an escape sequence is used in a single comment line, it is interpreted as an Unicode character. For a string literal, the Java compiler interprets the escape sequences first. For example, if a line terminator escape character (e.g., \u000A) is used in Java, it terminates the string literal. In Java, this leads to an error, because line terminators are not allowed in string literals. You must use \n for a line feed in a string literal. In JavaScript, the escape sequence works the same way as \n.</p>
-
-<h3 id="Caracteres_Unicode_em_arquivos_JavaScript">Caracteres Unicode em arquivos JavaScript</h3>
-
-<p>Earlier versions of <a href="/en/Gecko" title="en/Gecko">Gecko</a> assumed the Latin-1 character encoding for JavaScript files loaded from XUL. Starting with Gecko 1.8, the character encoding is inferred from the XUL file's encoding. Please see <a href="/en/International_characters_in_XUL_JavaScript" title="en/International_characters_in_XUL_JavaScript">International characters in XUL JavaScript</a> for more information.</p>
-
-<h3 id="Exibindo_caracteres_com_Unicode">Exibindo caracteres com Unicode</h3>
-
-<p>You can use Unicode to display the characters in different languages or technical symbols. For characters to be displayed properly, a client such as Mozilla Firefox or Netscape needs to support Unicode. Moreover, an appropriate Unicode font must be available to the client, and the client platform must support Unicode. Often, Unicode fonts do not display all the Unicode characters. Some platforms, such as Windows 95, provide partial support for Unicode.</p>
-
-<p>To receive non-ASCII character input, the client needs to send the input as Unicode. Using a standard enhanced keyboard, the client cannot easily input the additional characters supported by Unicode. Sometimes, the only way to input Unicode characters is by using Unicode escape sequences.</p>
-
-<p>For more information on Unicode, see the <a class="external" href="http://www.unicode.org/">Unicode Home Page</a> and The Unicode Standard, Version 2.0, published by Addison-Wesley, 1996.</p>
-
-<pre class="script" style="font-size: 16px;">autoPreviousNext("JSGChapters");</pre>
diff --git a/files/pt-pt/web/javascript/guia/detalhes_do_modelo_de_objeto/index.html b/files/pt-pt/web/javascript/guide/details_of_the_object_model/index.html
index 01de143289..4f8afaf09a 100644
--- a/files/pt-pt/web/javascript/guia/detalhes_do_modelo_de_objeto/index.html
+++ b/files/pt-pt/web/javascript/guide/details_of_the_object_model/index.html
@@ -1,12 +1,13 @@
 ---
 title: Detalhes do modelo de objeto
-slug: Web/JavaScript/Guia/Detalhes_do_modelo_de_objeto
+slug: Web/JavaScript/Guide/Details_of_the_Object_Model
 tags:
   - Guia(2)
   - Intermediário
   - JavaScript
   - Objeto
 translation_of: Web/JavaScript/Guide/Details_of_the_Object_Model
+original_slug: Web/JavaScript/Guia/Detalhes_do_modelo_de_objeto
 ---
 <div>{{jsSidebar("JavaScript Guide")}} {{PreviousNext("Web/JavaScript/Guide/Working_with_Objects", "Web/JavaScript/Guide/Iterators_and_Generators")}}</div>
 
diff --git a/files/pt-pt/web/javascript/guia/gramática_e_tipos/index.html b/files/pt-pt/web/javascript/guide/grammar_and_types/index.html
index 109bd99fe4..511fe9d281 100644
--- a/files/pt-pt/web/javascript/guia/gramática_e_tipos/index.html
+++ b/files/pt-pt/web/javascript/guide/grammar_and_types/index.html
@@ -1,10 +1,11 @@
 ---
 title: Gramática e tipos
-slug: Web/JavaScript/Guia/Gramática_e_tipos
+slug: Web/JavaScript/Guide/Grammar_and_types
 tags:
   - Guia(2)
   - JavaScript
 translation_of: Web/JavaScript/Guide/Grammar_and_types
+original_slug: Web/JavaScript/Guia/Gramática_e_tipos
 ---
 <div>{{jsSidebar("JavaScript Guide")}} {{PreviousNext("Web/JavaScript/Guide/Introduction", "Web/JavaScript/Guide/Control_flow_and_error_handling")}}</div>
 
diff --git a/files/pt-pt/web/javascript/guia/index.html b/files/pt-pt/web/javascript/guide/index.html
index aec08fb7ad..50779449a1 100644
--- a/files/pt-pt/web/javascript/guia/index.html
+++ b/files/pt-pt/web/javascript/guide/index.html
@@ -1,11 +1,12 @@
 ---
 title: Guia de JavaScript
-slug: Web/JavaScript/Guia
+slug: Web/JavaScript/Guide
 tags:
   - Guía
   - JavaScript
-  - 'l10n:prioridade'
+  - l10n:prioridade
 translation_of: Web/JavaScript/Guide
+original_slug: Web/JavaScript/Guia
 ---
 <div>{{jsSidebar("JavaScript Guide")}}</div>
 
diff --git a/files/pt-pt/web/javascript/guia/introdução/index.html b/files/pt-pt/web/javascript/guide/introduction/index.html
index f77bb74379..eddebd2e98 100644
--- a/files/pt-pt/web/javascript/guia/introdução/index.html
+++ b/files/pt-pt/web/javascript/guide/introduction/index.html
@@ -1,10 +1,11 @@
 ---
 title: Introdução
-slug: Web/JavaScript/Guia/Introdução
+slug: Web/JavaScript/Guide/Introduction
 tags:
   - Guía
   - JavaScript
 translation_of: Web/JavaScript/Guide/Introduction
+original_slug: Web/JavaScript/Guia/Introdução
 ---
 <div>{{jsSidebar("JavaScript Guide")}} {{PreviousNext("Web/JavaScript/Guide", "Web/JavaScript/Guide/Grammar_and_types")}}</div>
 
diff --git a/files/pt-pt/web/javascript/gestao_memoria/index.html b/files/pt-pt/web/javascript/memory_management/index.html
index 56bfec0f7f..3a9d60c6b9 100644
--- a/files/pt-pt/web/javascript/gestao_memoria/index.html
+++ b/files/pt-pt/web/javascript/memory_management/index.html
@@ -1,11 +1,12 @@
 ---
 title: Gestão de memória
-slug: Web/JavaScript/Gestao_Memoria
+slug: Web/JavaScript/Memory_Management
 tags:
   - Desempenho
   - JavaScript
   - memoria
 translation_of: Web/JavaScript/Memory_Management
+original_slug: Web/JavaScript/Gestao_Memoria
 ---
 <div>{{JsSidebar("Advanced")}}</div>
 
diff --git a/files/pt-pt/web/javascript/o_que_é_o_javascript/index.html b/files/pt-pt/web/javascript/o_que_é_o_javascript/index.html
deleted file mode 100644
index 4145f9dc58..0000000000
--- a/files/pt-pt/web/javascript/o_que_é_o_javascript/index.html
+++ /dev/null
@@ -1,13 +0,0 @@
----
-title: O que é o JavaScript
-slug: Web/JavaScript/O_que_é_o_JavaScript
----
-<p>O JavaScript é uma linguagem de programação do lado <b>cliente</b>, ou seja, é processada pelo próprio navegador.
-Com o JavaScript podemos criar efeitos especiais para nossas páginas na Web, além
-de podermos proporcionar uma maior interatividade com nossos usuários.
-O JavaScript é uma linguagem orientada a objetos, ou seja, ela trata todos os elementos da página
-como objetos distintos, fascilitando a tarefa da programação.
-</p><p>Resumindo, o JavaScript é uma poderosa linguagem que deve ser dominada por quem deseja criar páginas Web dinamicas e interativas.
-</p><p><br>
---<a>rafael.marcondes92@gmail.com</a> 12:39, 14 Julho 2008 (PDT)
-</p>
diff --git a/files/pt-pt/web/javascript/reference/sobre/index.html b/files/pt-pt/web/javascript/reference/about/index.html
index 3b2a79ac32..2f9aaa49ac 100644
--- a/files/pt-pt/web/javascript/reference/sobre/index.html
+++ b/files/pt-pt/web/javascript/reference/about/index.html
@@ -1,9 +1,10 @@
 ---
 title: Sobre a referência de JavaScript
-slug: Web/JavaScript/Reference/Sobre
+slug: Web/JavaScript/Reference/About
 tags:
   - JavaScript
 translation_of: Web/JavaScript/Reference/About
+original_slug: Web/JavaScript/Reference/Sobre
 ---
 <div>{{JsSidebar}}</div>
 
diff --git a/files/pt-pt/web/javascript/reference/funcionalidades_obsoletas/index.html b/files/pt-pt/web/javascript/reference/deprecated_and_obsolete_features/index.html
index 9d0ae63c62..db64832bf4 100644
--- a/files/pt-pt/web/javascript/reference/funcionalidades_obsoletas/index.html
+++ b/files/pt-pt/web/javascript/reference/deprecated_and_obsolete_features/index.html
@@ -1,10 +1,11 @@
 ---
 title: Funcionalidades obsoletas
-slug: Web/JavaScript/Reference/Funcionalidades_obsoletas
+slug: Web/JavaScript/Reference/Deprecated_and_obsolete_features
 tags:
   - JavaScript
   - Obsoleto
 translation_of: Web/JavaScript/Reference/Deprecated_and_obsolete_features
+original_slug: Web/JavaScript/Reference/Funcionalidades_obsoletas
 ---
 <div>{{JsSidebar("More")}}</div>
 
diff --git a/files/pt-pt/web/javascript/reference/errors/declaração_função_sem_nome/index.html b/files/pt-pt/web/javascript/reference/errors/unnamed_function_statement/index.html
index a747257379..25a542b9df 100644
--- a/files/pt-pt/web/javascript/reference/errors/declaração_função_sem_nome/index.html
+++ b/files/pt-pt/web/javascript/reference/errors/unnamed_function_statement/index.html
@@ -1,7 +1,8 @@
 ---
 title: 'Erro de sintaxe: declaração de função precisa de um nome'
-slug: Web/JavaScript/Reference/Errors/declaração_função_sem_nome
+slug: Web/JavaScript/Reference/Errors/Unnamed_function_statement
 translation_of: Web/JavaScript/Reference/Errors/Unnamed_function_statement
+original_slug: Web/JavaScript/Reference/Errors/declaração_função_sem_nome
 ---
 <div>{{jsSidebar("Errors")}}</div>
 
diff --git a/files/pt-pt/web/javascript/reference/funcoes/arguments/index.html b/files/pt-pt/web/javascript/reference/functions/arguments/index.html
index c7ac84a4b9..01c656de88 100644
--- a/files/pt-pt/web/javascript/reference/funcoes/arguments/index.html
+++ b/files/pt-pt/web/javascript/reference/functions/arguments/index.html
@@ -1,6 +1,6 @@
 ---
 title: O objeto arguments
-slug: Web/JavaScript/Reference/Funcoes/arguments
+slug: Web/JavaScript/Reference/Functions/arguments
 tags:
   - Class
   - Funções
@@ -8,6 +8,7 @@ tags:
   - Referencia
   - arguments
 translation_of: Web/JavaScript/Reference/Functions/arguments
+original_slug: Web/JavaScript/Reference/Funcoes/arguments
 ---
 <p>{{JSSidebar("Functions")}}</p>
 
diff --git a/files/pt-pt/web/javascript/reference/funcoes/funcoes_seta/index.html b/files/pt-pt/web/javascript/reference/functions/arrow_functions/index.html
index aa7b7b3121..1a2246534b 100644
--- a/files/pt-pt/web/javascript/reference/funcoes/funcoes_seta/index.html
+++ b/files/pt-pt/web/javascript/reference/functions/arrow_functions/index.html
@@ -1,7 +1,8 @@
 ---
 title: Expressões da função "Seta"
-slug: Web/JavaScript/Reference/Funcoes/Funcoes_seta
+slug: Web/JavaScript/Reference/Functions/Arrow_functions
 translation_of: Web/JavaScript/Reference/Functions/Arrow_functions
+original_slug: Web/JavaScript/Reference/Funcoes/Funcoes_seta
 ---
 <div>{{jsSidebar("Functions")}}</div>
 
diff --git a/files/pt-pt/web/javascript/reference/funcoes/index.html b/files/pt-pt/web/javascript/reference/functions/index.html
index 02b35fc7bd..b77d914f53 100644
--- a/files/pt-pt/web/javascript/reference/funcoes/index.html
+++ b/files/pt-pt/web/javascript/reference/functions/index.html
@@ -1,6 +1,6 @@
 ---
 title: Funções
-slug: Web/JavaScript/Reference/Funcoes
+slug: Web/JavaScript/Reference/Functions
 tags:
   - Constructor
   - Função
@@ -9,6 +9,7 @@ tags:
   - Parâmetro
   - parâmetros
 translation_of: Web/JavaScript/Reference/Functions
+original_slug: Web/JavaScript/Reference/Funcoes
 ---
 <div>{{jsSidebar("Functions")}}</div>
 
diff --git a/files/pt-pt/web/javascript/reference/funcoes/parametros_rest/index.html b/files/pt-pt/web/javascript/reference/functions/rest_parameters/index.html
index a21cb25ed6..357ce41efa 100644
--- a/files/pt-pt/web/javascript/reference/funcoes/parametros_rest/index.html
+++ b/files/pt-pt/web/javascript/reference/functions/rest_parameters/index.html
@@ -1,6 +1,6 @@
 ---
 title: Parâmetros Rest
-slug: Web/JavaScript/Reference/Funcoes/parametros_rest
+slug: Web/JavaScript/Reference/Functions/rest_parameters
 tags:
   - Funcionalidade Linguagem
   - Funções
@@ -8,6 +8,7 @@ tags:
   - Parametros Rest
   - Rest
 translation_of: Web/JavaScript/Reference/Functions/rest_parameters
+original_slug: Web/JavaScript/Reference/Funcoes/parametros_rest
 ---
 <div>Parâmetrois {{jsSidebar("Functions")}}</div>
 
diff --git a/files/pt-pt/web/javascript/reference/global_objects/asyncfunction/prototype/index.html b/files/pt-pt/web/javascript/reference/global_objects/asyncfunction/prototype/index.html
deleted file mode 100644
index 8a085d6986..0000000000
--- a/files/pt-pt/web/javascript/reference/global_objects/asyncfunction/prototype/index.html
+++ /dev/null
@@ -1,55 +0,0 @@
----
-title: AsyncFunction.prototype
-slug: Web/JavaScript/Reference/Global_Objects/AsyncFunction/prototype
-translation_of: Web/JavaScript/Reference/Global_Objects/AsyncFunction/prototype
----
-<div>{{JSRef}}</div>
-
-<p>A propriedade <code><strong>AsyncFunction.prototype</strong></code> representa o objecto <em>prototype</em> {{jsxref("AsyncFunction")}}.</p>
-
-<h2 id="Description">Description</h2>
-
-<p>Os objectos {{jsxref("AsyncFunction")}} são herdados de <code>AsyncFunction.prototype</code> e não podem ser modificados.</p>
-
-<h2 id="Propriedades">Propriedades</h2>
-
-<dl>
- <dt><code><strong>AsyncFunction.constructor</strong></code></dt>
- <dd>O valor inicial é {{jsxref("AsyncFunction")}}.</dd>
- <dt><code><strong>AsyncFunction.prototype[@@toStringTag]</strong></code></dt>
- <dd>Retorna "AsyncFunction".</dd>
-</dl>
-
-<h2 id="Especificações">Especificações</h2>
-
-<table class="standard-table">
- <thead>
-  <tr>
-   <th scope="col">Specification</th>
-   <th scope="col">Status</th>
-   <th scope="col">Comment</th>
-  </tr>
- </thead>
- <tbody>
-  <tr>
-   <td>{{SpecName('ESDraft', '#sec-async-function-constructor-prototype', 'AsyncFunction.prototype')}}</td>
-   <td>{{Spec2('ESDraft')}}</td>
-   <td>Definição inicial ES2017.</td>
-  </tr>
- </tbody>
-</table>
-
-<h2 id="Compatibilidade_entre_navegadores">Compatibilidade entre navegadores</h2>
-
-<div>
-
-
-<p>{{Compat("javascript.builtins.AsyncFunction.prototype")}}</p>
-</div>
-
-<h2 id="Ver_também">Ver também</h2>
-
-<ul>
- <li>{{jsxref("AsyncFunction")}}</li>
- <li>{{jsxref("Function")}}</li>
-</ul>
diff --git a/files/pt-pt/web/javascript/reference/global_objects/number/prototype/index.html b/files/pt-pt/web/javascript/reference/global_objects/number/prototype/index.html
deleted file mode 100644
index 9014ecdb24..0000000000
--- a/files/pt-pt/web/javascript/reference/global_objects/number/prototype/index.html
+++ /dev/null
@@ -1,131 +0,0 @@
----
-title: Number.prototype
-slug: Web/JavaScript/Reference/Global_Objects/Number/prototype
-tags:
-  - JavaScript
-  - Number
-  - Property
-  - Prototype
-translation_of: Web/JavaScript/Reference/Global_Objects/Number
-translation_of_original: Web/JavaScript/Reference/Global_Objects/Number/prototype
----
-<div>{{JSRef}}</div>
-
-<p>A propriedade <strong><code>Number.prototype</code></strong> representa o protótipo (prototype) para o constructor de {{jsxref("Number")}}.</p>
-
-<div>{{js_property_attributes(0, 0, 0)}}</div>
-
-<h2 id="Descrição">Descrição</h2>
-
-<p>Todas as instâncias de {{jsxref("Number")}} herdam de <code>Number.prototype</code>. O objecto protótipo (prototype) do constructor de {{jsxref("Number")}} pode ser modificado para afectar todas as instâncias de {{jsxref( "Number")}}.</p>
-
-<h2 id="Propriedades">Propriedades</h2>
-
-<dl>
- <dt><code>Number.prototype.constructor</code></dt>
- <dd>Retorna a função criadora das instâncias deste objecto. Por predifinição este é o objecto {{jsxref("Number")}}.</dd>
-</dl>
-
-<h2 id="Métodos">Métodos</h2>
-
-<dl>
- <dt>{{jsxref("Number.prototype.toExponential()")}}</dt>
- <dd>Retorna uma representação em string do número em notação científica.</dd>
- <dt>{{jsxref("Number.prototype.toFixed()")}}</dt>
- <dd>Retorna uma representação em string do número em notação de ponto fixo.</dd>
- <dt>{{jsxref("Number.prototype.toLocaleString()")}}</dt>
- <dd>Retorna uma string do número numa representação sensível à linguagem. Faz override do método {{jsxref("Object.prototype.toLocaleString()")}}.</dd>
- <dt>{{jsxref("Number.prototype.toPrecision()")}}</dt>
- <dd>Retorna uma representação em string do número numa precisão especificada em ponto fixo ou notação científica.</dd>
- <dt>{{jsxref("Number.prototype.toSource()")}} {{non-standard_inline}}</dt>
- <dd>Retorna um objecto literal representando o objecto {{jsxref("Number")}} especificado; podes usar este valor para criar um novo objecto. Faz override ao método {{jsxref("Object.prototype.toSource()")}}.</dd>
- <dt>{{jsxref("Number.prototype.toString()")}}</dt>
- <dd>Retorna uma representação em string do objecto especificado na base especificada. Faz override ao método {{jsxref("Object.prototype.toString()")}}.</dd>
- <dt>{{jsxref("Number.prototype.valueOf()")}}</dt>
- <dd>Retorna o valor primitivo do objecto especificado. Faz override ao método {{jsxref("Object.prototype.valueOf()")}}.</dd>
-</dl>
-
-<h2 id="Especificações">Especificações</h2>
-
-<table class="standard-table">
- <tbody>
-  <tr>
-   <th scope="col">Especificação</th>
-   <th scope="col">Estado</th>
-   <th scope="col">Comentário</th>
-  </tr>
-  <tr>
-   <td>{{SpecName('ES1')}}</td>
-   <td>{{Spec2('ES1')}}</td>
-   <td>Definição Inicial. Implementado em  JavaScript 1.1.</td>
-  </tr>
-  <tr>
-   <td>{{SpecName('ES5.1', '#sec-15.7.4', 'Number')}}</td>
-   <td>{{Spec2('ES5.1')}}</td>
-   <td> </td>
-  </tr>
-  <tr>
-   <td>{{SpecName('ES6', '#sec-properties-of-the-number-prototype-object', 'Number')}}</td>
-   <td>{{Spec2('ES6')}}</td>
-   <td> </td>
-  </tr>
- </tbody>
-</table>
-
-<h2 id="Compatibilidade_dos_browsers">Compatibilidade dos browsers</h2>
-
-<div>{{CompatibilityTable}}</div>
-
-<div id="compat-desktop">
-<table class="compat-table">
- <tbody>
-  <tr>
-   <th>Funcionalidade</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>{{CompatVersionUnknown}}</td>
-   <td>{{CompatVersionUnknown}}</td>
-   <td>{{CompatVersionUnknown}}</td>
-   <td>{{CompatVersionUnknown}}</td>
-   <td>{{CompatVersionUnknown}}</td>
-  </tr>
- </tbody>
-</table>
-</div>
-
-<div id="compat-mobile">
-<table class="compat-table">
- <tbody>
-  <tr>
-   <th>Funcionalidade</th>
-   <th>Android</th>
-   <th>Chrome para Android</th>
-   <th>Firefox Mobile (Gecko)</th>
-   <th>IE Mobile</th>
-   <th>Opera Mobile</th>
-   <th>Safari Mobile</th>
-  </tr>
-  <tr>
-   <td>Suporte básico</td>
-   <td>{{CompatVersionUnknown}}</td>
-   <td>{{CompatVersionUnknown}}</td>
-   <td>{{CompatVersionUnknown}}</td>
-   <td>{{CompatVersionUnknown}}</td>
-   <td>{{CompatVersionUnknown}}</td>
-   <td>{{CompatVersionUnknown}}</td>
-  </tr>
- </tbody>
-</table>
-</div>
-
-<h2 id="Ver_também">Ver também</h2>
-
-<ul>
- <li>{{jsxref("Number")}}</li>
-</ul>
diff --git a/files/pt-pt/web/javascript/reference/global_objects/object/prototype/index.html b/files/pt-pt/web/javascript/reference/global_objects/object/prototype/index.html
deleted file mode 100644
index 411832665a..0000000000
--- a/files/pt-pt/web/javascript/reference/global_objects/object/prototype/index.html
+++ /dev/null
@@ -1,199 +0,0 @@
----
-title: Object.prototype
-slug: Web/JavaScript/Reference/Global_Objects/Object/prototype
-tags:
-  - JavaScript
-  - Object
-  - Objeto
-  - Propriedade
-translation_of: Web/JavaScript/Reference/Global_Objects/Object
-translation_of_original: Web/JavaScript/Reference/Global_Objects/Object/prototype
----
-<div>{{JSRef}}</div>
-
-<p>A propriedade <code><strong>Object.prototype</strong></code> representa o <em>prototype object</em> {{jsxref("Object","Objeto")}} .</p>
-
-<div>{{js_property_attributes(0, 0, 0)}}</div>
-
-<h2 id="Descrição">Descrição</h2>
-
-<p>Nearly all objects in JavaScript are instances of {{jsxref("Object")}}; a typical object inherits properties (including methods) from <code>Object.prototype</code>, although these properties may be shadowed (a.k.a. overridden). However, an <code>Object</code> may be deliberately created for which this is not true (e.g. by {{jsxref("Object.create", "Object.create(null)")}}), or it may be altered so that this is no longer true (e.g. with {{jsxref("Object.setPrototypeOf")}}).</p>
-
-<p>Changes to the <code>Object</code> prototype object are seen by <strong>all</strong> objects through prototype chaining, unless the properties and methods subject to those changes are overridden further along the prototype chain.  This provides a very powerful although potentially dangerous mechanism to override or extend object behavior.</p>
-
-<h2 id="Propriedades">Propriedades</h2>
-
-<dl>
- <dt>{{jsxref("Object.prototype.constructor")}}</dt>
- <dd>Specifies the function that creates an object's prototype.</dd>
- <dt>{{jsxref("Object.prototype.__proto__")}} {{non-standard_inline}}</dt>
- <dd>Points to the object which was used as prototype when the object was instantiated.</dd>
- <dt>{{jsxref("Object.prototype.__noSuchMethod__")}} {{non-standard_inline}}</dt>
- <dd>Allows a function to be defined that will be executed when an undefined object member is called as a method.</dd>
- <dt><s class="obsoleteElement">{{jsxref("Object.prototype.count","Object.prototype.__count__")}} {{obsolete_inline}}</s></dt>
- <dd><s class="obsoleteElement">Used to return the number of enumerable properties directly on a user-defined object, but has been removed.</s></dd>
- <dt><s class="obsoleteElement">{{jsxref("Object.prototype.parent","Object.prototype.__parent__")}} {{obsolete_inline}}</s></dt>
- <dd><s class="obsoleteElement">Used to point to an object's context, but has been removed.</s></dd>
-</dl>
-
-<h2 id="Métodos">Métodos</h2>
-
-<dl>
- <dt>{{jsxref("Object.prototype.__defineGetter__()")}} {{non-standard_inline}} {{deprecated_inline}}</dt>
- <dd>Associates a function with a property that, when accessed, executes that function and returns its return value.</dd>
- <dt>{{jsxref("Object.prototype.__defineSetter__()")}} {{non-standard_inline}} {{deprecated_inline}}</dt>
- <dd>Associates a function with a property that, when set, executes that function which modifies the property.</dd>
- <dt>{{jsxref("Object.prototype.__lookupGetter__()")}} {{non-standard_inline}} {{deprecated_inline}}</dt>
- <dd>Returns the function associated with the specified property by the {{jsxref("Object.prototype.__defineGetter__()", "__defineGetter__()")}} method.</dd>
- <dt>{{jsxref("Object.prototype.__lookupSetter__()")}} {{non-standard_inline}} {{deprecated_inline}}</dt>
- <dd>Returns the function associated with the specified property by the {{jsxref("Object.prototype.__defineSetter__()", "__defineSetter__()")}} method.</dd>
- <dt>{{jsxref("Object.prototype.hasOwnProperty()")}}</dt>
- <dd>Returns a boolean indicating whether an object contains the specified property as a direct property of that object and not inherited through the prototype chain.</dd>
- <dt>{{jsxref("Object.prototype.isPrototypeOf()")}}</dt>
- <dd>Returns a boolean indicating whether the object this method is called upon is in the prototype chain of the specified object.</dd>
- <dt>{{jsxref("Object.prototype.propertyIsEnumerable()")}}</dt>
- <dd>Returns a boolean indicating if the internal <a href="/en-US/docs/Web/JavaScript/Data_structures#Properties">ECMAScript [[Enumerable]] attribute</a> is set.</dd>
- <dt>{{jsxref("Object.prototype.toSource()")}} {{non-standard_inline}}</dt>
- <dd>Returns string containing the source of an object literal representing the object that this method is called upon; you can use this value to create a new object.</dd>
- <dt>{{jsxref("Object.prototype.toLocaleString()")}}</dt>
- <dd>Calls {{jsxref("Object.toString", "toString()")}}.</dd>
- <dt>{{jsxref("Object.prototype.toString()")}}</dt>
- <dd>Returns a string representation of the object.</dd>
- <dt>{{jsxref("Object.prototype.unwatch()")}} {{non-standard_inline}}</dt>
- <dd>Removes a watchpoint from a property of the object.</dd>
- <dt>{{jsxref("Object.prototype.valueOf()")}}</dt>
- <dd>Returns the primitive value of the specified object.</dd>
- <dt>{{jsxref("Object.prototype.watch()")}} {{non-standard_inline}}</dt>
- <dd>Adds a watchpoint to a property of the object.</dd>
- <dt><s class="obsoleteElement">{{jsxref("Object.prototype.eval()")}} {{obsolete_inline}}</s></dt>
- <dd><s class="obsoleteElement">Used to evaluate a string of JavaScript code in the context of the specified object, but has been removed.</s></dd>
-</dl>
-
-<h2 id="Exemplos">Exemplos</h2>
-
-<p>When altering the behavior of existing Object.prototype methods, consider injecting code by wrapping your extension before or after the existing logic.  For example, this (untested) code will pre-conditionally execute custom logic before the built-in logic or someone else's extension is executed.</p>
-
-<p>When a function is called, the arguments to the call are held in the array-like "variable" <a href="/en-US/docs/Web/JavaScript/Reference/Functions/arguments">arguments</a>. For example, in the call "myFn(a, b, c)", the arguments within myFn's body will contain 3 array-like elements corresponding to (a, b, c).  When modifying prototypes with hooks, simply pass this &amp; the arguments (the call state) to the current behavior by calling apply() on the function.  This pattern can be used for any prototype, such as Node.prototype, Function.prototype, etc.</p>
-
-<pre class="brush: js">var current = Object.prototype.valueOf;
-
-// Since my property "-prop-value" is cross-cutting and isn't always
-// on the same prototype chain, I want to modify Object.prototype:
-Object.prototype.valueOf = function() {
-  if (this.hasOwnProperty('-prop-value')) {
-    return this['-prop-value'];
-  } else {
-    // It doesn't look like one of my objects, so let's fall back on
-    // the default behavior by reproducing the current behavior as best we can.
-    // The apply behaves like "super" in some other languages.
-    // Even though valueOf() doesn't take arguments, some other hook may.
-    return current.apply(this, arguments);
-  }
-}
-</pre>
-
-<p>Since JavaScript doesn't exactly have sub-class objects, prototype is a useful workaround to make a “base class” object of certain functions that act as objects. For example:</p>
-
-<pre class="brush: js">var Person = function(name) {
-  this.name = name;
-  this.canTalk = true;
-};
-
-Person.prototype.greet = function() {
-  if (this.canTalk) {
-    console.log('Hi, I am ' + this.name);
-  }
-};
-
-var Employee = function(name, title) {
-  Person.call(this, name);
-  this.title = title;
-};
-
-Employee.prototype = Object.create(Person.prototype);
-
-Employee.prototype.greet = function() {
-  if (this.canTalk) {
-    console.log('Hi, I am ' + this.name + ', the ' + this.title);
-  }
-};
-
-var Customer = function(name) {
-  Person.call(this, name);
-};
-
-Customer.prototype = Object.create(Person.prototype);
-
-var Mime = function(name) {
-  Person.call(this, name);
-  this.canTalk = false;
-};
-
-Mime.prototype = Object.create(Person.prototype);
-
-var bob = new Employee('Bob', 'Builder');
-var joe = new Customer('Joe');
-var rg = new Employee('Red Green', 'Handyman');
-var mike = new Customer('Mike');
-var mime = new Mime('Mime');
-
-bob.greet();
-// Hi, I am Bob, the Builder
-
-joe.greet();
-// Hi, I am Joe
-
-rg.greet();
-// Hi, I am Red Green, the Handyman
-
-mike.greet();
-// Hi, I am Mike
-
-mime.greet();
-</pre>
-
-<h2 id="Especificações">Especificações</h2>
-
-<table class="standard-table">
- <tbody>
-  <tr>
-   <th scope="col">Especificação</th>
-   <th scope="col">Estado</th>
-   <th scope="col">Comentário</th>
-  </tr>
-  <tr>
-   <td>{{SpecName('ES1')}}</td>
-   <td>{{Spec2('ES1')}}</td>
-   <td>Initial definition. Implemented in JavaScript 1.0.</td>
-  </tr>
-  <tr>
-   <td>{{SpecName('ES5.1', '#sec-15.2.3.1', 'Object.prototype')}}</td>
-   <td>{{Spec2('ES5.1')}}</td>
-   <td> </td>
-  </tr>
-  <tr>
-   <td>{{SpecName('ES6', '#sec-object.prototype', 'Object.prototype')}}</td>
-   <td>{{Spec2('ES6')}}</td>
-   <td> </td>
-  </tr>
-  <tr>
-   <td>{{SpecName('ESDraft', '#sec-object.prototype', 'Object.prototype')}}</td>
-   <td>{{Spec2('ESDraft')}}</td>
-   <td> </td>
-  </tr>
- </tbody>
-</table>
-
-<h2 id="Compatibilidade_de_navegador">Compatibilidade de navegador</h2>
-
-<div>
-
-
-<p>{{Compat("javascript.builtins.Object.prototype")}}</p>
-</div>
-
-<h2 id="Consultar_também">Consultar também</h2>
-
-<ul>
- <li><a href="/pt-PT/docs/Learn/JavaScript/Objects">Introdução ao JavaScript Orientado a Objetos</a></li>
-</ul>
diff --git a/files/pt-pt/web/javascript/reference/operadores/operador_virgula/index.html b/files/pt-pt/web/javascript/reference/operators/comma_operator/index.html
index e797f92953..fd3d1ab53c 100644
--- a/files/pt-pt/web/javascript/reference/operadores/operador_virgula/index.html
+++ b/files/pt-pt/web/javascript/reference/operators/comma_operator/index.html
@@ -1,6 +1,6 @@
 ---
 title: Operador Vírgula
-slug: Web/JavaScript/Reference/Operadores/Operador_virgula
+slug: Web/JavaScript/Reference/Operators/Comma_Operator
 tags:
   - Composto
   - Expressão
@@ -10,6 +10,7 @@ tags:
   - Referencia
   - Vírgula
 translation_of: Web/JavaScript/Reference/Operators/Comma_Operator
+original_slug: Web/JavaScript/Reference/Operadores/Operador_virgula
 ---
 <div>Operador {{jsSidebar("Operators")}}</div>
 
diff --git a/files/pt-pt/web/javascript/reference/operadores/função/index.html b/files/pt-pt/web/javascript/reference/operators/function/index.html
index 450183b727..fe2858c796 100644
--- a/files/pt-pt/web/javascript/reference/operadores/função/index.html
+++ b/files/pt-pt/web/javascript/reference/operators/function/index.html
@@ -1,6 +1,6 @@
 ---
 title: Expressão função (Function expression)
-slug: Web/JavaScript/Reference/Operadores/função
+slug: Web/JavaScript/Reference/Operators/function
 tags:
   - Expressões Primárias
   - Funiconaldiade de Linguagem
@@ -8,6 +8,7 @@ tags:
   - JavaScript
   - Operador
 translation_of: Web/JavaScript/Reference/Operators/function
+original_slug: Web/JavaScript/Reference/Operadores/função
 ---
 <div>{{jsSidebar("Operators")}}</div>
 
diff --git a/files/pt-pt/web/javascript/reference/operadores/index.html b/files/pt-pt/web/javascript/reference/operators/index.html
index 02a550b7b0..2856a917bc 100644
--- a/files/pt-pt/web/javascript/reference/operadores/index.html
+++ b/files/pt-pt/web/javascript/reference/operators/index.html
@@ -1,6 +1,6 @@
 ---
 title: Expressões e operadores
-slug: Web/JavaScript/Reference/Operadores
+slug: Web/JavaScript/Reference/Operators
 tags:
   - JavaScript
   - Operadores
@@ -8,6 +8,7 @@ tags:
   - Resumo
   - Sinopse
 translation_of: Web/JavaScript/Reference/Operators
+original_slug: Web/JavaScript/Reference/Operadores
 ---
 <div>{{jsSidebar("Operators")}}</div>
 
diff --git a/files/pt-pt/web/javascript/reference/operadores/precedencia_operador/index.html b/files/pt-pt/web/javascript/reference/operators/operator_precedence/index.html
index 03d4345410..a33ba19b4b 100644
--- a/files/pt-pt/web/javascript/reference/operadores/precedencia_operador/index.html
+++ b/files/pt-pt/web/javascript/reference/operators/operator_precedence/index.html
@@ -1,11 +1,12 @@
 ---
 title: Precedência de operador
-slug: Web/JavaScript/Reference/Operadores/Precedencia_operador
+slug: Web/JavaScript/Reference/Operators/Operator_Precedence
 tags:
   - Guía
   - JavaScript
   - precedência
 translation_of: Web/JavaScript/Reference/Operators/Operator_Precedence
+original_slug: Web/JavaScript/Reference/Operadores/Precedencia_operador
 ---
 <div>{{jsSidebar("Operators")}}</div>
 
diff --git a/files/pt-pt/web/javascript/reference/extratos_e_declarações/bloco/index.html b/files/pt-pt/web/javascript/reference/statements/block/index.html
index a3104dbeae..4a6507702f 100644
--- a/files/pt-pt/web/javascript/reference/extratos_e_declarações/bloco/index.html
+++ b/files/pt-pt/web/javascript/reference/statements/block/index.html
@@ -1,12 +1,13 @@
 ---
 title: Bloco (block)
-slug: Web/JavaScript/Reference/Extratos_e_declarações/bloco
+slug: Web/JavaScript/Reference/Statements/block
 tags:
   - Declaração
   - Funcionalidade de Linguagem
   - JavaScript
   - Referencia
 translation_of: Web/JavaScript/Reference/Statements/block
+original_slug: Web/JavaScript/Reference/Extratos_e_declarações/bloco
 ---
 <div>Bloco {{jsSidebar("Statements")}}</div>
 
diff --git a/files/pt-pt/web/javascript/reference/extratos_e_declarações/for/index.html b/files/pt-pt/web/javascript/reference/statements/for/index.html
index ac7586e98b..687cd23cdc 100644
--- a/files/pt-pt/web/javascript/reference/extratos_e_declarações/for/index.html
+++ b/files/pt-pt/web/javascript/reference/statements/for/index.html
@@ -1,6 +1,6 @@
 ---
 title: for
-slug: Web/JavaScript/Reference/Extratos_e_declarações/for
+slug: Web/JavaScript/Reference/Statements/for
 tags:
   - Declaração
   - Funcionalidade de Linguagem
@@ -10,6 +10,7 @@ tags:
   - Repetição
   - for
 translation_of: Web/JavaScript/Reference/Statements/for
+original_slug: Web/JavaScript/Reference/Extratos_e_declarações/for
 ---
 <div>{{jsSidebar("Statements")}}</div>
 
diff --git a/files/pt-pt/web/javascript/reference/extratos_e_declarações/index.html b/files/pt-pt/web/javascript/reference/statements/index.html
index af841906a1..723804e53a 100644
--- a/files/pt-pt/web/javascript/reference/extratos_e_declarações/index.html
+++ b/files/pt-pt/web/javascript/reference/statements/index.html
@@ -1,12 +1,13 @@
 ---
 title: Declarações e instruções
-slug: Web/JavaScript/Reference/Extratos_e_declarações
+slug: Web/JavaScript/Reference/Statements
 tags:
   - JavaScript
   - Referencia
   - declarações
   - instruções
 translation_of: Web/JavaScript/Reference/Statements
+original_slug: Web/JavaScript/Reference/Extratos_e_declarações
 ---
 <div>{{jsSidebar("Statements")}}</div>
 
diff --git a/files/pt-pt/web/javascript/reference/extratos_e_declarações/return/index.html b/files/pt-pt/web/javascript/reference/statements/return/index.html
index 6cec134992..54d99d85c3 100644
--- a/files/pt-pt/web/javascript/reference/extratos_e_declarações/return/index.html
+++ b/files/pt-pt/web/javascript/reference/statements/return/index.html
@@ -1,10 +1,11 @@
 ---
 title: return
-slug: Web/JavaScript/Reference/Extratos_e_declarações/return
+slug: Web/JavaScript/Reference/Statements/return
 tags:
   - Declaração
   - JavaScript
 translation_of: Web/JavaScript/Reference/Statements/return
+original_slug: Web/JavaScript/Reference/Extratos_e_declarações/return
 ---
 <div>{{jsSidebar("Statements")}}</div>
 
diff --git a/files/pt-pt/web/javascript/reference/extratos_e_declarações/throw/index.html b/files/pt-pt/web/javascript/reference/statements/throw/index.html
index 9e7a8bf54e..ffea8a688e 100644
--- a/files/pt-pt/web/javascript/reference/extratos_e_declarações/throw/index.html
+++ b/files/pt-pt/web/javascript/reference/statements/throw/index.html
@@ -1,11 +1,12 @@
 ---
 title: throw
-slug: Web/JavaScript/Reference/Extratos_e_declarações/throw
+slug: Web/JavaScript/Reference/Statements/throw
 tags:
   - Comando
   - Declaração
   - JavaScript
 translation_of: Web/JavaScript/Reference/Statements/throw
+original_slug: Web/JavaScript/Reference/Extratos_e_declarações/throw
 ---
 <div>{{jsSidebar("Statements")}}</div>
 
diff --git a/files/pt-pt/web/javascript/shells/index.html b/files/pt-pt/web/javascript/shells/index.html
new file mode 100644
index 0000000000..f6ad6e93eb
--- /dev/null
+++ b/files/pt-pt/web/javascript/shells/index.html
@@ -0,0 +1,30 @@
+---
+title: JavaScript Shells
+slug: Web/JavaScript/Shells
+tags:
+  - Extensões:Ferramentas
+  - Ferramentas
+  - JavaScript
+  - JavaScript:Ferramentas
+original_slug: JavaScript_Shells
+---
+<p>Um shell JavaScript permite a você rapidamente testar partes de código <a href="pt/JavaScript">JavaScript</a> sem ter que atualizar a página web. Eles são extremamente úteis para desenvolvimento e depuração de código.</p>
+
+<h4 id="Lista_de_shells_JavaScript" name="Lista_de_shells_JavaScript">Lista de shells JavaScript</h4>
+
+<p>Os seguintes shells JavaScript trabalham com o Mozilla:</p>
+
+<ul>
+ <li><a class="external" href="http://www.squarefree.com/shell/">JavaScript Shell (página web)</a> - também disponível como parte da <a class="external" href="http://ted.mielczarek.org/code/mozilla/extensiondev/">extensão Developer's Extension</a></li>
+ <li><a href="pt/Introduction_to_the_JavaScript_shell">JavaScript Shell</a> (js) - Um intérprete de linha de comando para JavaScript (requere sua própria construção Mozilla).
+  <ul>
+   <li><a href="pt/Xpcshell">xpcshell</a> é um <a href="pt/XPConnect">XPConnect</a>- shell habilitado, algumas vezes útil para desenvolvimento Mozilla.</li>
+  </ul>
+ </li>
+ <li><a class="link-https" href="https://sekhmet.acceleration.net/ADW/JsShellServer/">JavaScript Shell Server</a> - permite conexões de Emacs.</li>
+ <li><a class="external" href="http://rainbow9.org">rainbow9 - Javascript IDE</a></li>
+</ul>
+
+<p><span class="comment">Categorias</span></p>
+
+<p><span class="comment">Add Interwiki Languages</span></p>
diff --git a/files/pt-pt/web/mathml/attribute/valores/index.html b/files/pt-pt/web/mathml/attribute/values/index.html
index 62a23acd8d..6e15310f0b 100644
--- a/files/pt-pt/web/mathml/attribute/valores/index.html
+++ b/files/pt-pt/web/mathml/attribute/values/index.html
@@ -1,11 +1,12 @@
 ---
 title: Valores
-slug: Web/MathML/Attribute/Valores
+slug: Web/MathML/Attribute/Values
 tags:
   - Guía
   - MathML
   - Referência de MathML
 translation_of: Web/MathML/Attribute/Values
+original_slug: Web/MathML/Attribute/Valores
 ---
 <div>{{MathMLRef}}</div>
 
diff --git a/files/pt-pt/web/mathml/examples/derivar_a_formula_resolvente/index.html b/files/pt-pt/web/mathml/examples/deriving_the_quadratic_formula/index.html
index 08f847fbb3..3d2348bd81 100644
--- a/files/pt-pt/web/mathml/examples/derivar_a_formula_resolvente/index.html
+++ b/files/pt-pt/web/mathml/examples/deriving_the_quadratic_formula/index.html
@@ -1,6 +1,6 @@
 ---
 title: 'MathML: Derivar a Formula Resolvente'
-slug: Web/MathML/Examples/Derivar_a_Formula_Resolvente
+slug: Web/MathML/Examples/Deriving_the_Quadratic_Formula
 tags:
   - Beginner
   - Educação
@@ -9,6 +9,7 @@ tags:
   - HTML5
   - MathML
 translation_of: Web/MathML/Examples/Deriving_the_Quadratic_Formula
+original_slug: Web/MathML/Examples/Derivar_a_Formula_Resolvente
 ---
 <p><span class="seoSummary">Esta página descreve a derivação da Fórmula Resultante.</span></p>
 
diff --git a/files/pt-pt/web/mathml/examples/mathml_teorema_de_pitagoras/index.html b/files/pt-pt/web/mathml/examples/mathml_pythagorean_theorem/index.html
index d4edbfc4dd..0c8342effb 100644
--- a/files/pt-pt/web/mathml/examples/mathml_teorema_de_pitagoras/index.html
+++ b/files/pt-pt/web/mathml/examples/mathml_pythagorean_theorem/index.html
@@ -1,6 +1,6 @@
 ---
 title: Provar o teorema de Pitágoras
-slug: Web/MathML/Examples/MathML_teorema_de_Pitagoras
+slug: Web/MathML/Examples/MathML_Pythagorean_Theorem
 tags:
   - Beginner
   - Educação de matemática
@@ -9,6 +9,7 @@ tags:
   - Matemática HTML5
   - MathML
 translation_of: Web/MathML/Examples/MathML_Pythagorean_Theorem
+original_slug: Web/MathML/Examples/MathML_teorema_de_Pitagoras
 ---
 <p>Iremos provar o teorema de Pitágoras:</p>
 
diff --git a/files/pt-pt/web/opensearch/index.html b/files/pt-pt/web/opensearch/index.html
new file mode 100644
index 0000000000..c01f364497
--- /dev/null
+++ b/files/pt-pt/web/opensearch/index.html
@@ -0,0 +1,149 @@
+---
+title: Criando plugins OpenSearch para o Firefox
+slug: Web/OpenSearch
+tags:
+  - Search plugins
+translation_of: Web/OpenSearch
+original_slug: Criando_plugins_OpenSearch_para_o_Firefox
+---
+<h2 id="OpenSearch" name="OpenSearch">OpenSearch</h2>
+<p><a href="pt/Firefox_2">Firefox 2</a> suporta o formato de descrição <a class="external" href="http://opensearch.org/">OpenSearch</a> para plugins de busca. Plugins que usam a <a class="external" href="http://www.opensearch.org/Specifications/OpenSearch/1.1#OpenSearch_description_document">OpenSearch description syntax</a> são compativeis com IE 7 e Firefox. Por causa disso, ele é o formato recomendado para uso na web.</p>
+<p>Firefox também suporta capacidades adicionais de busca não incluidos na <a class="external" href="http://www.opensearch.org/Specifications/OpenSearch/1.1#OpenSearch_description_document">OpenSearch description syntax</a>, tais como as sugestões de busca e o elemento <code>SearchForm</code>. Este artigo terá fóco na criação de plugins de busca compativeis com a sintaxe OpenSearch e com suporte a essas caracteristicas específicas do Firefox.</p>
+<p>O arquivo de descrição OpenSearch também pode ser reconhecido automaticamente pelo browser como descrito em <a href="#Autodiscovery_of_search_plugins">Autodiscovery of search plugins</a>, e pode ser instalado atravéz de programação como descrito em <a href="pt/Adding_search_engines_from_web_pages">Adding search engines from web pages</a>.</p>
+<h2 id="Arquivo_de_descri.C3.A7.C3.A3o_OpenSearch" name="Arquivo_de_descri.C3.A7.C3.A3o_OpenSearch">Arquivo de descrição OpenSearch</h2>
+<p>O arquivo XML descrevendo um motor de busca é, na verdade, muito simples, sequindo o template abaixo. As seções em negrito devem ser customizadas de acordo com as necessidades específicas para o plugin do motor de busca que você está escrevendo.</p>
+<pre class="eval">&lt;OpenSearchDescription xmlns="<span class="nowiki">http://a9.com/-/spec/opensearch/1.1/</span>"
+                       xmlns:moz="<span class="nowiki">http://www.mozilla.org/2006/browser/search/</span>"&gt;
+&lt;ShortName&gt;<b>Nome do motor</b>&lt;/ShortName&gt;
+&lt;Description&gt;<b>Descrição do motor</b>&lt;/Description&gt;
+&lt;InputEncoding&gt;<b>Codificação de entrada</b>&lt;/InputEncoding&gt;
+&lt;Image width="16" height="16"&gt;data:image/x-icon;base64,<b>Dados da imagem</b>&lt;/Image&gt;
+&lt;Url type="text/html" method="<b>método</b>" template="<b>URL de busca</b>"&gt;
+  &lt;Param name="<b>Nome do parametro 1</b>" value="<b>Valor do parametro 1</b>"/&gt;
+  ...
+  &lt;Param name="<b>Nome do parametro N</b>" value="<b>Valor do parametro N</b>"/&gt;
+&lt;/Url&gt;
+&lt;Url type="application/x-suggestions+json" template="<b>URL de Sugestões</b>"/&gt;
+&lt;moz:SearchForm&gt;<b>URL do form de procura</b>&lt;/moz:SearchForm&gt;
+&lt;/OpenSearchDescription&gt;
+</pre>
+<dl>
+  <dt>
+    <b>Nome do motor</b></dt>
+  <dd>
+    Um nome curto para o motor de busca.</dd>
+</dl>
+<dl>
+  <dt>
+    <b>Descrição do motor</b></dt>
+  <dd>
+    Uma breve descrição do motor de busca.</dd>
+</dl>
+<dl>
+  <dt>
+    <b>Codificação de entrada</b></dt>
+  <dd>
+    A codificação que será usada na entrada de dados do motor de busca. Ex:UTF8</dd>
+</dl>
+<dl>
+  <dt>
+    <b>Dados da imagem</b></dt>
+  <dd>
+    Um icone de representação para o motor de busca de tamanho 16x16 e codificado em Base-64. Uma ferramente muito boa que você pode usar para construir os dados para colocar aqui pode ser encontrado aqui: <a class="external" href="http://software.hixie.ch/utilities/cgi/data/data">The data: URI kitchen</a>.</dd>
+</dl>
+<dl>
+  <dt>
+    <b>Url</b></dt>
+  <dd>
+    Descreve a URL ou URLs para usar na busca. O atributo <code>method</code> indica quando usar requisição <code>GET</code> ou <code>POST</code> para buscar os resultados. O atributo <code>template</code> indica a URL base para a pesquisa.</dd>
+  <dd>
+    <div class="note">
+      <b>Nota:</b> Internet Explorer 7 não suporta requisições via <code>POST</code>.</div>
+  </dd>
+</dl>
+<dl>
+  <dd>
+    Existem dois tipos de URL que o Firefox suporta:</dd>
+</dl>
+<ul>
+  <li><code>type="text/html"</code> é usado para especificar a URL da pesquisa atual em si.</li>
+  <li><code>type="application/x-suggestions+json"</code> é usado para especiicar a URL em pesquisas com sugestões.</li>
+</ul>
+<dl>
+  <dd>
+    Para qualquer um desses tipos de URL, você pode usar o <code>{searchTerms}</code> para substituir os termos de busca colocados pelo usuário na barra de busca. Outros parâmetros dinâmicos de busca suportados estão descritos em <a class="external" href="http://www.opensearch.org/Specifications/OpenSearch/1.1/Draft_3#OpenSearch_1.1_parameters">OpenSearch 1.1 parameters</a>.</dd>
+</dl>
+<dl>
+  <dd>
+    Para buscas com sugestões, o template de URL especificado é usado para trazer uma lista de sugestões no formato JavaScript Object Notation (JSON). Para detalhes de como implementear o suporte a sugestões de busca no servidor, olhe <a href="pt/Supporting_search_suggestions_in_search_plugins">Supporting search suggestions in search plugins</a>.</dd>
+</dl>
+<p><img alt="Image:SearchSuggestionSample.png"></p>
+<dl>
+  <dt>
+    <b>Parametros</b></dt>
+  <dd>
+    São os parametros que precisam ser passados juntamente com os dados da consulta, em pares Chave/Valor. Quando especificar valores, você pode usar o <code>{searchTerms}</code> para inserir os termos de busca colocados pelo usuário na barra de busca.</dd>
+  <dd>
+    <div class="note">
+      <b>Nota:</b> Internet Explorer 7 não suporta este elemento.</div>
+  </dd>
+</dl>
+<dl>
+  <dt>
+    <b>Forme de Busca</b></dt>
+  <dd>
+    É a URL da pagina de busca do site para qual o plugin de busca foi desenvolvido. Esta pagina será aberta quanda não forem informados termos na barra de busca. Isso provê um caminho para que os usuarios do firefox visitem o site diretamente.</dd>
+  <dd>
+    <div class="note">
+      <b>Nota:</b> Sendo um elemento específico do Firefox, e não parte da especificação OpenSearch, nós usaremos o prefixo de nome XML "<code>moz:</code>" como no exemplo acima, para assegurar que outros navegadores que não suportam este elemento possam ignora-lo com segurança.</div>
+  </dd>
+</dl>
+<h2 id="Descobrimento_automatico_de_plugins_de_busca" name="Descobrimento_automatico_de_plugins_de_busca">Descobrimento automatico de plugins de busca</h2>
+<p>Um site que oferece um plugin de busca pode anuncia-lo de forma que os usuarios do Firefox possam facilmente baixar e instalar o plugin.</p>
+<p>Para prover o Descobrimento automatico, você deve simplesmete adicionar uma linha de codigo na seção <code>&lt;head&gt;</code> de sua pagina web:</p>
+<pre class="eval">&lt;link rel="search" type="application/opensearchdescription+xml" title="<i>Titulo do buscador</i>" href="<i>URL do plugin</i>"&gt;
+</pre>
+<p>Substitua os itens em italico como explicado abaixo:</p>
+<dl>
+  <dt>
+    <b>Titulo do buscador</b></dt>
+  <dd>
+    O nome do buscador, como "Search MDC" ou "Yahoo! Search". Este valor deve corresponder ao nome do motor contido no arquivo do plugin.</dd>
+</dl>
+<dl>
+  <dt>
+    <b>URL do plugin</b></dt>
+  <dd>
+    A URL para o arquivo XML do plugin de busca, de onde o browser poderá baixa-lo.</dd>
+</dl>
+<p>Se o seu site oferece multiplos plugins de busca, você poderá dar suporte ao descobrimento automatico a todos eles. Por exemplo:</p>
+<pre class="eval">&lt;link rel="search" type="application/opensearchdescription+xml" title="Meu Site: Por Autor" href="<a class="external" href="http://www.meusite.com/meusiteautor.xml" rel="freelink">http://www.meusite.com/meusiteautor.xml</a>"&gt;
+&lt;link rel="search" type="application/opensearchdescription+xml" title="Meu Site: Por Titulo" href="<a class="external" href="http://www.meusite.com/meusitetitulo.xml" rel="freelink">http://www.meusite.com/meusitetitulo.xml</a>"&gt;
+</pre>
+<p>Desta maneira, seu site pode oferecer plugins de busca tanto para autores quanto para titulos como entidades separadas.</p>
+<h2 id="Solucionando_Problemas" name="Solucionando_Problemas">Solucionando Problemas</h2>
+<p>Se existe um erro em seu código XML do plugin de busca, você pode acessar os erros quando estiver adicionando um plugin descoberto no Firefox 2. A mensagem de erro pode não lhe ajudar completamente, mas, seguir as dicas abaixo deve ajudar você a encontrar o problema.</p>
+<ul>
+  <li>Certifique-se que o XML do seu Plugin de Busca está bem formatado. Você pode checar isto carregando o arquivo diretamente no Firefox. &amp; no template URL deve ser usado como &amp;amp; e tags devem ser fechadas com uma barra ou tag final correspondente..</li>
+</ul>
+<pre class="eval">&lt;shortName <strong>/</strong>&gt;
+&lt;shortName&gt;Google search&lt;<strong>/</strong>shortName&gt;
+</pre>
+<ul>
+  <li>O atributo <code>xmlns</code> é importante, sem ele você pode obter uma mensagem de erro indicando que "O Firefox não pôde baixar o plugin de busca de: (URL)".</li>
+  <li>Note que você <strong>deve</strong> incluir uma URL <code>text/html</code> — plugins de busca incluindo somente os tipos de URL Atom ou <a href="/pt/RSS" title="pt/RSS">RSS</a> (que são válidos, mas o Firefox não suporta) também gerarão o erro "não foi possível baixar o plugin de busca".</li>
+  <li>Favicons buscados remotamente não devem ser maiores do que 10KB (veja {{ Bug(361923) }}).</li>
+</ul>
+<p>Além disso, o serviço de plugin de busca proporciona um mecanismo de log que pode ser útil para desenvolvedores de plugins. Use <em>about:config</em> para configurar a preferência '<code>browser.search.log</code>' para <code>true</code> (verdadeira). Informações do log aparecerão no Console de Erros do Firefox (<a href="/pt/Error_Console" title="pt/Error_Console">Error Console</a>)(Ferramentas -&gt; Console de Erros) quando os plugins de busca forem adicionados.</p>
+<h2 id="Material_de_Referencia" name="Material_de_Referencia">Material de Referência</h2>
+<ul>
+  <li><a class="external" href="http://rodrigok.890m.com/firefox/">Plugins de busca adicionais</a>, instalação e codigo fonte.</li>
+  <li><a class="external" href="http://opensearch.org/">OpenSearch Documentation</a>, <a class="external" href="http://www.opensearch.org/Specifications/OpenSearch/Extensions/Parameter/1.0">OpenSearch Documentation about the Url and Param element</a></li>
+  <li>Technorati.com has a <a class="external" href="http://technorati.com/osd.xml">working osd.xml</a></li>
+  <li>More on Autodiscovery difficulties at bugzilla {{ Bug(340208) }}</li>
+  <li><a class="external" href="http://en.wikipedia.org/wiki/Data:_URI_scheme"><code>data:</code> URI scheme</a></li>
+  <li><a class="external" href="http://www.searchplugins.net">searchplugins.net</a> - create OpenSearch plugins for use with Firefox 2. <a class="external" href="http://www.searchplugins.net/pluginlist.aspx">List of generated search plugins</a></li>
+  <li><a class="external" href="http://keijisaito.info/ready2search/e/">Ready2Search</a> - create OpenSearch plugins. <a class="external" href="http://keijisaito.info/arc/search/en_make_plugin.htm">Customized Search through Ready2Search</a></li>
+</ul>
+<p><span class="comment">Interwiki link</span></p>
+<p>{{ languages( { "ca": "ca/Creaci\u00f3_de_connectors_OpenSearch_per_al_Firefox", "en": "en/Creating_OpenSearch_plugins_for_Firefox", "es": "es/Creaci\u00f3n_de_plugins_OpenSearch_para_Firefox", "fr": "fr/Cr\u00e9ation_de_plugins_OpenSearch_pour_Firefox", "ja": "ja/Creating_OpenSearch_plugins_for_Firefox", "pl": "pl/Tworzenie_wtyczek_OpenSearch_dla_Firefoksa" } ) }}</p>
diff --git a/files/pt-pt/web/progressive_web_apps/guia_de_programacao/index.html b/files/pt-pt/web/progressive_web_apps/developer_guide/index.html
index 7c63675479..ff532a28f1 100644
--- a/files/pt-pt/web/progressive_web_apps/guia_de_programacao/index.html
+++ b/files/pt-pt/web/progressive_web_apps/developer_guide/index.html
@@ -1,6 +1,6 @@
 ---
 title: PWA - Guia de programação
-slug: Web/Progressive_web_apps/Guia_de_programacao
+slug: Web/Progressive_web_apps/Developer_guide
 tags:
   - Aplicações
   - Aplicações da Web progressivas
@@ -13,6 +13,7 @@ tags:
   - Web
   - progressivo
 translation_of: Web/Progressive_web_apps/Developer_guide
+original_slug: Web/Progressive_web_apps/Guia_de_programacao
 ---
 <p>{{draft}}</p>
 
diff --git a/files/pt-pt/web/progressive_web_apps/identificavel/index.html b/files/pt-pt/web/progressive_web_apps/identificavel/index.html
deleted file mode 100644
index 712d465d91..0000000000
--- a/files/pt-pt/web/progressive_web_apps/identificavel/index.html
+++ /dev/null
@@ -1,62 +0,0 @@
----
-title: Identificável
-slug: Web/Progressive_web_apps/Identificavel
-tags:
-  - Aplicações
-  - Aplicações da Web modernas
-  - Aplicações da Web progressivas
-  - Manifesto
-  - identificável
-  - manifesto da Web
-translation_of: Web/Progressive_web_apps
-translation_of_original: Web/Progressive_web_apps/Discoverable
----
-<div class="column-container summary">
-<div class="column-11">As soon as you publish a new web app, you want the world to know about it. Search engines do ok, but often more control is desired over how your apps are exposed in search results. The new W3C Manifest for a web application can help with this, along with other available features.</div>
-
-<div class="column-1"><img alt="" src="https://mdn.mozillademos.org/files/12654/discoverable.svg" style="height: 43px; width: 34px;"></div>
-</div>
-
-<p>Objetivos eventuais para as aplicações da Web :</p>
-
-<ul>
- <li>To have better representation in search engines</li>
- <li>To be easier to expose, catalog and rank</li>
- <li>To have metadata useable by browsers to give them special capabilities</li>
-</ul>
-
-<h2 id="Guias_principais">Guias principais</h2>
-
-<p>None written as yet; contributions appreciated.</p>
-
-<h2 id="Tecnologias">Tecnologias</h2>
-
-<table class="standard-table">
- <thead>
-  <tr>
-   <th scope="col">Tecnologia</th>
-   <th scope="col">Descrição</th>
-   <th scope="col">Resumo de suporte</th>
-   <th scope="col">Especificações mais recentes</th>
-  </tr>
- </thead>
- <tbody>
-  <tr>
-   <td><a href="/en-US/docs/Web/Manifest">Web app manifest</a></td>
-   <td>Defines features of an app such as name, icon, splash screen, and theme colors, for use in contexts such as app listings and device home screens.</td>
-   <td>Experimental, Supported in Chrome, limited support in Firefox (<a href="/en-US/docs/Web/Manifest#Browser_compatibility">more detail</a>)</td>
-   <td>{{SpecName('Manifest')}}</td>
-  </tr>
- </tbody>
-</table>
-
-<h2 id="Ferramentas">Ferramentas</h2>
-
-<p>Add links to useful tools/libraries.</p>
-
-<h2 id="Consulte_também">Consulte também</h2>
-
-<dl>
- <dt><a href="http://ogp.me/">Open Graph</a></dt>
- <dd>A <em>defacto</em> standard providing a format for specifying similar metadata in the HTML <code>&lt;head&gt;</code> using meta tags. Supported by Facebook and other properties.</dd>
-</dl>
diff --git a/files/pt-pt/web/css/como_começar/mídia/index.html b/files/pt-pt/web/progressive_web_apps/responsive/media_types/index.html
index 0038962474..c8ec43cff3 100644
--- a/files/pt-pt/web/css/como_começar/mídia/index.html
+++ b/files/pt-pt/web/progressive_web_apps/responsive/media_types/index.html
@@ -1,9 +1,10 @@
 ---
 title: Média
-slug: Web/CSS/Como_começar/Mídia
+slug: Web/Progressive_web_apps/Responsive/Media_types
 tags:
-  - 'CSS:Como_começar'
+  - CSS:Como_começar
 translation_of: Web/Progressive_web_apps/Responsive/Media_types
+original_slug: Web/CSS/Como_começar/Mídia
 ---
 <p>{{ PreviousNext("CSS:Como começar:Tabelas", "CSS:Como começar:JavaScript") }}</p>
 
diff --git a/files/pt-pt/web/progressive_web_apps/responsivo/elementos_base_desenho_adaptavel/index.html b/files/pt-pt/web/progressive_web_apps/responsive/responsive_design_building_blocks/index.html
index bb101b0350..aa1db53e54 100644
--- a/files/pt-pt/web/progressive_web_apps/responsivo/elementos_base_desenho_adaptavel/index.html
+++ b/files/pt-pt/web/progressive_web_apps/responsive/responsive_design_building_blocks/index.html
@@ -1,6 +1,6 @@
 ---
 title: Elementos base do desenho adaptável
-slug: Web/Progressive_web_apps/Responsivo/Elementos_base_desenho_adaptavel
+slug: Web/Progressive_web_apps/Responsive/responsive_design_building_blocks
 tags:
   - Aplicações
   - CSS
@@ -8,6 +8,7 @@ tags:
   - HTML5
   - Movel
 translation_of: Web/Progressive_web_apps/Responsive/responsive_design_building_blocks
+original_slug: Web/Progressive_web_apps/Responsivo/Elementos_base_desenho_adaptavel
 ---
 <div class="summary">
 <p>Este artigo discute os componentes essenciais de desenho responsivo, com ligações para outros artigos que ajudam a aprofundar, se for necessário.</p>
diff --git a/files/pt-pt/web/progressive_web_apps/responsivo/index.html b/files/pt-pt/web/progressive_web_apps/responsivo/index.html
deleted file mode 100644
index 23bf84f782..0000000000
--- a/files/pt-pt/web/progressive_web_apps/responsivo/index.html
+++ /dev/null
@@ -1,156 +0,0 @@
----
-title: Desenho responsivo
-slug: Web/Progressive_web_apps/Responsivo
-tags:
-  - Aplicações
-  - Aplicações da Web progressivas
-  - Desenvolvimento da Web
-  - Responsivo
-translation_of: Web/Progressive_web_apps/Responsive/responsive_design_building_blocks
-translation_of_original: Web/Progressive_web_apps/Responsive
----
-<div class="column-container summary">
-<div class="column-11"><span class="seoSummary">As aplicações da <em>Web</em> responsivas utilizam tecnologias, tais como consultas de multimédia e <em>viewport</em> para se certificar que as suas <em>UIs</em> irão enquadrar qualquer fator de forma: pc, telemóvel, tablet, ou que quer que venha a seguir.</span></div>
-
-<div class="column-1"><img alt="" src="https://mdn.mozillademos.org/files/12650/responsive.svg"></div>
-</div>
-
-<h2 id="Guias_núcleo">Guias núcleo</h2>
-
-<dl>
- <dt><a href="/en-US/docs/Web/Apps/Modern/Responsive/responsive_design_building_blocks">The building blocks of responsive design</a></dt>
- <dd>Learn the basics of responsive design, an essential topic for modern app layout.</dd>
- <dt><a href="/en-US/docs/Web/Apps/Modern/Responsive/Mobile_first">Mobile first</a></dt>
- <dd>Often when creating responsive application layouts, it makes sense to create the mobile layout as the default, and build wider layouts on top.</dd>
-</dl>
-
-<h2 id="Tecnologias">Tecnologias</h2>
-
-<table class="standard-table">
- <thead>
-  <tr>
-   <th scope="col">Tecnologia</th>
-   <th scope="col">Descrição</th>
-   <th scope="col">Resumo de suporte</th>
-   <th scope="col">Últimas especificações</th>
-  </tr>
- </thead>
- <tbody>
-  <tr>
-   <td><a href="/en-US/docs/Web/CSS/Media_Queries">Media queries</a></td>
-   <td>Defines expressions allowing styling to be selectively applied to content depending on viewport size, resolution, orientation, etc.</td>
-   <td>Widespread across modern browsers (<a href="/en-US/docs/Web/CSS/Media_Queries#Browser_compatibility">more detail</a>)</td>
-   <td><a href="https://drafts.csswg.org/mediaqueries-4/">Media Queries Level 4</a></td>
-  </tr>
-  <tr>
-   <td><a href="/en-US/docs/Web/CSS/@viewport">@viewport</a>/<a href="/en-US/docs/Mozilla/Mobile/Viewport_meta_tag">viewport meta tag</a></td>
-   <td>Controls viewport settings, primarily on mobile devices.</td>
-   <td>@viewport: Experimental (<a href="/en-US/docs/Web/CSS/@viewport#Browser_compatibility">more detail</a>)<br>
-    Viewport meta tag: Widespread across modern mobile devices</td>
-   <td><a href="https://drafts.csswg.org/css-device-adapt/#the-atviewport-rule">CSS Device Adaptation Module Level 1</a></td>
-  </tr>
-  <tr>
-   <td><a href="/en-US/docs/Web/CSS/CSS_Flexible_Box_Layout">Flexbox</a></td>
-   <td>A very useful CSS feature for creating flexible, responsive layouts.</td>
-   <td>Widespread across modern browsers (<a href="/en-US/docs/Web/CSS/CSS_Flexible_Box_Layout#Browser_compatibility">more detail</a>)</td>
-   <td><a href="https://drafts.csswg.org/css-flexbox-1/">CSS Flexible Box Layout Module Level 1</a></td>
-  </tr>
- </tbody>
-</table>
-
-<h2 id="Ferramentas">Ferramentas</h2>
-
-<dl>
- <dt><a href="https://modernizr.com/">Modernizr</a></dt>
- <dd>A feature detection library for applying different CSS and JS to your page depending on whether certain CSS/JS features are supported.</dd>
- <dt><a href="https://code.google.com/archive/p/css3-mediaqueries-js/">css3-mediaqueries-js</a></dt>
- <dd>A JavaScript polyfill to add Media Query support to old versions of IE (5+.)</dd>
-</dl>
-
-<h2 id="Consulte_também">Consulte também</h2>
-
-<dl>
- <dt><a href="/en-US/docs/Web/Apps/Modern/Responsive/Graphics_for_responsive_sites">Graphics for responsive sites</a></dt>
- <dd>Ideas to keep in mind when designing graphics for responsive sites and applications.</dd>
- <dt><a href="/en-US/docs/Web/Apps/Modern/Responsive/Responsive_navigation_patterns">Responsive navigation patterns</a></dt>
- <dd>How do you make a UI that looks and works as great on a smartphone as it does on the desktop? Learn how to design UIs that change to fit your user's screen.</dd>
-</dl>
-
-<div id="SL_balloon_obj" style="display: block;">
-<div class="SL_ImTranslatorLogo" id="SL_button" style="background: rgba(0, 0, 0, 0)  repeat scroll 0% 0%; opacity: 1; display: none; left: -8px; top: -25px;"> </div>
-
-<div id="SL_shadow_translation_result2" style="display: none;"> </div>
-
-<div id="SL_shadow_translator" style="display: none;">
-<div id="SL_planshet">
-<div id="SL_arrow_up" style="background: rgba(0, 0, 0, 0)  repeat scroll 0% 0%;"> </div>
-
-<div id="SL_Bproviders">
-<div class="SL_BL_LABLE_ON" id="SL_P0" title="Google">G</div>
-
-<div class="SL_BL_LABLE_ON" id="SL_P1" title="Microsoft">M</div>
-
-<div class="SL_BL_LABLE_ON" id="SL_P2" title="Translator">T</div>
-</div>
-
-<div id="SL_alert_bbl" style="display: none;">
-<div id="SLHKclose" style="background: rgba(0, 0, 0, 0)  repeat scroll 0% 0%;"> </div>
-
-<div id="SL_alert_cont"> </div>
-</div>
-
-<div id="SL_TB">
-<table id="SL_tables">
- <tbody><tr>
-  <td class="SL_td"><input></td>
-  <td class="SL_td"><select><option value="auto">Detectar idioma</option><option value="af">Africâner</option><option value="sq">Albanês</option><option value="de">Alemão</option><option value="ar">Arabe</option><option value="hy">Armênio</option><option value="az">Azerbaijano</option><option value="eu">Basco</option><option value="bn">Bengali</option><option value="be">Bielo-russo</option><option value="my">Birmanês</option><option value="bs">Bósnio</option><option value="bg">Búlgaro</option><option value="ca">Catalão</option><option value="kk">Cazaque</option><option value="ceb">Cebuano</option><option value="ny">Chichewa</option><option value="zh-CN">Chinês (Simp)</option><option value="zh-TW">Chinês (Trad)</option><option value="si">Cingalês</option><option value="ko">Coreano</option><option value="ht">Crioulo haitiano</option><option value="hr">Croata</option><option value="da">Dinamarquês</option><option value="sk">Eslovaco</option><option value="sl">Esloveno</option><option value="es">Espanhol</option><option value="eo">Esperanto</option><option value="et">Estoniano</option><option value="fi">Finlandês</option><option value="fr">Francês</option><option value="gl">Galego</option><option value="cy">Galês</option><option value="ka">Georgiano</option><option value="el">Grego</option><option value="gu">Gujarati</option><option value="ha">Hauça</option><option value="iw">Hebraico</option><option value="hi">Hindi</option><option value="hmn">Hmong</option><option value="nl">Holandês</option><option value="hu">Húngaro</option><option value="ig">Igbo</option><option value="id">Indonésio</option><option value="en">Inglês</option><option value="yo">Ioruba</option><option value="ga">Irlandês</option><option value="is">Islandês</option><option value="it">Italiano</option><option value="ja">Japonês</option><option value="jw">Javanês</option><option value="kn">Kannada</option><option value="km">Khmer</option><option value="lo">Laosiano</option><option value="la">Latim</option><option value="lv">Letão</option><option value="lt">Lituano</option><option value="mk">Macedônico</option><option value="ml">Malaiala</option><option value="ms">Malaio</option><option value="mg">Malgaxe</option><option value="mt">Maltês</option><option value="mi">Maori</option><option value="mr">Marathi</option><option value="mn">Mongol</option><option value="ne">Nepalês</option><option value="no">Norueguês</option><option value="fa">Persa</option><option value="pl">Polonês</option><option value="pt">Português</option><option value="pa">Punjabi</option><option value="ro">Romeno</option><option value="ru">Russo</option><option value="sr">Sérvio</option><option value="st">Sesotho</option><option value="so">Somália</option><option value="sw">Suaíli</option><option value="su">Sudanês</option><option value="sv">Sueco</option><option value="tg">Tadjique</option><option value="tl">Tagalo</option><option value="th">Tailandês</option><option value="ta">Tâmil</option><option value="cs">Tcheco</option><option value="te">Telugo</option><option value="tr">Turco</option><option value="uk">Ucraniano</option><option value="ur">Urdu</option><option value="uz">Uzbeque</option><option value="vi">Vietnamita</option><option value="yi">Yiddish</option><option value="zu">Zulu</option></select></td>
-  <td class="SL_td">
-   <div id="SL_switch_b" style="background: rgba(0, 0, 0, 0)  repeat scroll 0% 0%;" title="Alternar Idiomas"> </div>
-  </td>
-  <td class="SL_td"><select><option value="af">Africâner</option><option value="sq">Albanês</option><option value="de">Alemão</option><option value="ar">Arabe</option><option value="hy">Armênio</option><option value="az">Azerbaijano</option><option value="eu">Basco</option><option value="bn">Bengali</option><option value="be">Bielo-russo</option><option value="my">Birmanês</option><option value="bs">Bósnio</option><option value="bg">Búlgaro</option><option value="ca">Catalão</option><option value="kk">Cazaque</option><option value="ceb">Cebuano</option><option value="ny">Chichewa</option><option value="zh-CN">Chinês (Simp)</option><option value="zh-TW">Chinês (Trad)</option><option value="si">Cingalês</option><option value="ko">Coreano</option><option value="ht">Crioulo haitiano</option><option value="hr">Croata</option><option value="da">Dinamarquês</option><option value="sk">Eslovaco</option><option value="sl">Esloveno</option><option value="es">Espanhol</option><option value="eo">Esperanto</option><option value="et">Estoniano</option><option value="fi">Finlandês</option><option value="fr">Francês</option><option value="gl">Galego</option><option value="cy">Galês</option><option value="ka">Georgiano</option><option value="el">Grego</option><option value="gu">Gujarati</option><option value="ha">Hauça</option><option value="iw">Hebraico</option><option value="hi">Hindi</option><option value="hmn">Hmong</option><option value="nl">Holandês</option><option value="hu">Húngaro</option><option value="ig">Igbo</option><option value="id">Indonésio</option><option selected value="en">Inglês</option><option value="yo">Ioruba</option><option value="ga">Irlandês</option><option value="is">Islandês</option><option value="it">Italiano</option><option value="ja">Japonês</option><option value="jw">Javanês</option><option value="kn">Kannada</option><option value="km">Khmer</option><option value="lo">Laosiano</option><option value="la">Latim</option><option value="lv">Letão</option><option value="lt">Lituano</option><option value="mk">Macedônico</option><option value="ml">Malaiala</option><option value="ms">Malaio</option><option value="mg">Malgaxe</option><option value="mt">Maltês</option><option value="mi">Maori</option><option value="mr">Marathi</option><option value="mn">Mongol</option><option value="ne">Nepalês</option><option value="no">Norueguês</option><option value="fa">Persa</option><option value="pl">Polonês</option><option value="pt">Português</option><option value="pa">Punjabi</option><option value="ro">Romeno</option><option value="ru">Russo</option><option value="sr">Sérvio</option><option value="st">Sesotho</option><option value="so">Somália</option><option value="sw">Suaíli</option><option value="su">Sudanês</option><option value="sv">Sueco</option><option value="tg">Tadjique</option><option value="tl">Tagalo</option><option value="th">Tailandês</option><option value="ta">Tâmil</option><option value="cs">Tcheco</option><option value="te">Telugo</option><option value="tr">Turco</option><option value="uk">Ucraniano</option><option value="ur">Urdu</option><option value="uz">Uzbeque</option><option value="vi">Vietnamita</option><option value="yi">Yiddish</option><option value="zu">Zulu</option></select></td>
-  <td class="SL_td">
-   <div id="SL_TTS_voice" style="background: rgba(0, 0, 0, 0)  repeat scroll 0% 0%;" title="Ouça"> </div>
-  </td>
-  <td class="SL_td">
-   <div class="SL_copy" id="SL_copy" style="background: rgba(0, 0, 0, 0)  repeat scroll 0% 0%;" title="Copiar"> </div>
-  </td>
-  <td class="SL_td">
-   <div id="SL_bbl_font_patch"> </div>
-
-   <div class="SL_bbl_font" id="SL_bbl_font" style="background: rgba(0, 0, 0, 0)  repeat scroll 0% 0%;" title="Tamanho da fonte"> </div>
-  </td>
-  <td class="SL_td">
-   <div id="SL_bbl_help" style="background: rgba(0, 0, 0, 0)  repeat scroll 0% 0%;" title="Ajuda"> </div>
-  </td>
-  <td class="SL_td">
-   <div class="SL_pin_off" id="SL_pin" style="background: rgba(0, 0, 0, 0)  repeat scroll 0% 0%;" title="Fixar a janela de pop-up"> </div>
-  </td>
- </tr>
-</tbody></table>
-</div>
-</div>
-
-<div id="SL_shadow_translation_result" style=""> </div>
-
-<div class="SL_loading" id="SL_loading" style="background: rgba(0, 0, 0, 0)  repeat scroll 0% 0%;"> </div>
-
-<div id="SL_player2"> </div>
-
-<div id="SL_alert100">A função de fala é limitada a 200 caracteres</div>
-
-<div id="SL_Balloon_options" style="background: rgb(255, 255, 255)  repeat scroll 0% 0%;">
-<div id="SL_arrow_down" style="background: rgba(0, 0, 0, 0)  repeat scroll 0% 0%;"> </div>
-
-<table id="SL_tbl_opt" style="width: 100%;">
- <tbody><tr>
-  <td><input></td>
-  <td>
-   <div id="SL_BBL_IMG" style="background: rgba(0, 0, 0, 0)  repeat scroll 0% 0%;" title="Mostrar o botão do ImTranslator 3 segundos"> </div>
-  </td>
-  <td><a class="SL_options" title="Mostrar opções">Opções</a> : <a class="SL_options" title="Histórico de tradução">Histórico</a> : <a class="SL_options" title="Comentários">Comentários</a> : <a class="SL_options" href="https://www.paypal.com/cgi-bin/webscr?cmd=_s-xclick&amp;hosted_button_id=GD9D8CPW8HFA2" title="Faça sua contribuição">Donate</a></td>
-  <td><span id="SL_Balloon_Close" title="Encerrar">Encerrar</span></td>
- </tr>
-</tbody></table>
-</div>
-</div>
-</div>
diff --git a/files/pt-pt/web/progressive_web_apps/seguro/index.html b/files/pt-pt/web/progressive_web_apps/seguro/index.html
deleted file mode 100644
index 6ef841c83f..0000000000
--- a/files/pt-pt/web/progressive_web_apps/seguro/index.html
+++ /dev/null
@@ -1,35 +0,0 @@
----
-title: Segurança
-slug: Web/Progressive_web_apps/Seguro
-tags:
-  - Aplicações
-  - Aplicações da Web modernas
-  - Aplicações da Web progressivas
-  - HTTPS
-  - Segurança
-  - Seguro
-  - Web
-translation_of: Web/Progressive_web_apps
-translation_of_original: Web/Progressive_web_apps/Safe
----
-<div class="column-container summary">
-<div class="column-11">A plataforma da Web fornece um mecanismo de entrega seguro que evita a espionagem e garante que o conteúdo não foi adulterado - desde que aproveite o HTTPS e desenvolva as suas aplicações com a segurança em mente.</div>
-
-<div class="column-1"><img alt="" src="https://mdn.mozillademos.org/files/12664/safe.svg" style="height: 40px; width: 38px;"></div>
-</div>
-
-<h2 id="Guias_principais">Guias principais</h2>
-
-<p>Aidna sem guias principais listados. Contribuições são bem-vindas.</p>
-
-<h2 id="Tecnologias">Tecnologias</h2>
-
-<p>Não são necessárias novas tecnologias — a Web já funciona como isto!</p>
-
-<h2 id="Ferramentas">Ferramentas</h2>
-
-<p>Interligue aqui para quaisquer ferramentas úteis.</p>
-
-<h2 id="Consulte_também">Consulte também</h2>
-
-<p>Interligue aqui outra informação útil.</p>
diff --git a/files/pt-pt/web/seguranca/index.html b/files/pt-pt/web/security/index.html
index 4a555a18f6..e3af6fd55a 100644
--- a/files/pt-pt/web/seguranca/index.html
+++ b/files/pt-pt/web/security/index.html
@@ -1,11 +1,12 @@
 ---
 title: Segurança da Web
-slug: Web/Seguranca
+slug: Web/Security
 tags:
   - Landing
   - Segurança
   - Web
 translation_of: Web/Security
+original_slug: Web/Seguranca
 ---
 <div class="summary">
 <p><span class="seoSummary">É crítico assegurar que o seu site da Web ou aplicação da Web aberta é segura. Até erros simples no seu código podem resultar na divulgação de informação privada, e as pessoas más estão por aí a tentar encontrar meios para roubar dados. Estes articgos proporcionam informação que poderá ajudá-lo a proteger o seu código code.</span></p>
diff --git a/files/pt-pt/web/seguranca/palavras-passe_inseguras/index.html b/files/pt-pt/web/security/insecure_passwords/index.html
index 239618d225..e559b838d8 100644
--- a/files/pt-pt/web/seguranca/palavras-passe_inseguras/index.html
+++ b/files/pt-pt/web/security/insecure_passwords/index.html
@@ -1,6 +1,6 @@
 ---
 title: Palavras-passe inseguras
-slug: Web/Seguranca/Palavras-passe_inseguras
+slug: Web/Security/Insecure_passwords
 tags:
   - Insegura
   - Intermediária
@@ -9,6 +9,7 @@ tags:
   - palavra-passe
   - palavras-passe
 translation_of: Web/Security/Insecure_passwords
+original_slug: Web/Seguranca/Palavras-passe_inseguras
 ---
 <p class="summary">Apresentar formulários de sessão usando protocolo HTTP é especialmente perigoso por causa da grande variedade de ataques que podem ser utilizados ​​contra os mesmos para extrair a palavra-passe de um utilizador. As escutas ocultas de rede podem roubar a palavra-passe de um utilizador ao "farejar" a rede ou modificar a página servida no tráfego. Esta página detalha os mecanismos de segurança que o Firefox criou para alertar os utilizadores e programadores dos riscos que envolvem as palavras-passe inseguras e o roubo da mesma<span class="seoSummary">.</span></p>
 
diff --git a/files/pt-pt/web/security/mixed_content/como_corrigir_um_site_da_web_com_conteudo_misto_bloqueado/index.html b/files/pt-pt/web/security/mixed_content/how_to_fix_website_with_mixed_content/index.html
index c10ae3f15d..e5694cc79a 100644
--- a/files/pt-pt/web/security/mixed_content/como_corrigir_um_site_da_web_com_conteudo_misto_bloqueado/index.html
+++ b/files/pt-pt/web/security/mixed_content/how_to_fix_website_with_mixed_content/index.html
@@ -1,11 +1,12 @@
 ---
 title: Como corrigir um site da Web com conteúdo misto bloqueado
-slug: >-
-  Web/Security/Mixed_content/Como_corrigir_um_site_da_Web_com_conteudo_misto_bloqueado
+slug: Web/Security/Mixed_content/How_to_fix_website_with_mixed_content
 tags:
   - HTTPS
   - Segurança
 translation_of: Web/Security/Mixed_content/How_to_fix_website_with_mixed_content
+original_slug: >-
+  Web/Security/Mixed_content/Como_corrigir_um_site_da_Web_com_conteudo_misto_bloqueado
 ---
 <p>A partir do <a href="/en-US/docs/Mozilla/Firefox/Releases/23" title="/en-US/docs/Mozilla/Firefox/Releases/23">Firefox 23</a>, o Firefox bloqueia o <a href="/en-US/docs/Security/MixedContent#Mixed_active_content" title="/en-US/docs/Security/MixedContent#Mixed_active_content">conteúdo misto ativo </a>por predefinição. Isto segue uma prática adotada pelo Internet Explorer (A partir da <a href="http://blogs.msdn.com/b/ie/archive/2011/06/23/internet-explorer-9-security-part-4-protecting-consumers-from-malicious-mixed-content.aspx" title="http://blogs.msdn.com/b/ie/archive/2011/06/23/internet-explorer-9-security-part-4-protecting-consumers-from-malicious-mixed-content.aspx">versão 9</a>) e <a href="http://googleonlinesecurity.blogspot.com/2011/06/trying-to-end-mixed-scripting.html" title="http://googleonlinesecurity.blogspot.com/2011/06/trying-to-end-mixed-scripting.html">Chrome</a>.</p>
 
diff --git a/files/pt-pt/web/security/conteudo_misto/index.html b/files/pt-pt/web/security/mixed_content/index.html
index 0f54944fef..07b4bcd3f9 100644
--- a/files/pt-pt/web/security/conteudo_misto/index.html
+++ b/files/pt-pt/web/security/mixed_content/index.html
@@ -1,6 +1,6 @@
 ---
 title: Conteúdo misto
-slug: Web/Security/Conteudo_misto
+slug: Web/Security/Mixed_content
 tags:
   - Consola
   - HTTP
@@ -8,6 +8,7 @@ tags:
   - Segurança
   - Web
 translation_of: Web/Security/Mixed_content
+original_slug: Web/Security/Conteudo_misto
 ---
 <p>Quando um utilizador visita uma página servida sobre {{Glossary("HTTPS")}}, a sua ligação com o servidor da <em>Web </em>é encriptada com {{Glossary("TLS")}} e é, portanto, salvaguardada da maioria dos <em>sniffers</em> e ataques <em>man-in-the-middle</em>. Uma página HTTPS que inclui conteúdo obtido utilizando texto simples HTTP é chamada de de página de <strong>conteúdo misto</strong>. As páginas como esta são apenas parcialmente encriptadas, deixando o conteúdo não encriptado acessível aos <em>sniffers</em> e atacantes <em>man-in-the-middle</em>. Isso deixa as páginas inseguras.</p>
 
diff --git a/files/pt-pt/web/seguranca/same-origin_policy/index.html b/files/pt-pt/web/security/same-origin_policy/index.html
index a6ebc31ad6..a96af69ecb 100644
--- a/files/pt-pt/web/seguranca/same-origin_policy/index.html
+++ b/files/pt-pt/web/security/same-origin_policy/index.html
@@ -1,7 +1,8 @@
 ---
 title: Same-origin policy
-slug: Web/Seguranca/Same-origin_policy
+slug: Web/Security/Same-origin_policy
 translation_of: Web/Security/Same-origin_policy
+original_slug: Web/Seguranca/Same-origin_policy
 ---
 <div>{{QuickLinksWithSubpages("/en-US/docs/Web/Security")}}</div>
 
diff --git a/files/pt-pt/web/svg/aplicar_efeitos_svg_conteudo_html/index.html b/files/pt-pt/web/svg/applying_svg_effects_to_html_content/index.html
index babd7630bb..6b97eae267 100644
--- a/files/pt-pt/web/svg/aplicar_efeitos_svg_conteudo_html/index.html
+++ b/files/pt-pt/web/svg/applying_svg_effects_to_html_content/index.html
@@ -1,7 +1,8 @@
 ---
 title: Aplicar efeitos de SVG ao conteúdo HTML
-slug: Web/SVG/Aplicar_efeitos_SVG_conteudo_HTML
+slug: Web/SVG/Applying_SVG_effects_to_HTML_content
 translation_of: Web/SVG/Applying_SVG_effects_to_HTML_content
+original_slug: Web/SVG/Aplicar_efeitos_SVG_conteudo_HTML
 ---
 <p>Os navegadores modernos suportam a utilização de <a href="/en-US/docs/SVG">SVG</a> dentro dos estilos de <a href="/en-US/docs/Web/CSS" title="Cascading Style Sheets">CSS</a> para aplicar efeitos gráficos ao conteúdo HTML.</p>
 
diff --git a/files/pt-pt/web/svg/namespaces_crash_course/exemplo/index.html b/files/pt-pt/web/svg/namespaces_crash_course/example/index.html
index a9fa3f8765..9a319f0673 100644
--- a/files/pt-pt/web/svg/namespaces_crash_course/exemplo/index.html
+++ b/files/pt-pt/web/svg/namespaces_crash_course/example/index.html
@@ -1,10 +1,11 @@
 ---
 title: Exemplo
-slug: Web/SVG/Namespaces_Crash_Course/Exemplo
+slug: Web/SVG/Namespaces_Crash_Course/Example
 tags:
   - SVG
   - XML
 translation_of: Web/SVG/Namespaces_Crash_Course/Example
+original_slug: Web/SVG/Namespaces_Crash_Course/Exemplo
 ---
 <p>In this example, we use <a href="/en-US/docs/XHTML">XHTML</a>, <a href="/pt-PT/docs/Web/SVG">SVG</a>, <a href="/pt-PT/docs/Web/JavaScript">JavaScript</a>, and the <a href="/pt-PT/docs/DOM/DOM_Reference">DOM</a> to animate a swarm of "motes". These motes are governed by two simple principles. First, each mote tries to move towards the mouse cursor, and second each mote tries to move away from the average mote position. Combined, we get this very natural-looking behavior.</p>
 
diff --git a/files/pt-pt/web/svg/svg_animacao_com_smil/index.html b/files/pt-pt/web/svg/svg_animation_with_smil/index.html
index be898b1037..b536e46b33 100644
--- a/files/pt-pt/web/svg/svg_animacao_com_smil/index.html
+++ b/files/pt-pt/web/svg/svg_animation_with_smil/index.html
@@ -1,6 +1,6 @@
 ---
 title: Animação SVG com SMIL
-slug: Web/SVG/SVG_animacao_com_SMIL
+slug: Web/SVG/SVG_animation_with_SMIL
 tags:
   - Animação
   - Animação de SVG
@@ -8,6 +8,7 @@ tags:
   - Gecko 2.0
   - SVG
 translation_of: Web/SVG/SVG_animation_with_SMIL
+original_slug: Web/SVG/SVG_animacao_com_SMIL
 ---
 <div class="warning">
 <p>Embora o Chrome 45 tenha revogado SMIL em favor das animações CSS e da Web, os programadores do Chrome suspenderam essa revogação.</p>
diff --git a/files/pt-pt/web/svg/tutorial/introducao/index.html b/files/pt-pt/web/svg/tutorial/introduction/index.html
index 287de67a14..56e9179a48 100644
--- a/files/pt-pt/web/svg/tutorial/introducao/index.html
+++ b/files/pt-pt/web/svg/tutorial/introduction/index.html
@@ -1,6 +1,6 @@
 ---
 title: Introdução
-slug: Web/SVG/Tutorial/Introducao
+slug: Web/SVG/Tutorial/Introduction
 tags:
   - Guía
   - Precisa de Atualização
@@ -9,6 +9,7 @@ tags:
   - SVG - Tutorial
   - Tutorial
 translation_of: Web/SVG/Tutorial/Introduction
+original_slug: Web/SVG/Tutorial/Introducao
 ---
 <p>{{ PreviousNext("Web/SVG/Tutorial", "Web/SVG/Tutorial/Getting_Started") }}</p>
 
diff --git a/files/pt-pt/web/css/como_começar/gráficos_svg/index.html b/files/pt-pt/web/svg/tutorial/svg_and_css/index.html
index 074f78c92d..fff48c7620 100644
--- a/files/pt-pt/web/css/como_começar/gráficos_svg/index.html
+++ b/files/pt-pt/web/svg/tutorial/svg_and_css/index.html
@@ -1,9 +1,10 @@
 ---
 title: Gráficos SVG
-slug: Web/CSS/Como_começar/Gráficos_SVG
+slug: Web/SVG/Tutorial/SVG_and_CSS
 tags:
-  - 'CSS:Como_começar'
+  - CSS:Como_começar
 translation_of: Web/SVG/Tutorial/SVG_and_CSS
+original_slug: Web/CSS/Como_começar/Gráficos_SVG
 ---
 <p>{{ PreviousNext("CSS:Como começar:Interfaces de usuário XUL", "CSS:Como começar:Dados XML") }}</p>
 
diff --git a/files/pt-pt/web/svg/tutorial/svg_na_introducao_html/index.html b/files/pt-pt/web/svg/tutorial/svg_in_html_introduction/index.html
index 5ca7a4c9e7..d8cfd63791 100644
--- a/files/pt-pt/web/svg/tutorial/svg_na_introducao_html/index.html
+++ b/files/pt-pt/web/svg/tutorial/svg_in_html_introduction/index.html
@@ -1,11 +1,12 @@
 ---
 title: Introdução à SVG em HTML
-slug: Web/SVG/Tutorial/SVG_na_Introducao_HTML
+slug: Web/SVG/Tutorial/SVG_In_HTML_Introduction
 tags:
   - Intermediário
   - Precisa de Atualização
   - SVG
 translation_of: Web/SVG/Tutorial/SVG_In_HTML_Introduction
+original_slug: Web/SVG/Tutorial/SVG_na_Introducao_HTML
 ---
 <h2 id="Overview" name="Overview">Resumo</h2>
 
diff --git a/files/pt-pt/web/tutoriais/index.html b/files/pt-pt/web/tutorials/index.html
index e0483e1b8a..78ec203c55 100644
--- a/files/pt-pt/web/tutoriais/index.html
+++ b/files/pt-pt/web/tutorials/index.html
@@ -1,6 +1,6 @@
 ---
 title: Tutoriais
-slug: Web/Tutoriais
+slug: Web/Tutorials
 tags:
   - CSS Guia
   - Código
@@ -12,6 +12,7 @@ tags:
   - Principiante
   - Tutorial
 translation_of: Web/Tutorials
+original_slug: Web/Tutoriais
 ---
 <p>As hiperligações nesta página encaminham para uma variedade de tutoriais e materiais de treino. Se está apenas a começar, a aprender o básico, ou é uma mão antiga no desenvolvimento da Web, pode encontrar aqui recursos úteis para as melhores práticas.</p>
 
diff --git a/files/pt-pt/web/componentes_web/index.html b/files/pt-pt/web/web_components/index.html
index 3a0dd68ffd..f84dbedcc3 100644
--- a/files/pt-pt/web/componentes_web/index.html
+++ b/files/pt-pt/web/web_components/index.html
@@ -1,6 +1,6 @@
 ---
 title: Componentes da Web
-slug: Web/Componentes_Web
+slug: Web/Web_Components
 tags:
   - Artigo da Web
   - Componentes
@@ -16,6 +16,7 @@ tags:
   - shadow dom
   - slot
 translation_of: Web/Web_Components
+original_slug: Web/Componentes_Web
 ---
 <div>{{DefaultAPISidebar("Componentes Web")}}</div>
 
diff --git a/files/pt-pt/web/webapi/index.html b/files/pt-pt/web/webapi/index.html
deleted file mode 100644
index fbcae3aea5..0000000000
--- a/files/pt-pt/web/webapi/index.html
+++ /dev/null
@@ -1,214 +0,0 @@
----
-title: WebAPI
-slug: Web/WebAPI
-tags:
-  - Aplicações
-  - Apps
-  - DOM
-  - Firefos OS
-  - Movel
-translation_of: Web/API
-translation_of_original: WebAPI
----
-<p><strong>WebAPI</strong> é um termo utilizado para referir um conjunto de compatibilidade de dispositivo e APIs de acesso que permitem que as aplicações da Web e o conteúdo acedam ao dispositivo de hardware (tais como estado da bateria ou hardware de vibração do dispositivo), bem como aceder aos dados guardados no dispositivo (tais como o calendário ou lista de contactos). Ao adicionarmos estas APIs, nós esperamos que expanda o que a <em>Web</em> pode fazer hoje, para também incluirem o que apenas as plataformas proprietárias podiam fazer no passado.</p>
-
-<div class="note">
-<p><strong>Nota:</strong> para uma breve explicação de cada distintivo, por favor, consulte a documentação <a href="/pt-PT/docs/Mozilla/Marketplace/Options/Aplicacoes_empacotadas#Tipos_de_aplicações_empacotadas" title="Web/Apps/Packaged_apps#Types_of_packaged_apps">pdas aplicações empacotadas</a>.</p>
-</div>
-
-<div class="row topicpage-table">
-<div class="section">
-<h2 class="Documentation" id="Communication_APIs" name="Communication_APIs">APIs de Comunicação</h2>
-
-<dl>
- <dt><a href="/en-US/docs/WebAPI/Network_Information" title="WebAPI/Network_Information">Network Information API</a></dt>
- <dd>Provides basic information about the current network connection, such as connection speed.</dd>
- <dt><a href="/en-US/docs/WebAPI/WebBluetooth" title="WebAPI/WebBluetooth">Bluetooth</a> {{NonStandardBadge}}</dt>
- <dd>The WebBluetooth API provides low-level access to the device's Bluetooth hardware.</dd>
- <dt><a href="/en-US/docs/WebAPI/Mobile_Connection" title="WebAPI/Mobile_Connection">Mobile Connection API</a> {{NonStandardBadge}}</dt>
- <dd>Exposes information about the device's cellular connectivity, such as signal strength, operator information, and so forth.</dd>
- <dt><a href="/en-US/docs/WebAPI/Network_Stats" title="WebAPI/Network_Stats">Network Stats API</a> {{NonStandardBadge}}</dt>
- <dd>Monitors data usage and exposes this data to privileged applications.</dd>
- <dt><a href="/en-US/docs/WebAPI/WebTelephony" title="WebAPI/WebTelephony">Telephony</a> {{NonStandardBadge}}</dt>
- <dd>Lets apps place and answer phone calls and use the built-in telephony user interface.</dd>
- <dt><a href="/en-US/docs/WebAPI/WebSMS" title="WebAPI/WebSMS">WebSMS </a>{{NonStandardBadge}}</dt>
- <dd>Lets apps send and receive SMS text messages, as well as to access and manage the messages stored on the device.</dd>
- <dt><a href="/en-US/docs/WebAPI/WiFi_Information" title="WebAPI/WiFi_Information">WiFi Information API</a> {{NonStandardBadge}}</dt>
- <dd>A privileged API which provides information about signal strength, the name of the current network, available WiFi networks, and so forth.</dd>
-</dl>
-
-<h2 class="Documentation" id="Hardware_access_APIs" name="Hardware_access_APIs">APIs de acesso ao hardware</h2>
-
-<dl>
- <dt><a href="/en-US/docs/WebAPI/Using_Light_Events">Ambient Light Sensor API</a></dt>
- <dd>Provides access to the ambient light sensor, which lets your app detect the ambient light level in the vicinity of the device.</dd>
- <dt><a href="/en-US/docs/WebAPI/Battery_Status" title="WebAPI/Battery_Status">Battery Status API</a></dt>
- <dd>Provides information about the battery's charge level and whether or not the device is currently plugged in and charging.</dd>
- <dt><a href="/en-US/docs/Using_geolocation" title="Using_geolocation">Geolocation API</a></dt>
- <dd>Provides information about the device's physical location.</dd>
- <dt><a href="/en-US/docs/WebAPI/Pointer_Lock" title="API/Pointer_Lock_API">Pointer Lock API</a></dt>
- <dd>Lets apps lock access to the mouse and gain access to movement deltas rather than absolute coordinates; this is great for gaming.</dd>
- <dt><a href="/en-US/docs/WebAPI/Proximity" title="WebAPI/Proximity">Proximity API</a></dt>
- <dd>Lets you detect proximity of the device to a nearby object, such as the user's face.</dd>
- <dt><a href="/en-US/docs/WebAPI/Detecting_device_orientation" title="WebAPI/Detecting_device_orientation">Device Orientation API</a></dt>
- <dd>Provides notifications when the device's orientation changes.</dd>
- <dt><a href="/en-US/docs/WebAPI/Managing_screen_orientation" title="WebAPI/Detecting_device_orientation">Screen Orientation API</a></dt>
- <dd>Provides notifications when the screen's orientation changes. You can also use this API to let your app indicate what orientation it prefers.</dd>
- <dt><a href="/en-US/docs/WebAPI/Vibration" title="WebAPI/Vibration">Vibration API</a></dt>
- <dd>Lets apps control the device's vibration hardware for things such as haptic feedback in games. This is <strong>not</strong> intended for things such as notification vibrations. See the <a href="/en-US/docs/WebAPI/Alarm" title="WebAPI/Alarm">Alarm API</a> for that.</dd>
- <dt><a href="/en-US/docs/WebAPI/Camera" title="WebAPI/Camera">Camera API</a> {{NonStandardBadge}}</dt>
- <dd>Allows apps to take photographs and/or record video using the device's built-in camera.</dd>
- <dt><a href="/en-US/docs/WebAPI/Power_Management" title="WebAPI/Power_Management">Power Management API </a>{{NonStandardBadge}}</dt>
- <dd>Lets apps turn on and off the screen, CPU, device power, and so forth. Also provides support for listening for and inspecting resource lock events.</dd>
-</dl>
-
-<p><span class="alllinks"><a href="/en-US/docs/tag/WebAPI" title="tag/CSS">View All...</a></span></p>
-</div>
-
-<div class="section">
-<h2 class="Documentation" id="Data_management_APIs" name="Data_management_APIs">APIs de gestão de dados</h2>
-
-<dl>
- <dt><a href="/en-US/docs/WebAPI/FileHandle_API" title="WebAPI/FileHandle_API">FileHandle API</a> {{NonStandardBadge}}</dt>
- <dd>Provides support for writable files with locking support.</dd>
- <dt><a href="/en-US/docs/IndexedDB" title="IndexedDB">IndexedDB</a></dt>
- <dd>Client-side storage of structured data with support for high-performance searches.</dd>
- <dt><a href="/en-US/docs/WebAPI/Settings" title="WebAPI/Settings">Settings API</a> {{NonStandardBadge}}</dt>
- <dd>Lets apps examine and change system-wide configuration options that are permanently stored on the device.</dd>
-</dl>
-
-<h2 class="Documentation" id="Other_APIs" name="Other_APIs">Outras APIs</h2>
-
-<dl>
- <dt><a href="/en-US/docs/WebAPI/Alarm" title="WebAPI/Alarm">Alarm API</a></dt>
- <dd>Lets apps schedule notifications. Also provides support for automatically launching an app at a specific time.</dd>
- <dt><a href="/en-US/docs/WebAPI/Simple_Push" title="WebAPI/Push_Notifications">Simple Push API</a></dt>
- <dd>Lets the platform send notification messages to specific applications.</dd>
- <dt><a href="/en-US/docs/Web/API/Push_API">Push API</a></dt>
- <dd>Gives web applications the ability to receive messages pushed to them from a server, whether or not the web app is in the foreground, or even currently loaded, on a user agent.</dd>
- <dt><a href="/en-US/docs/WebAPI/Using_Web_Notifications" title="/en-US/docs/WebAPI/Using_Web_Notifications">Web Notifications</a></dt>
- <dd>Lets applications send notifications displayed at the system level.</dd>
- <dt><a href="/en-US/docs/Web/API/Apps" title="Apps">Apps API</a> {{NonStandardBadge}}</dt>
- <dd>The Open WebApps API provides support for installing and managing Web apps. In addition, support is provided to let apps determine payment information.</dd>
- <dt><a href="/en-US/docs/WebAPI/Web_Activities" title="WebAPI/Web_Activities">Web Activities</a> {{NonStandardBadge}}</dt>
- <dd>Lets an app delegate an activity to another app; for example, an app might ask another app to select (or create) and return a photo. Typically the user is able to configure what apps are used for which activities.</dd>
- <dt><a href="/en-US/docs/Apps/Publishing/In-app_payments" title="Apps/Publishing/In-app_payments">WebPayment API</a> {{NonStandardBadge}}</dt>
- <dd>Lets Web content initiate payments and refunds for virtual goods.</dd>
- <dt><a href="/en-US/docs/DOM/Using_the_Browser_API" title="DOM/Using_the_Browser_API"><strong>Browser API</strong></a> {{NonStandardBadge}}</dt>
- <dd>Provides support for building a Web browser completely using Web technologies (in essence, a browser within a browser).</dd>
-</dl>
-
-<dl>
- <dt><a href="/en-US/docs/WebAPI/Idle" title="WebAPI/Device_Storage_API">Idle API</a></dt>
- <dd>Lets apps receive notifications when the user is not actively using the device.</dd>
- <dt><a href="/en-US/docs/WebAPI/Permissions" title="WebAPI/Permissions">Permissions API</a> {{NonStandardBadge}}</dt>
- <dd>Manages app permissions in a centralized location. Used by the Settings app.</dd>
- <dt><a href="/en-US/docs/WebAPI/Time_and_Clock" title="WebAPI/Time_and_Clock">Time/Clock API</a> {{NonStandardBadge}}</dt>
- <dd>Provides support for setting the current time. The time zone is set using the <a href="/en-US/docs/WebAPI/Settings" title="WebAPI/Settings">Settings API</a>.</dd>
-</dl>
-
-<h2 class="Community" id="Community" name="Community">Comunidade de WebAPI</h2>
-
-<p>If you need help with these APIs, there are several ways you can talk to other developers making use of them.</p>
-
-<ul>
- <li>Consult the WebAPI forum: {{DiscussionList("dev-webapi", "mozilla.dev.webapi")}}</li>
- <li>Visit the WebAPI IRC channel: <a href="irc://irc.mozilla.org/webapi" title="irc://irc.mozilla.org/webapi">#webapi</a></li>
-</ul>
-
-<p><span class="alllinks"><a href="http://www.catb.org/~esr/faqs/smart-questions.html" title="http://www.catb.org/~esr/faqs/smart-questions.html">Não se esqueça sobre a <em>netiquette</em>...</a></span></p>
-
-<h2 class="Related_Topics" id="Related_Topics" name="Related_Topics">Tópicos Relacionados</h2>
-
-<ul>
- <li>O <a href="/pt-PT/docs/DOM/DOM_Reference" title="Document Object Model (DOM)">Modelo de Objeto de Documento (DOM)</a> é a representação de um documento HTML como uma árvore.</li>
- <li><a href="/pt-PT/docs/Web/JavaScript" title="JavaScript">JavaScript</a> - Linguagem de <em>scripting para a </em>Web.</li>
- <li><a href="/pt-PT/docs/MDN/Doc_status/API" title="WebAPI/Doc_status">Estado do documento</a>: Uma lista dos tópicos de WebAPI e o seu estado da documentação.</li>
-</ul>
-</div>
-</div>
-
-<p> </p>
-
-<div id="SL_balloon_obj" style="display: block;">
-<div class="SL_ImTranslatorLogo" id="SL_button" style="background: 0% 0% repeat scroll rgba(0, 0, 0, 0); opacity: 1; display: none; left: -8px; top: -25px;"> </div>
-
-<div id="SL_shadow_translation_result2" style="display: none;"> </div>
-
-<div id="SL_shadow_translator" style="display: none;">
-<div id="SL_planshet">
-<div id="SL_arrow_up" style="background: rgba(0, 0, 0, 0)  repeat scroll 0% 0%;"> </div>
-
-<div id="SL_Bproviders">
-<div class="SL_BL_LABLE_ON" id="SL_P0" title="Google">G</div>
-
-<div class="SL_BL_LABLE_ON" id="SL_P1" title="Microsoft">M</div>
-
-<div class="SL_BL_LABLE_ON" id="SL_P2" title="Translator">T</div>
-</div>
-
-<div id="SL_alert_bbl" style="display: none;">
-<div id="SLHKclose" style="background: rgba(0, 0, 0, 0)  repeat scroll 0% 0%;"> </div>
-
-<div id="SL_alert_cont"> </div>
-</div>
-
-<div id="SL_TB">
-<table id="SL_tables">
- <tbody>
-  <tr>
-   <td class="SL_td"><input></td>
-   <td class="SL_td"><select><option value="auto">Detectar idioma</option><option value="af">Africâner</option><option value="sq">Albanês</option><option value="de">Alemão</option><option value="ar">Arabe</option><option value="hy">Armênio</option><option value="az">Azerbaijano</option><option value="eu">Basco</option><option value="bn">Bengali</option><option value="be">Bielo-russo</option><option value="my">Birmanês</option><option value="bs">Bósnio</option><option value="bg">Búlgaro</option><option value="ca">Catalão</option><option value="kk">Cazaque</option><option value="ceb">Cebuano</option><option value="ny">Chichewa</option><option value="zh-CN">Chinês (Simp)</option><option value="zh-TW">Chinês (Trad)</option><option value="si">Cingalês</option><option value="ko">Coreano</option><option value="ht">Crioulo haitiano</option><option value="hr">Croata</option><option value="da">Dinamarquês</option><option value="sk">Eslovaco</option><option value="sl">Esloveno</option><option value="es">Espanhol</option><option value="eo">Esperanto</option><option value="et">Estoniano</option><option value="fi">Finlandês</option><option value="fr">Francês</option><option value="gl">Galego</option><option value="cy">Galês</option><option value="ka">Georgiano</option><option value="el">Grego</option><option value="gu">Gujarati</option><option value="ha">Hauça</option><option value="iw">Hebraico</option><option value="hi">Hindi</option><option value="hmn">Hmong</option><option value="nl">Holandês</option><option value="hu">Húngaro</option><option value="ig">Igbo</option><option value="id">Indonésio</option><option value="en">Inglês</option><option value="yo">Ioruba</option><option value="ga">Irlandês</option><option value="is">Islandês</option><option value="it">Italiano</option><option value="ja">Japonês</option><option value="jw">Javanês</option><option value="kn">Kannada</option><option value="km">Khmer</option><option value="lo">Laosiano</option><option value="la">Latim</option><option value="lv">Letão</option><option value="lt">Lituano</option><option value="mk">Macedônico</option><option value="ml">Malaiala</option><option value="ms">Malaio</option><option value="mg">Malgaxe</option><option value="mt">Maltês</option><option value="mi">Maori</option><option value="mr">Marathi</option><option value="mn">Mongol</option><option value="ne">Nepalês</option><option value="no">Norueguês</option><option value="fa">Persa</option><option value="pl">Polonês</option><option value="pt">Português</option><option value="pa">Punjabi</option><option value="ro">Romeno</option><option value="ru">Russo</option><option value="sr">Sérvio</option><option value="st">Sesotho</option><option value="so">Somália</option><option value="sw">Suaíli</option><option value="su">Sudanês</option><option value="sv">Sueco</option><option value="tg">Tadjique</option><option value="tl">Tagalo</option><option value="th">Tailandês</option><option value="ta">Tâmil</option><option value="cs">Tcheco</option><option value="te">Telugo</option><option value="tr">Turco</option><option value="uk">Ucraniano</option><option value="ur">Urdu</option><option value="uz">Uzbeque</option><option value="vi">Vietnamita</option><option value="yi">Yiddish</option><option value="zu">Zulu</option></select></td>
-   <td class="SL_td">
-    <div id="SL_switch_b" style="background: rgba(0, 0, 0, 0)  repeat scroll 0% 0%;" title="Alternar Idiomas"> </div>
-   </td>
-   <td class="SL_td"><select><option value="af">Africâner</option><option value="sq">Albanês</option><option value="de">Alemão</option><option value="ar">Arabe</option><option value="hy">Armênio</option><option value="az">Azerbaijano</option><option value="eu">Basco</option><option value="bn">Bengali</option><option value="be">Bielo-russo</option><option value="my">Birmanês</option><option value="bs">Bósnio</option><option value="bg">Búlgaro</option><option value="ca">Catalão</option><option value="kk">Cazaque</option><option value="ceb">Cebuano</option><option value="ny">Chichewa</option><option value="zh-CN">Chinês (Simp)</option><option value="zh-TW">Chinês (Trad)</option><option value="si">Cingalês</option><option value="ko">Coreano</option><option value="ht">Crioulo haitiano</option><option value="hr">Croata</option><option value="da">Dinamarquês</option><option value="sk">Eslovaco</option><option value="sl">Esloveno</option><option value="es">Espanhol</option><option value="eo">Esperanto</option><option value="et">Estoniano</option><option value="fi">Finlandês</option><option value="fr">Francês</option><option value="gl">Galego</option><option value="cy">Galês</option><option value="ka">Georgiano</option><option value="el">Grego</option><option value="gu">Gujarati</option><option value="ha">Hauça</option><option value="iw">Hebraico</option><option value="hi">Hindi</option><option value="hmn">Hmong</option><option value="nl">Holandês</option><option value="hu">Húngaro</option><option value="ig">Igbo</option><option value="id">Indonésio</option><option selected value="en">Inglês</option><option value="yo">Ioruba</option><option value="ga">Irlandês</option><option value="is">Islandês</option><option value="it">Italiano</option><option value="ja">Japonês</option><option value="jw">Javanês</option><option value="kn">Kannada</option><option value="km">Khmer</option><option value="lo">Laosiano</option><option value="la">Latim</option><option value="lv">Letão</option><option value="lt">Lituano</option><option value="mk">Macedônico</option><option value="ml">Malaiala</option><option value="ms">Malaio</option><option value="mg">Malgaxe</option><option value="mt">Maltês</option><option value="mi">Maori</option><option value="mr">Marathi</option><option value="mn">Mongol</option><option value="ne">Nepalês</option><option value="no">Norueguês</option><option value="fa">Persa</option><option value="pl">Polonês</option><option value="pt">Português</option><option value="pa">Punjabi</option><option value="ro">Romeno</option><option value="ru">Russo</option><option value="sr">Sérvio</option><option value="st">Sesotho</option><option value="so">Somália</option><option value="sw">Suaíli</option><option value="su">Sudanês</option><option value="sv">Sueco</option><option value="tg">Tadjique</option><option value="tl">Tagalo</option><option value="th">Tailandês</option><option value="ta">Tâmil</option><option value="cs">Tcheco</option><option value="te">Telugo</option><option value="tr">Turco</option><option value="uk">Ucraniano</option><option value="ur">Urdu</option><option value="uz">Uzbeque</option><option value="vi">Vietnamita</option><option value="yi">Yiddish</option><option value="zu">Zulu</option></select></td>
-   <td class="SL_td">
-    <div id="SL_TTS_voice" style="background: rgba(0, 0, 0, 0)  repeat scroll 0% 0%;" title="Ouça"> </div>
-   </td>
-   <td class="SL_td">
-    <div class="SL_copy" id="SL_copy" style="background: rgba(0, 0, 0, 0)  repeat scroll 0% 0%;" title="Copiar"> </div>
-   </td>
-   <td class="SL_td">
-    <div id="SL_bbl_font_patch"> </div>
-
-    <div class="SL_bbl_font" id="SL_bbl_font" style="background: rgba(0, 0, 0, 0)  repeat scroll 0% 0%;" title="Tamanho da fonte"> </div>
-   </td>
-   <td class="SL_td">
-    <div id="SL_bbl_help" style="background: rgba(0, 0, 0, 0)  repeat scroll 0% 0%;" title="Ajuda"> </div>
-   </td>
-   <td class="SL_td">
-    <div class="SL_pin_off" id="SL_pin" style="background: rgba(0, 0, 0, 0)  repeat scroll 0% 0%;" title="Fixar a janela de pop-up"> </div>
-   </td>
-  </tr>
- </tbody>
-</table>
-</div>
-</div>
-
-<div id="SL_shadow_translation_result" style=""> </div>
-
-<div class="SL_loading" id="SL_loading" style="background: rgba(0, 0, 0, 0)  repeat scroll 0% 0%;"> </div>
-
-<div id="SL_player2"> </div>
-
-<div id="SL_alert100">A função de fala é limitada a 200 caracteres</div>
-
-<div id="SL_Balloon_options" style="background: rgb(255, 255, 255)  repeat scroll 0% 0%;">
-<div id="SL_arrow_down" style="background: rgba(0, 0, 0, 0)  repeat scroll 0% 0%;"> </div>
-
-<table id="SL_tbl_opt" style="width: 100%;">
- <tbody>
-  <tr>
-   <td><input></td>
-   <td>
-    <div id="SL_BBL_IMG" style="background: rgba(0, 0, 0, 0)  repeat scroll 0% 0%;" title="Mostrar o botão do ImTranslator 3 segundos"> </div>
-   </td>
-   <td><a class="SL_options" title="Mostrar opções">Opções</a> : <a class="SL_options" title="Histórico de tradução">Histórico</a> : <a class="SL_options" title="Comentários">Comentários</a> : <a class="SL_options" href="https://www.paypal.com/cgi-bin/webscr?cmd=_s-xclick&amp;hosted_button_id=GD9D8CPW8HFA2" title="Faça sua contribuição">Donate</a></td>
-   <td><span id="SL_Balloon_Close" title="Encerrar">Encerrar</span></td>
-  </tr>
- </tbody>
-</table>
-</div>
-</div>
-</div>
diff --git a/files/pt-pt/web/xml/introducao_a_xml/index.html b/files/pt-pt/web/xml/xml_introduction/index.html
index c4820a1245..b397f39c4b 100644
--- a/files/pt-pt/web/xml/introducao_a_xml/index.html
+++ b/files/pt-pt/web/xml/xml_introduction/index.html
@@ -1,11 +1,12 @@
 ---
 title: Introdução à XML
-slug: Web/XML/Introducao_a_XML
+slug: Web/XML/XML_introduction
 tags:
   - Introdução
   - Principiante
   - XML
 translation_of: Web/XML/XML_introduction
+original_slug: Web/XML/Introducao_a_XML
 ---
 <p><span class="seoSummary">XML é uma linguagem de marcação similar à HTML. It stands for Extensible Markup Language and is a <a class="external" href="/web/20150905131205/http://www.w3.org/">W3C recommended</a> specification as a general purpose markup language. This means, unlike other markup languages, XML is not predefined so you must define your own tags. The primary purpose of the language is the sharing of data across different systems, such as the Internet.</span></p>
 
diff --git a/files/pt-pt/web/xslt/comunidade/index.html b/files/pt-pt/web/xslt/comunidade/index.html
deleted file mode 100644
index 04308fdeaa..0000000000
--- a/files/pt-pt/web/xslt/comunidade/index.html
+++ /dev/null
@@ -1,8 +0,0 @@
----
-title: Comunidade
-slug: Web/XSLT/Comunidade
----
-<p>Grupo XSLT Portugal
-</p><p>Onde XSLT é discutido em português para os portugueses. Este grupo dispõe de soluções práticas para problemas comums em XSLT e XPath, assim como, auxiliar principiantes ou menos experientes a resolverem problemas. </p><p>Embora o grupo seja dedicado especialmente ao XSLT, não quer dizer que outras tecnologias directamente ligadas não possam ser discutidas, tais como: XML, XPath, XQuery, XML Schema, Schematron, HTML, RSS, CSS, AJAX, etc. </p><p>Claro que seria preferível discutir o uso de tecnologias em que predomine o XSLT.
-</p><p><a href="http://groups.google.com/group/xslt-portugal" class=" external" rel="freelink">http://groups.google.com/group/xslt-portugal</a>
-</p>
diff --git a/files/pt-pt/web/xslt/elementos/index.html b/files/pt-pt/web/xslt/elementos/index.html
deleted file mode 100644
index e47f8bed0b..0000000000
--- a/files/pt-pt/web/xslt/elementos/index.html
+++ /dev/null
@@ -1,59 +0,0 @@
----
-title: Elementos
-slug: Web/XSLT/Elementos
-tags:
-  - Referência_XSLT
----
-<p>
-{{ XsltRef() }}
-Existem dois tipos de elementos discutidos aqui: elementos de topo de nível e instruções. Um elemento de topo de nível deve aparecer como filho de qualquer <code>&lt;xsl:stylesheet&gt;</code> ou <code>&lt;xsl:transform&gt;</code>. Uma instrução, por outro lado, é associada com o modelo. Uma folha de estilo pode incluir vários modelos. Um terceiro tipo de elemento, não discutido aqui, é o elemento literal do resultado (LRE). Um LRE também aparece em um modelo. Ele consiste em qualquer elemento não-instrução que deva ser copiado como é para o resultado do documento, por exemplo, o elemento <code>&lt;hr&gt;</code> em uma folha de estilo de conversão HTML.
-</p><p>Em uma nota relacionada, qualquer atributo em uma LRE e alguns atributos de um número limitado de elementos XSLT podem também ser incluídos como o valor de um atributo do modelo. Um valor de atributo do modelo é simplesmente uma string que inclui uma expressão XPath encaixada que é usada para especificar o valor de um atributo. Na hora de rodar a expressão é avaliada e o resulta da avaliação é substituido pela expressão XPath. Por exemplo, assumindo que a variável "&lt;tt&gt;image-dir&lt;/tt&gt;" é definida pelo seguinte:
-</p>
-<pre>&lt;xsl:variable name="image-dir"&gt;/images&lt;/xsl:variable&gt;</pre>
-<p>A expressão para ser avaliada é colocada no interior de chaves:
-</p>
-<pre>&lt;img src="{$image-dir}/mygraphic.jpg"/&gt;</pre>
-<p>Isto resultaria no seguinte:
-</p>
-<pre>&lt;img src="/images/mygraphic.jpg"/&gt;</pre>
-<p>As anotações do elemento que seguem incluem uma descrição, uma lista de sintaxe, uma lista de atributos requeridos e opcionais, uma descrição do tipo e posição, seu código na W3C Recommendation e uma explanação dos graus presentes do suporte Gecko.
-</p>
-<ul><li> <a href="pt/XSLT/apply-imports">xsl:apply-imports</a>
-</li><li> <a href="pt/XSLT/apply-templates">xsl:apply-templates</a>
-</li><li> <a href="pt/XSLT/attribute">xsl:attribute</a>
-</li><li> <a href="pt/XSLT/attribute-set">xsl:attribute-set</a>
-</li><li> <a href="pt/XSLT/call-template">xsl:call-template</a>
-</li><li> <a href="pt/XSLT/choose">xsl:choose</a>
-</li><li> <a href="pt/XSLT/comment">xsl:comment</a>
-</li><li> <a href="pt/XSLT/copy">xsl:copy</a>
-</li><li> <a href="pt/XSLT/copy-of">xsl:copy-of</a>
-</li><li> <a href="pt/XSLT/decimal-format">xsl:decimal-format</a>
-</li><li> <a href="pt/XSLT/element">xsl:element</a>
-</li><li> <a href="pt/XSLT/fallback">xsl:fallback</a> <i>(não suportado)</i>
-</li><li> <a href="pt/XSLT/for-each">xsl:for-each</a>
-</li><li> <a href="pt/XSLT/if">xsl:if</a>
-</li><li> <a href="pt/XSLT/import">xsl:import</a> <i>(suportado na maior parte)</i>
-</li><li> <a href="pt/XSLT/include">xsl:include</a>
-</li><li> <a href="pt/XSLT/key">xsl:key</a>
-</li><li> <a href="pt/XSLT/message">xsl:message</a>
-</li><li> <a href="pt/XSLT/namespace-alias">xsl:namespace-alias</a> <i>(não suportado)</i>
-</li><li> <a href="pt/XSLT/number">xsl:number</a> <i>(parcialmente suportado)</i>
-</li><li> <a href="pt/XSLT/otherwise">xsl:otherwise</a>
-</li><li> <a href="pt/XSLT/output">xsl:output</a> <i>(parcialmente suportado)</i>
-</li><li> <a href="pt/XSLT/param">xsl:param</a>
-</li><li> <a href="pt/XSLT/preserve-space">xsl:preserve-space</a>
-</li><li> <a href="pt/XSLT/processing-instruction">xsl:processing-instruction</a>
-</li><li> <a href="pt/XSLT/sort">xsl:sort</a>
-</li><li> <a href="pt/XSLT/strip-space">xsl:strip-space</a>
-</li><li> <a href="pt/XSLT/stylesheet">xsl:stylesheet</a> <i>(parcialmente suportado)</i>
-</li><li> <a href="pt/XSLT/template">xsl:template</a>
-</li><li> <a href="pt/XSLT/text">xsl:text</a> <i>(parcialmente suportado)</i>
-</li><li> <a href="pt/XSLT/transform">xsl:transform</a>
-</li><li> <a href="pt/XSLT/value-of">xsl:value-of</a> <i>(parcialmente suportado)</i>
-</li><li> <a href="pt/XSLT/variable">xsl:variable</a>
-</li><li> <a href="pt/XSLT/when">xsl:when</a>
-</li><li> <a href="pt/XSLT/with-param">xsl:with-param</a>
-</li></ul>
-<p><span class="comment">Categorias</span>
-</p><p><span class="comment">Interwiki Language Links</span>
-</p>{{ languages( { "en": "en/XSLT/Elements", "fr": "fr/XSLT/\u00c9l\u00e9ments", "ja": "ja/XSLT/Elements", "pl": "pl/XSLT/Elementy" } ) }}