From 123057f2cb27d441bacc43b7a721a2bc8cad297b Mon Sep 17 00:00:00 2001
From: Alexander <alexander_belial999@hotmail.com>
Date: Tue, 25 Oct 2022 10:46:26 -0500
Subject: [PATCH 1/8] api/s-x html cleanup

---
 .../web/api/selection/containsnode/index.html |   4 +-
 .../es/web/api/server-sent_events/index.html  |  21 +--
 .../web/api/stylesheet/ownernode/index.html   |   2 +-
 files/es/web/api/texttrack/index.html         |   4 +-
 files/es/web/api/uievent/index.html           |  27 +--
 files/es/web/api/webgl_api/index.html         |  11 +-
 .../using_textures_in_webgl/index.html        |   2 +-
 files/es/web/api/webrtc_api/index.html        |   6 +-
 files/es/web/api/websocket/index.html         |   1 -
 files/es/web/api/websockets_api/index.html    |   4 +-
 files/es/web/api/wheelevent/deltay/index.html |   2 +-
 files/es/web/api/wheelevent/index.html        |   2 +-
 files/es/web/api/xmlhttprequest/index.html    | 176 ++++++------------
 .../web/api/xmlhttprequest/timeout/index.html |   6 +-
 14 files changed, 81 insertions(+), 187 deletions(-)

diff --git a/files/es/web/api/selection/containsnode/index.html b/files/es/web/api/selection/containsnode/index.html
index 0e841c9963b358..00f08860d3ee1a 100644
--- a/files/es/web/api/selection/containsnode/index.html
+++ b/files/es/web/api/selection/containsnode/index.html
@@ -30,8 +30,8 @@ <h3 id="Par.C3.A1metros" name="Par.C3.A1metros">Parámetros</h3>
  </dt>
  <dd>Cuando da un valor
  <i>verdadero</i>
- , <code>containsNode</code> devuelve verdadero cuanbdo una parte del nodo es parte de la selección.</dd>
- <dd>Cuando da un valor
+ , <code>containsNode</code> devuelve verdadero cuanbdo una parte del nodo es parte de la selección.
+ Cuando da un valor
  <i>falso</i>
  , <code>containsNode</code> solo devuelve verdadeor cuando el nodo completo es parte de la selección.</dd>
 </dl>
diff --git a/files/es/web/api/server-sent_events/index.html b/files/es/web/api/server-sent_events/index.html
index d9f4d0836d9e24..d70e6fd8e451c4 100644
--- a/files/es/web/api/server-sent_events/index.html
+++ b/files/es/web/api/server-sent_events/index.html
@@ -9,11 +9,8 @@
 original_slug: Server-sent_events
 ---
 <p>Traditionally, a web page has to send a request to the server to receive new data; that is, the page requests data from the server. With server-sent events, it's possible for a server to send new data to a web page at any time, by pushing messages to the web page. These incoming messages can be treated as <em><a href="/en-US/docs/DOM/event" title="DOM/Event">Events</a> + data</em> inside the web page.</p>
-<table class="topicpage-table">
-  <tbody>
-    <tr>
-      <td>
-        <h2 class="Documentation" id="Documentation" name="Documentation">Documentation</h2>
+        
+<h2 class="" id="Documentation" name="Documentation">Documentation</h2>
         <dl>
           <dt>
             <a href="/en-US/docs/Server-sent_events/Using_server-sent_events" title="Server-sent events/Using server-sent events">Using server-sent events</a></dt>
@@ -24,23 +21,19 @@ <h2 class="Documentation" id="Documentation" name="Documentation">Documentation<
           <dd>
             A reference to the client-side EventSource API.</dd>
         </dl>
-      </td>
-      <td>
-        <h2 class="Tools" id="Tools" name="Tools">Tools</h2>
+        
+        <h2 class="" id="Tools" name="Tools">Tools</h2>
         <ul>
           <li>Remy Sharp’s <a class="link-https" href="https://github.com/remy/polyfills/blob/master/EventSource.js">EventSource polyfill</a></li>
           <li>Yaffle’s <a class="link-https" href="https://github.com/Yaffle/EventSource">EventSource polyfill</a></li>
           <li>Rick Waldron’s <a class="link-https" href="https://github.com/rwldrn/jquery.eventsource">jquery plugin</a></li>
         </ul>
-        <h2 class="Related_Topics" id="Related_Topics" name="Related_Topics">Related Topics</h2>
+        <h2 class="" id="Related_Topics" name="Related_Topics">Related Topics</h2>
         <ul>
           <li><a href="/en-US/docs/AJAX" title="AJAX">AJAX</a>, <a href="/en-US/docs/JavaScript" title="JavaScript">JavaScript</a>, <a href="/en-US/docs/WebSockets" title="WebSockets">WebSockets</a></li>
         </ul>
-      </td>
-    </tr>
-  </tbody>
-</table>
-<h2 id="See_also">See also</h2>
+
+        <h2 id="See_also">See also</h2>
 <ul>
   <li>A <a href="http://hacks.mozilla.org/2011/06/a-wall-powered-by-eventsource-and-server-sent-events/">Twitter like application</a> powered by server-sent events and <a class="link-https" href="https://github.com/mozilla/webowonder-demos/tree/master/demos/friends%20timeline">its code on Github</a>.</li>
   <li><a href="http://dsheiko.com/weblog/html5-and-server-sent-events">HTML5 and Server-sent events</a></li>
diff --git a/files/es/web/api/stylesheet/ownernode/index.html b/files/es/web/api/stylesheet/ownernode/index.html
index e7a14fb5280887..4658047e05a58f 100644
--- a/files/es/web/api/stylesheet/ownernode/index.html
+++ b/files/es/web/api/stylesheet/ownernode/index.html
@@ -21,7 +21,7 @@ <h3 id="Example" name="Example">Ejemplo</h3>
  &lt;/head&gt;
  &lt;body&gt;
 </pre>
-<div class="thunder">
+<div class="">
  Thunder</div>
 <pre class="eval">  &lt;button onclick="stilo()"&gt;ss&lt;/button&gt;
  &lt;/body&gt;
diff --git a/files/es/web/api/texttrack/index.html b/files/es/web/api/texttrack/index.html
index 17c32575fa77ba..22337a0f8631fb 100644
--- a/files/es/web/api/texttrack/index.html
+++ b/files/es/web/api/texttrack/index.html
@@ -21,7 +21,7 @@
 
 <h2 id="Properties">Properties</h2>
 
-<p class="properties also_inherits"><em>This interface also inherits properties from {{domxref("EventTarget")}}.</em></p>
+<p class=""><em>This interface also inherits properties from {{domxref("EventTarget")}}.</em></p>
 
 <dl id="property_definitions">
 	<dt>{{domxref("TextTrack.activeCues")}} {{readonlyInline}}</dt>
@@ -52,7 +52,7 @@ <h2 id="Events">Events</h2>
 
 <h2 id="methods" name="methods">Methods</h2>
 
-<p class="methods also_inherits"><em>This interface also inherits methods from {{domxref("EventTarget")}}.</em></p>
+<p class=""><em>This interface also inherits methods from {{domxref("EventTarget")}}.</em></p>
 
 <dl id="method_definitions">
 	<dt>{{domxref("TextTrack.addCue()")}}</dt>
diff --git a/files/es/web/api/uievent/index.html b/files/es/web/api/uievent/index.html
index 19889edf48f032..0f5151837368a8 100644
--- a/files/es/web/api/uievent/index.html
+++ b/files/es/web/api/uievent/index.html
@@ -4,6 +4,7 @@
 tags:
   - API
 translation_of: Web/API/UIEvent
+browser-compat: api.UIEvent
 ---
 <p>{{APIRef("DOM Events")}}</p>
 
@@ -59,31 +60,7 @@ <h2 id="Methods">Methods</h2>
 
 <h2 id="Specifications">Specifications</h2>
 
-<table class="standard-table">
- <tbody>
-  <tr>
-   <th scope="col">Specification</th>
-   <th scope="col">Status</th>
-   <th scope="col">Comment</th>
-  </tr>
-  <tr>
-   <td>{{SpecName('DOM3 Events', '#interface-UIEvent', 'UIEvent')}}</td>
-   <td>{{Spec2('DOM3 Events')}}</td>
-   <td>From {{SpecName('DOM2 Events')}}:
-    <ul>
-     <li>added the <code>UIEvent()</code> constructor,</li>
-     <li>deprecated the <code>initUIEvent()</code> method,</li>
-     <li>and changed the type of <code>view</code> from <code>AbstractView</code> to <code>WindowProxy</code>.</li>
-    </ul>
-   </td>
-  </tr>
-  <tr>
-   <td>{{SpecName('DOM2 Events', '#Events-UIEvent', 'UIEvent')}}</td>
-   <td>{{Spec2('DOM2 Events')}}</td>
-   <td>Initial definition.</td>
-  </tr>
- </tbody>
-</table>
+{{Specifications}}
 
 <h2 id="Browser_compatibility" name="Browser_compatibility">Browser compatibility</h2>
 
diff --git a/files/es/web/api/webgl_api/index.html b/files/es/web/api/webgl_api/index.html
index e75ac19d64d049..5d1ff89e9628a7 100644
--- a/files/es/web/api/webgl_api/index.html
+++ b/files/es/web/api/webgl_api/index.html
@@ -11,10 +11,6 @@
 
 <div class="note"><span class="goog-gtc-unit" id="goog-gtc-unit-5"><span class="goog-gtc-from-human goog-gtc-translatable" dir="ltr"><strong>Nota:</strong> La especificación para WebGL se encuentra todavía en fase de borrador y sujeta a cambios.</span></span></div>
 
-<table class="mainpage-table">
- <tbody>
-  <tr>
-   <td>
     <h2 id="Temas_sobre_desarrollo"><span class="goog-gtc-unit" id="goog-gtc-unit-6"><span class="goog-gtc-from-human goog-gtc-translatable" dir="ltr">Temas sobre desarrollo</span></span></h2>
 
     <dl>
@@ -35,8 +31,7 @@ <h2 id="Temas_sobre_desarrollo"><span class="goog-gtc-unit" id="goog-gtc-unit-6"
      <dt><a href="/en/WebGL/Animating_textures_in_WebGL" title="en/WebGL/Animating textures in WebGL"><span class="goog-gtc-unit" id="goog-gtc-unit-21"><span class="goog-gtc-from-mt goog-gtc-translatable" dir="ltr">Animación de texturas en WebGL</span></span></a></dt>
      <dd><span class="goog-gtc-unit" id="goog-gtc-unit-22"><span class="goog-gtc-from-human goog-gtc-translatable" dir="ltr">Se muestra cómo animar texturas, en este caso, mediante la asignación de un vídeo Ogg a las caras de un cubo que gira.</span></span></dd>
     </dl>
-   </td>
-   <td>
+    
     <h2 id="Recursos"><span class="goog-gtc-unit" id="goog-gtc-unit-23"><span class="goog-gtc-from-human goog-gtc-translatable" dir="ltr">Recursos</span></span></h2>
 
     <dl>
@@ -53,10 +48,6 @@ <h2 id="Recursos"><span class="goog-gtc-unit" id="goog-gtc-unit-23"><span class=
      <dt><a class="external" href="http://planet-webgl.org/"><span class="goog-gtc-unit" id="goog-gtc-unit-34"><span class="goog-gtc-from-mt goog-gtc-translatable" dir="ltr">Planeta WebGL</span></span></a></dt>
      <dd><span class="goog-gtc-unit" id="goog-gtc-unit-35"><span class="goog-gtc-from-human goog-gtc-translatable" dir="ltr">Un agregador de RSS para las personas que pertenecen a la comunidad WebGL.</span></span></dd>
     </dl>
-   </td>
-  </tr>
- </tbody>
-</table>
 
 <h2 id="Compatibilidad_de_los_navegadores"><span class="goog-gtc-unit" id="goog-gtc-unit-36"><span class="goog-gtc-from-human goog-gtc-translatable" dir="ltr">Compatibilidad de los navegadores</span></span></h2>
 
diff --git a/files/es/web/api/webgl_api/tutorial/using_textures_in_webgl/index.html b/files/es/web/api/webgl_api/tutorial/using_textures_in_webgl/index.html
index 766f781b6706d6..934ea2a533c975 100644
--- a/files/es/web/api/webgl_api/tutorial/using_textures_in_webgl/index.html
+++ b/files/es/web/api/webgl_api/tutorial/using_textures_in_webgl/index.html
@@ -41,7 +41,7 @@ <h2 id="Cargando_texturas">Cargando texturas</h2>
 
 <p>Para realmente crear la textura, especificamos que la nueva textura es la textura actual en la que queremos operar vinculándola a gl.TEXTURE_2D. Despues de esto, la imagen cargada es pasada a  {{domxref("WebGLRenderingContext.texImage2D()", "texImage2D()")}} para escribir la informacion de la imagen en la textura.</p>
 
-<div class="note"><strong>Nota: El alto y hancho de las texturas deben, en la mayoría de las circunstancias, ser una potencia de dos píxeles (es decir, 1, 2, 4, 8, 16, etc.) en cada dimensión. Para la excepción, vea la sección: <a href="https://developer.mozilla.org/en-US/docs/Web/WebGL/Using_textures_in_WebGL#Non_power-of-two_textures">"Texturas no potencia de dos"</a>, a continuación.</strong></div>
+<div class=""><strong>Nota: El alto y hancho de las texturas deben, en la mayoría de las circunstancias, ser una potencia de dos píxeles (es decir, 1, 2, 4, 8, 16, etc.) en cada dimensión. Para la excepción, vea la sección: <a href="https://developer.mozilla.org/en-US/docs/Web/WebGL/Using_textures_in_WebGL#Non_power-of-two_textures">"Texturas no potencia de dos"</a>, a continuación.</strong></div>
 
 <p>Las siguientes dos líneas setean el filtrado para la textura; Esto controla cómo se filtra la imagen mientras se escala. En este caso estamos usando linear filtering cuando escala la imagen, y mipmap cuando se hace mas pequeña. Entonces el mipmap es generado llamando {{domxref("WebGLRenderingContext.generateMipMap()", "generateMipMap()")}}, Y terminamos diciéndole a WebGL que hemos terminado de manipular la textura vinculando null a gl.TEXTURE_2D.</p>
 
diff --git a/files/es/web/api/webrtc_api/index.html b/files/es/web/api/webrtc_api/index.html
index 02843867c5091b..47eb00c788418b 100644
--- a/files/es/web/api/webrtc_api/index.html
+++ b/files/es/web/api/webrtc_api/index.html
@@ -59,7 +59,7 @@ <h2 id="Tutoriales">Tutoriales</h2>
  <dd>The {{domxref("RTCDataChannel")}} interface is a feature which lets you open a channel between two peers over which you may send and receive arbitrary data. The API is intentionally similar to the <a href="https://developer.mozilla.org/en-US/docs/Web/API/WebSocket_API">WebSocket API</a>, so that the same programming model can be used for each.</dd>
 </dl>
 
-<h2 class="Related_Topics" id="Related_Topics" name="Related_Topics">Recursos</h2>
+<h2 class="" id="Related_Topics" name="Related_Topics">Recursos</h2>
 
 <h3 id="Protocolos">Protocolos</h3>
 
@@ -115,9 +115,9 @@ <h2 id="Especificaciones">Especificaciones</h2>
  </tbody>
 </table>
 
-<p class="Related_Topics">In additions to these specifications defining the API needed to use WebRTC, there are several protocols, listed under <a href="#Protocols">resources</a>.</p>
+<p class="">In additions to these specifications defining the API needed to use WebRTC, there are several protocols, listed under <a href="#Protocols">resources</a>.</p>
 
-<h2 class="Related_Topics" id="Related_Topics" name="Related_Topics">Ver también</h2>
+<h2 class="" id="Related_Topics" name="Related_Topics">Ver también</h2>
 
 <ul>
  <li><a href="https://hacks.mozilla.org/2015/06/firefox-multistream-and-renegotiation-for-jitsi-videobridge/">Firefox multistream and renegotiation for Jitsi Videobridge</a></li>
diff --git a/files/es/web/api/websocket/index.html b/files/es/web/api/websocket/index.html
index 9678e1c7bd1ec6..bb7b247b670821 100644
--- a/files/es/web/api/websocket/index.html
+++ b/files/es/web/api/websocket/index.html
@@ -33,7 +33,6 @@
  <dd><code>La URL a la cual se conecta, debe ser la URL con la cual el servidor WebSocket debe responder.</code></dd>
  <dt><code>protocols</code> {{optional_inline}}</dt>
  <dd>Permite cualquier caso, desde un simple protocolo o un arreglo de cadenas de texto. Estas cadenas de texto son usadas para indicar subprotocolos, en los cuales un único servidor puede implementar múltiples subprotocolos para el WebSocket (por ejemplo, tu podrías esperar que un servido gestione diferentes tipos de interacciones dependiendo de un tipo específico de protocolo). Si no especificas un subprotocolo, se asume una cadena de texto vacía.</dd>
- <dd> </dd>
 </dl>
 
 <p>El constructor puede levantar excepciones:</p>
diff --git a/files/es/web/api/websockets_api/index.html b/files/es/web/api/websockets_api/index.html
index 0bcb33319dfe90..f55eb27533fb37 100644
--- a/files/es/web/api/websockets_api/index.html
+++ b/files/es/web/api/websockets_api/index.html
@@ -19,7 +19,7 @@ <h2 id="Interfaces">Interfaces</h2>
 </dl>
 
 <div class="section">
-<h2 class="Tools" id="Tools" name="Tools">Herramientas</h2>
+<h2 class="" id="Tools" name="Tools">Herramientas</h2>
 
 <ul>
  <li><a class="external" href="http://socket.io">Socket.IO</a>: Una poderosa API WebSocket multi-plataforma para <a class="external" href="http://nodejs.org">Node.js</a>.</li>
@@ -28,7 +28,7 @@ <h2 class="Tools" id="Tools" name="Tools">Herramientas</h2>
  <li><a href="https://www.npmjs.com/package/faye-websocket">Faye</a>: Un servidor y cliente <a href="https://developer.mozilla.org/en-US/docs/Web/API/WebSockets_API">WebSocket</a> (conexión bidireccional) y <a href="https://developer.mozilla.org/en-US/docs/Web/API/EventSource/">EventSource</a> (conexión unidireccional) para <a class="external" href="http://nodejs.org">Node.js</a>.</li>
 </ul>
 
-<h2 class="Related_Topics" id="Related_Topics" name="Related_Topics">Temas RELACIONADOS</h2>
+<h2 class="" id="Related_Topics" name="Related_Topics">Temas RELACIONADOS</h2>
 
 <ul>
  <li><a href="/en-US/docs/AJAX" title="AJAX">AJAX</a>, <a href="/en-US/docs/JavaScript" title="JavaScript">JavaScript</a></li>
diff --git a/files/es/web/api/wheelevent/deltay/index.html b/files/es/web/api/wheelevent/deltay/index.html
index 2a061556e4e406..f657d2ca38349b 100644
--- a/files/es/web/api/wheelevent/deltay/index.html
+++ b/files/es/web/api/wheelevent/deltay/index.html
@@ -39,7 +39,7 @@ <h2 id="Compatibilidad_de_los_navegadores">Compatibilidad de los navegadores</h2
 
 {{Compat("api.WheelEvent.deltaY")}}
 
-<h2 class="note" id="Ver_más">Ver más</h2>
+<h2 class="" id="Ver_más">Ver más</h2>
 
 <ul>
  <li>{{ event("wheel") }}</li>
diff --git a/files/es/web/api/wheelevent/index.html b/files/es/web/api/wheelevent/index.html
index 63b87886efc90b..ab26c11d42cc59 100644
--- a/files/es/web/api/wheelevent/index.html
+++ b/files/es/web/api/wheelevent/index.html
@@ -94,7 +94,7 @@ <h2 id="Compatibilidad_en_navegadores">Compatibilidad en navegadores</h2>
 
 {{Compat("api.WheelEvent")}}
 
-<h2 class="note" id="Ver_también">Ver también</h2>
+<h2 class="" id="Ver_también">Ver también</h2>
 
 <ul>
  <li>{{ event("wheel") }}</li>
diff --git a/files/es/web/api/xmlhttprequest/index.html b/files/es/web/api/xmlhttprequest/index.html
index 3768dd1dc32823..e08527b7c63f5e 100644
--- a/files/es/web/api/xmlhttprequest/index.html
+++ b/files/es/web/api/xmlhttprequest/index.html
@@ -24,97 +24,68 @@
 <h2 id="Resumen_del_método">Resumen del método</h2>
 
 <table class="standard-table">
- <tbody>
-  <tr>
-   <td><code>void <a class="internal" href="/en/XMLHttpRequest#abort()" title="/En/XMLHttpRequest#abort()">abort</a>();</code></td>
-  </tr>
-  <tr>
-   <td><code>string <a class="internal" href="/en/XMLHttpRequest#getAllResponseHeaders()" title="/en/XMLHttpRequest#getAllResponseHeaders()">getAllResponseHeaders</a>();</code></td>
-  </tr>
-  <tr>
-   <td><code>ACString <a class="internal" href="/en/XMLHttpRequest#getResponseHeader()" title="/en/XMLHttpRequest#getResponseHeader()">getResponseHeader</a>(in AUTF8String header);</code></td>
-  </tr>
-  <tr>
-   <td><code>[noscript] void <a class="internal" href="/en/XMLHttpRequest#init()" title="/en/XMLHttpRequest#init()">init</a>(in nsIPrincipal principal, in nsIScriptContext scriptContext, in nsPIDOMWindow ownerWindow);</code></td>
-  </tr>
-  <tr>
-   <td><code>void <a class="internal" href="/en/XMLHttpRequest#open()" title="/en/XMLHttpRequest#open()">open</a>(in AUTF8String method, in AUTF8String url);</code></td>
-  </tr>
-  <tr>
-   <td><code>[noscript] void <a class="internal" href="/en/XMLHttpRequest#openRequest()" title="/en/XMLHttpRequest#openRequest()">openRequest</a>(in AUTF8String method, in AUTF8String url, in boolean async, in AString user, in AString password);</code></td>
-  </tr>
-  <tr>
-   <td><code>void <a class="internal" href="/en/XMLHttpRequest#overrideMimeType()" title="/en/XMLHttpRequest#overrideMimeType()">overrideMimeType</a>(in AUTF8String mimetype);</code></td>
-  </tr>
-  <tr>
-   <td><code>void <a class="internal" href="/en/XMLHttpRequest#send()" title="/en/XMLHttpRequest#send()">send</a>([optional] in nsIVariant body);</code></td>
-  </tr>
-  <tr>
-   <td><code>void <a class="internal" href="/en/XMLHttpRequest#sendAsBinary()" title="/en/XMLHttpRequest#sendAsBinary()">sendAsBinary</a>(in DOMString body);</code></td>
-  </tr>
-  <tr>
-   <td><code>void <a class="internal" href="/en/XMLHttpRequest#setRequestHeader()" title="/en/XMLHttpRequest#setRequestHeader()">setRequestHeader</a>(in AUTF8String header, in AUTF8String value);</code></td>
-  </tr>
- </tbody>
-</table>
+    <tbody>
+     <tr>
+      <td><code>void <a class="internal" href="/en/XMLHttpRequest#abort()" title="/En/XMLHttpRequest#abort()">abort</a>();</code></td>
+     </tr>
+     <tr>
+      <td><code>string <a class="internal" href="/en/XMLHttpRequest#getAllResponseHeaders()" title="/en/XMLHttpRequest#getAllResponseHeaders()">getAllResponseHeaders</a>();</code></td>
+     </tr>
+     <tr>
+      <td><code>ACString <a class="internal" href="/en/XMLHttpRequest#getResponseHeader()" title="/en/XMLHttpRequest#getResponseHeader()">getResponseHeader</a>(in AUTF8String header);</code></td>
+     </tr>
+     <tr>
+      <td><code>[noscript] void <a class="internal" href="/en/XMLHttpRequest#init()" title="/en/XMLHttpRequest#init()">init</a>(in nsIPrincipal principal, in nsIScriptContext scriptContext, in nsPIDOMWindow ownerWindow);</code></td>
+     </tr>
+     <tr>
+      <td><code>void <a class="internal" href="/en/XMLHttpRequest#open()" title="/en/XMLHttpRequest#open()">open</a>(in AUTF8String method, in AUTF8String url);</code></td>
+     </tr>
+     <tr>
+      <td><code>[noscript] void <a class="internal" href="/en/XMLHttpRequest#openRequest()" title="/en/XMLHttpRequest#openRequest()">openRequest</a>(in AUTF8String method, in AUTF8String url, in boolean async, in AString user, in AString password);</code></td>
+     </tr>
+     <tr>
+      <td><code>void <a class="internal" href="/en/XMLHttpRequest#overrideMimeType()" title="/en/XMLHttpRequest#overrideMimeType()">overrideMimeType</a>(in AUTF8String mimetype);</code></td>
+     </tr>
+     <tr>
+      <td><code>void <a class="internal" href="/en/XMLHttpRequest#send()" title="/en/XMLHttpRequest#send()">send</a>([optional] in nsIVariant body);</code></td>
+     </tr>
+     <tr>
+      <td><code>void <a class="internal" href="/en/XMLHttpRequest#sendAsBinary()" title="/en/XMLHttpRequest#sendAsBinary()">sendAsBinary</a>(in DOMString body);</code></td>
+     </tr>
+     <tr>
+      <td><code>void <a class="internal" href="/en/XMLHttpRequest#setRequestHeader()" title="/en/XMLHttpRequest#setRequestHeader()">setRequestHeader</a>(in AUTF8String header, in AUTF8String value);</code></td>
+     </tr>
+    </tbody>
+   </table>
 
 <h2 id="Propiedades">Propiedades</h2>
 
-<table class="standard-table">
- <tbody>
-  <tr>
-   <td class="header">Atributo</td>
-   <td class="header">Tipo</td>
-   <td class="header">Descripción</td>
-  </tr>
-  <tr>
-   <td><code>channel</code></td>
-   <td><code>nsIChannel</code></td>
-   <td>El canal es usado por el objeto cuando se produce el pedido. Esto da <code>null</code> si el canal aún no fue creado. En el caso de un pedido de múltiples partes, este es el canal inicial, no las diferentes partes del pedido múltiple. <strong>Es necesario tener privilegios elevados para acceder; sólo lectura.</strong> {{ Non-standard_inline() }}</td>
-  </tr>
-  <tr>
-   <td><code>mozBackgroundRequest</code></td>
-   <td><code>booleano</code></td>
-   <td>
-    <p>Indica si el objeto representa o no un pedido de un servicio de fondo. Si es <code>true</code>, no se asocia una carga de grupo con el pedido, y los diálogos de seguridad no se muestran al usuario. <strong>Es necesario tener privilegios elevados para acceder. </strong>{{ Non-standard_inline() }}</p>
+<dl><dt>Atributo: Tipo</dt><dd>Descripción</dd><dt><code>channel</code>: <code>nsIChannel</code></dt><dd>El canal es usado por el objeto cuando se produce el pedido. Esto da <code>null</code> si el canal aún no fue creado. En el caso de un pedido de múltiples partes, este es el canal inicial, no las diferentes partes del pedido múltiple. <strong>Es necesario tener privilegios elevados para acceder; sólo lectura.</strong> <abbr class="" title="Non-standard. Check cross-browser support before using.">
+    <span class="">Non-standard</span>
+</abbr></dd><dt><code>mozBackgroundRequest</code>: <code>booleano</code></dt><dd>
+    <p>Indica si el objeto representa o no un pedido de un servicio de fondo. Si es <code>true</code>, no se asocia una carga de grupo con el pedido, y los diálogos de seguridad no se muestran al usuario. <strong>Es necesario tener privilegios elevados para acceder. </strong><abbr class="" title="Non-standard. Check cross-browser support before using.">
+    <span class="">Non-standard</span>
+</abbr></p>
 
     <p>En los casos en que un diálogo de seguridad debe ser mostrado (como en una autentficación o la notificación de un certificado no válido), el pedido simplemente falla.</p>
-   </td>
-  </tr>
-  <tr>
-   <td><code>mozResponseArrayBuffer</code>  {{ non-standard_inline() }}</td>
-   <td><a href="/en/JavaScript_typed_arrays/ArrayBuffer" title="en/JavaScript typed arrays/ArrayBuffer"><code>ArrayBuffer</code></a></td>
-   <td>La respuesta al pedido en la forma de un arreglo de JavaScript. Esto es NULL si el pedido no fue exitoso o si todavía no ha sido enviado. <strong>Sólo lectura.</strong></td>
-  </tr>
-  <tr>
-   <td><code>multipart</code></td>
-   <td><code>booleano</code></td>
-   <td>
+   </dd><dt><code>mozResponseArrayBuffer</code>  <abbr class="" title="Non-standard. Check cross-browser support before using.">
+    <span class="">Non-standard</span>
+</abbr>: <a href="/en-US/JavaScript_typed_arrays/ArrayBuffer" title="en/JavaScript typed arrays/ArrayBuffer"><code>ArrayBuffer</code></a></dt><dd>La respuesta al pedido en la forma de un arreglo de JavaScript. Esto es NULL si el pedido no fue exitoso o si todavía no ha sido enviado. <strong>Sólo lectura.</strong></dd><dt><code>multipart</code>: <code>booleano</code></dt><dd>
     <p>Indica cuando se espera que la respuesta sea o no una serie de mútiples documentos XML. Si se define como <code>true</code>, el tipo de contenido de la respuesta inicial debe ser <code>multipart/x-mixed-replace</code> u ocurrirá un error. Todos los pedidos deben ser asincrónicos.</p>
 
     <p>Esto permite el uso del push del servidor; para cada documento XML que se escribe para este pedido, se crea un nuevo XMLDOMdocument y se llama al manejador <code>onload</code> entre cada documento.</p>
 
-    <div class="note"><strong>Nota:</strong> Cuando esto se elige, el manejador <code>onload</code> y otros manejadores de eventos no son reiniciados después de que el primer XMLdocument es cargado, y el manejador <code>onload</code> es llamado después de que cada parte de la respuesta es recibida.</div>
-   </td>
-  </tr>
-  <tr id="onreadystatechange">
-   <td>
-    <p><code>onreadystatechange</code></p>
-   </td>
-   <td><code>nsIDOMEventListener</code></td>
-   <td>
+    <div class="note notecard" id="sect2"><strong>Nota:</strong> Cuando esto se elige, el manejador <code>onload</code> y otros manejadores de eventos no son reiniciados después de que el primer XMLdocument es cargado, y el manejador <code>onload</code> es llamado después de que cada parte de la respuesta es recibida.</div>
+   </dd><dt>
+    <code>onreadystatechange</code>
+   : <code>nsIDOMEventListener</code></dt><dd>
     <p>Una función del objeto JavaScript que se llama cuando el atributo <code>readyState</code> cambia. El callback se llama desde la interfaz del usuario.</p>
 
-    <div class="warning"><strong>Aviso: </strong>Esto no debe ser usado desde código nativo. Tampoco debes usarlo con pedidos sincrónicos.</div>
-   </td>
-  </tr>
-  <tr id="readyState">
-   <td><code>readyState</code></td>
-   <td><code>long</code></td>
-   <td>
+    <div class="" id="sect3"><strong>Aviso: </strong>Esto no debe ser usado desde código nativo. Tampoco debes usarlo con pedidos sincrónicos.</div>
+   </dd><dt><code>readyState</code>: <code>long</code></dt><dd>
     <p>El estado del pedido:</p>
 
-    <table class="standard-table">
+    <div class=""><table class="standard-table">
      <tbody>
       <tr>
        <td class="header">Valor</td>
@@ -147,51 +118,18 @@ <h2 id="Propiedades">Propiedades</h2>
        <td>La operación está terminada.</td>
       </tr>
      </tbody>
-    </table>
-   </td>
-  </tr>
-  <tr id="responseText">
-   <td><code>responseText</code></td>
-   <td><code>AString</code></td>
-   <td>La respuesta al pedido como texto, o <code>null</code> si el pedido no fue exitoso o todavía no se envió. <strong>Sólo lectura.</strong></td>
-  </tr>
-  <tr id="responseXML">
-   <td><code>responseXML</code></td>
-   <td><code>nsIDOMDocument</code></td>
-   <td>
-    <p>La respuesta al pedido como un objeto DOM<code><a class="internal" href="/en/DOM/document" title="En/DOM/Document">Document</a></code>, o <code>null</code> si el pedido no fue exitoso, aún no fue enviado o no puede ser analizado como XML. La respuesta es analizada como si fuera <code>text/xml</code>. <strong>Sólo lectura.</strong></p>
-
-    <div class="note"><strong>Nota:</strong> Si el servidor no aplica el encabezado de tipo de contenido <code>text/xml</code>, puedes usar <code>overrideMimeType()</code> para forzar a <code>XMLHttpRequest</code> a analizarlo como XML igualmente.</div>
-   </td>
-  </tr>
-  <tr id="status">
-   <td><code>status</code></td>
-   <td><code>unsigned long</code></td>
-   <td>El estado de la respuesta al pedido. Éste es el código HTTPresult (por ejemplo, <code>status</code> es 200 por un pedido exitoso). <strong>Sólo lectura.</strong></td>
-  </tr>
-  <tr>
-   <td><code>statusText</code></td>
-   <td><code>AUTF8String</code></td>
-   <td>La cadena de respuesta que devuelve el HTTPserver. A diferencia de <code>status</code>, este incluye el texto completo del mensaje de respuesta ("<code>200 OK</code>", por ejemplo). <strong>Sólo lectura.</strong></td>
-  </tr>
-  <tr>
-   <td><code>upload</code></td>
-   <td><code>nsIXMLHttpRequestUpload</code></td>
-   <td>El proceso de subida puede ser rastreado al agregar un registro de evento a <code>upload</code>.</td>
-  </tr>
-  <tr>
-   <td><code>withCredentials</code></td>
-   <td><code>booleano</code></td>
-   <td>
+    </table></div>
+   </dd><dt>Valor: Estado</dt><dd>Descripción</dd><dt><code>0</code>: <code>UNINITIALIZED</code></dt><dd>todavía no se llamó a <code>open()</code>.</dd><dt><code>1</code>: <code>LOADING</code></dt><dd>todavía no se llamó a <code>send()</code>.</dd><dt><code>2</code>: <code>LOADED</code></dt><dd><code>send()</code> ya fue invocado, y los encabezados y el estado están disponibles.</dd><dt><code>3</code>: <code>INTERACTIVE</code></dt><dd>Descargando; <code>responseText</code> contiene información parcial.</dd><dt><code>4</code>: <code>COMPLETED</code></dt><dd>La operación está terminada.</dd><dt><code>responseText</code>: <code>AString</code></dt><dd>La respuesta al pedido como texto, o <code>null</code> si el pedido no fue exitoso o todavía no se envió. <strong>Sólo lectura.</strong></dd><dt><code>responseXML</code>: <code>nsIDOMDocument</code></dt><dd>
+    <p>La respuesta al pedido como un objeto DOM<code><a class="internal" href="/en-US/DOM/document" title="En/DOM/Document">Document</a></code>, o <code>null</code> si el pedido no fue exitoso, aún no fue enviado o no puede ser analizado como XML. La respuesta es analizada como si fuera <code>text/xml</code>. <strong>Sólo lectura.</strong></p>
+
+    <div class="note notecard" id="sect4"><strong>Nota:</strong> Si el servidor no aplica el encabezado de tipo de contenido <code>text/xml</code>, puedes usar <code>overrideMimeType()</code> para forzar a <code>XMLHttpRequest</code> a analizarlo como XML igualmente.</div>
+   </dd><dt><code>status</code>: <code>unsigned long</code></dt><dd>El estado de la respuesta al pedido. Éste es el código HTTPresult (por ejemplo, <code>status</code> es 200 por un pedido exitoso). <strong>Sólo lectura.</strong></dd><dt><code>statusText</code>: <code>AUTF8String</code></dt><dd>La cadena de respuesta que devuelve el HTTPserver. A diferencia de <code>status</code>, este incluye el texto completo del mensaje de respuesta ("<code>200 OK</code>", por ejemplo). <strong>Sólo lectura.</strong></dd><dt><code>upload</code>: <code>nsIXMLHttpRequestUpload</code></dt><dd>El proceso de subida puede ser rastreado al agregar un registro de evento a <code>upload</code>.</dd><dt><code>withCredentials</code>: <code>booleano</code></dt><dd>
     <p>Indica cuando el pedido de Access-Control entre sitios debe o no ser realizado usando credenciales como cookies o encabezados de autorización.</p>
 
-    <div class="note"><strong>Nota:</strong> Esto nunca afecta los pedidos en para el propio sitio.</div>
+    <div class="note notecard" id="sect5"><strong>Nota:</strong> Esto nunca afecta los pedidos en para el propio sitio.</div>
 
     <p>El valor predeterminado es <code>false</code>.</p>
-   </td>
-  </tr>
- </tbody>
-</table>
+   </dd></dl>
 
 <h2 id="Métodos">Métodos</h2>
 
diff --git a/files/es/web/api/xmlhttprequest/timeout/index.html b/files/es/web/api/xmlhttprequest/timeout/index.html
index 4d7978aea80606..98dac3c5adfa27 100644
--- a/files/es/web/api/xmlhttprequest/timeout/index.html
+++ b/files/es/web/api/xmlhttprequest/timeout/index.html
@@ -17,12 +17,8 @@
 
 <p>La propiedad <code><strong>XMLHttpRequest.timeout</strong></code> es un <code>unsigned long</code> que representa el número de milisegundos que puede tomar una solicitud antes de que se finalice automáticamente. El valor por defecto es 0, lo que significa que no hay tiempo de espera (<em>timeout</em>). <em>Timeout</em> no debe utilizarse para solicitudes XMLHttpRequests sincrónicas usadas en un {{Glossary('document environment')}}, pues generará una excepción <code>InvalidAccessError</code>. Cuando ocurre un tiempo de espera, se dispara un evento <a href="/en-US/docs/Web/Events/timeout">timeout</a>. {{gecko_minversion_inline("12.0")}}</p>
 
-<dl>
- <dd>
  <div class="note"><strong>Nota:</strong> No puede usar un <em>timeout</em> para solicitudes sincrónicas con una ventana propietaria (<em>owning window</em>).</div>
- </dd>
- <dd><a href="/en-US/docs/Web/API/XMLHttpRequest/Synchronous_and_Asynchronous_Requests#Example_using_a_timeout">Uso de <em>timeout</em> con una solicitud asincrónica</a></dd>
-</dl>
+ <a href="/en-US/docs/Web/API/XMLHttpRequest/Synchronous_and_Asynchronous_Requests#Example_using_a_timeout">Uso de <em>timeout</em> con una solicitud asincrónica</a>
 
 <p>En Internet Explorer, la propiedad <em>timeout</em> se puede establecer solo después de llamar al método <a href="/en-US/docs/Web/API/XMLHttpRequest/open">open()</a> y antes de llamar al método <a href="/en-US/docs/Web/API/XMLHttpRequest/send">send()</a>.</p>
 

From 6df3bf5987a2f68b99a8bb2d654c538f495335d1 Mon Sep 17 00:00:00 2001
From: Alexander <alexander_belial999@hotmail.com>
Date: Tue, 25 Oct 2022 11:13:19 -0500
Subject: [PATCH 2/8] api/s-x rename html to md

---
 files/es/web/api/selection/addrange/{index.html => index.md}      | 0
 files/es/web/api/selection/anchornode/{index.html => index.md}    | 0
 files/es/web/api/selection/anchoroffset/{index.html => index.md}  | 0
 files/es/web/api/selection/collapse/{index.html => index.md}      | 0
 files/es/web/api/selection/collapsetoend/{index.html => index.md} | 0
 .../es/web/api/selection/collapsetostart/{index.html => index.md} | 0
 files/es/web/api/selection/containsnode/{index.html => index.md}  | 0
 .../web/api/selection/deletefromdocument/{index.html => index.md} | 0
 files/es/web/api/selection/extend/{index.html => index.md}        | 0
 files/es/web/api/selection/focusnode/{index.html => index.md}     | 0
 files/es/web/api/selection/focusoffset/{index.html => index.md}   | 0
 files/es/web/api/selection/getrangeat/{index.html => index.md}    | 0
 files/es/web/api/selection/{index.html => index.md}               | 0
 files/es/web/api/selection/iscollapsed/{index.html => index.md}   | 0
 files/es/web/api/selection/rangecount/{index.html => index.md}    | 0
 .../es/web/api/selection/removeallranges/{index.html => index.md} | 0
 files/es/web/api/selection/removerange/{index.html => index.md}   | 0
 .../web/api/selection/selectallchildren/{index.html => index.md}  | 0
 files/es/web/api/selection/tostring/{index.html => index.md}      | 0
 files/es/web/api/server-sent_events/{index.html => index.md}      | 0
 .../using_server-sent_events/{index.html => index.md}             | 0
 files/es/web/api/service_worker_api/{index.html => index.md}      | 0
 files/es/web/api/serviceworkercontainer/{index.html => index.md}  | 0
 .../api/serviceworkercontainer/register/{index.html => index.md}  | 0
 files/es/web/api/settimeout/{index.html => index.md}              | 0
 files/es/web/api/storage/clear/{index.html => index.md}           | 0
 files/es/web/api/storage/getitem/{index.html => index.md}         | 0
 files/es/web/api/storage/{index.html => index.md}                 | 0
 files/es/web/api/storage/length/{index.html => index.md}          | 0
 files/es/web/api/storage/removeitem/{index.html => index.md}      | 0
 files/es/web/api/storage/setitem/{index.html => index.md}         | 0
 files/es/web/api/storagemanager/estimate/{index.html => index.md} | 0
 files/es/web/api/storagemanager/{index.html => index.md}          | 0
 files/es/web/api/storagemanager/persist/{index.html => index.md}  | 0
 .../es/web/api/storagemanager/persisted/{index.html => index.md}  | 0
 files/es/web/api/stylesheet/disabled/{index.html => index.md}     | 0
 files/es/web/api/stylesheet/href/{index.html => index.md}         | 0
 files/es/web/api/stylesheet/{index.html => index.md}              | 0
 files/es/web/api/stylesheet/media/{index.html => index.md}        | 0
 files/es/web/api/stylesheet/ownernode/{index.html => index.md}    | 0
 .../web/api/stylesheet/parentstylesheet/{index.html => index.md}  | 0
 files/es/web/api/stylesheet/title/{index.html => index.md}        | 0
 files/es/web/api/stylesheet/type/{index.html => index.md}         | 0
 files/es/web/api/subtlecrypto/digest/{index.html => index.md}     | 0
 files/es/web/api/subtlecrypto/{index.html => index.md}            | 0
 files/es/web/api/svgpoint/{index.html => index.md}                | 0
 .../es/web/api/texttrack/cuechange_event/{index.html => index.md} | 0
 files/es/web/api/texttrack/{index.html => index.md}               | 0
 files/es/web/api/touch_events/{index.html => index.md}            | 0
 files/es/web/api/touchevent/{index.html => index.md}              | 0
 files/es/web/api/uievent/{index.html => index.md}                 | 0
 files/es/web/api/uievent/which/{index.html => index.md}           | 0
 files/es/web/api/url/createobjecturl/{index.html => index.md}     | 0
 files/es/web/api/url/host/{index.html => index.md}                | 0
 files/es/web/api/url/{index.html => index.md}                     | 0
 files/es/web/api/url/port/{index.html => index.md}                | 0
 files/es/web/api/url/url/{index.html => index.md}                 | 0
 files/es/web/api/urlsearchparams/{index.html => index.md}         | 0
 .../api/urlsearchparams/urlsearchparams/{index.html => index.md}  | 0
 files/es/web/api/vibration_api/{index.html => index.md}           | 0
 files/es/web/api/web_audio_api/{index.html => index.md}           | 0
 files/es/web/api/web_crypto_api/{index.html => index.md}          | 0
 files/es/web/api/web_speech_api/{index.html => index.md}          | 0
 .../using_the_web_speech_api/{index.html => index.md}             | 0
 files/es/web/api/web_storage_api/{index.html => index.md}         | 0
 .../using_the_web_storage_api/{index.html => index.md}            | 0
 files/es/web/api/web_workers_api/{index.html => index.md}         | 0
 .../web_workers_api/using_web_workers/{index.html => index.md}    | 0
 files/es/web/api/webgl_api/{index.html => index.md}               | 0
 .../adding_2d_content_to_a_webgl_context/{index.html => index.md} | 0
 .../tutorial/animating_textures_in_webgl/{index.html => index.md} | 0
 .../creating_3d_objects_using_webgl/{index.html => index.md}      | 0
 .../tutorial/getting_started_with_webgl/{index.html => index.md}  | 0
 files/es/web/api/webgl_api/tutorial/{index.html => index.md}      | 0
 .../{index.html => index.md}                                      | 0
 .../tutorial/using_textures_in_webgl/{index.html => index.md}     | 0
 files/es/web/api/webrtc_api/{index.html => index.md}              | 0
 files/es/web/api/webrtc_api/protocols/{index.html => index.md}    | 0
 .../web/api/webrtc_api/session_lifetime/{index.html => index.md}  | 0
 files/es/web/api/websocket/close_event/{index.html => index.md}   | 0
 files/es/web/api/websocket/error_event/{index.html => index.md}   | 0
 files/es/web/api/websocket/{index.html => index.md}               | 0
 files/es/web/api/websockets_api/{index.html => index.md}          | 0
 .../{index.html => index.md}                                      | 0
 .../writing_websocket_server/{index.html => index.md}             | 0
 .../writing_websocket_servers/{index.html => index.md}            | 0
 files/es/web/api/webvr_api/{index.html => index.md}               | 0
 .../api/webvr_api/using_the_webvr_api/{index.html => index.md}    | 0
 files/es/web/api/wheelevent/deltay/{index.html => index.md}       | 0
 files/es/web/api/wheelevent/{index.html => index.md}              | 0
 files/es/web/api/worker/{index.html => index.md}                  | 0
 files/es/web/api/worker/terminate/{index.html => index.md}        | 0
 files/es/web/api/xmldocument/async/{index.html => index.md}       | 0
 files/es/web/api/xmlhttprequest/abort/{index.html => index.md}    | 0
 files/es/web/api/xmlhttprequest/{index.html => index.md}          | 0
 .../web/api/xmlhttprequest/loadend_event/{index.html => index.md} | 0
 .../readystatechange_event/{index.html => index.md}               | 0
 .../web/api/xmlhttprequest/responsetext/{index.html => index.md}  | 0
 files/es/web/api/xmlhttprequest/timeout/{index.html => index.md}  | 0
 99 files changed, 0 insertions(+), 0 deletions(-)
 rename files/es/web/api/selection/addrange/{index.html => index.md} (100%)
 rename files/es/web/api/selection/anchornode/{index.html => index.md} (100%)
 rename files/es/web/api/selection/anchoroffset/{index.html => index.md} (100%)
 rename files/es/web/api/selection/collapse/{index.html => index.md} (100%)
 rename files/es/web/api/selection/collapsetoend/{index.html => index.md} (100%)
 rename files/es/web/api/selection/collapsetostart/{index.html => index.md} (100%)
 rename files/es/web/api/selection/containsnode/{index.html => index.md} (100%)
 rename files/es/web/api/selection/deletefromdocument/{index.html => index.md} (100%)
 rename files/es/web/api/selection/extend/{index.html => index.md} (100%)
 rename files/es/web/api/selection/focusnode/{index.html => index.md} (100%)
 rename files/es/web/api/selection/focusoffset/{index.html => index.md} (100%)
 rename files/es/web/api/selection/getrangeat/{index.html => index.md} (100%)
 rename files/es/web/api/selection/{index.html => index.md} (100%)
 rename files/es/web/api/selection/iscollapsed/{index.html => index.md} (100%)
 rename files/es/web/api/selection/rangecount/{index.html => index.md} (100%)
 rename files/es/web/api/selection/removeallranges/{index.html => index.md} (100%)
 rename files/es/web/api/selection/removerange/{index.html => index.md} (100%)
 rename files/es/web/api/selection/selectallchildren/{index.html => index.md} (100%)
 rename files/es/web/api/selection/tostring/{index.html => index.md} (100%)
 rename files/es/web/api/server-sent_events/{index.html => index.md} (100%)
 rename files/es/web/api/server-sent_events/using_server-sent_events/{index.html => index.md} (100%)
 rename files/es/web/api/service_worker_api/{index.html => index.md} (100%)
 rename files/es/web/api/serviceworkercontainer/{index.html => index.md} (100%)
 rename files/es/web/api/serviceworkercontainer/register/{index.html => index.md} (100%)
 rename files/es/web/api/settimeout/{index.html => index.md} (100%)
 rename files/es/web/api/storage/clear/{index.html => index.md} (100%)
 rename files/es/web/api/storage/getitem/{index.html => index.md} (100%)
 rename files/es/web/api/storage/{index.html => index.md} (100%)
 rename files/es/web/api/storage/length/{index.html => index.md} (100%)
 rename files/es/web/api/storage/removeitem/{index.html => index.md} (100%)
 rename files/es/web/api/storage/setitem/{index.html => index.md} (100%)
 rename files/es/web/api/storagemanager/estimate/{index.html => index.md} (100%)
 rename files/es/web/api/storagemanager/{index.html => index.md} (100%)
 rename files/es/web/api/storagemanager/persist/{index.html => index.md} (100%)
 rename files/es/web/api/storagemanager/persisted/{index.html => index.md} (100%)
 rename files/es/web/api/stylesheet/disabled/{index.html => index.md} (100%)
 rename files/es/web/api/stylesheet/href/{index.html => index.md} (100%)
 rename files/es/web/api/stylesheet/{index.html => index.md} (100%)
 rename files/es/web/api/stylesheet/media/{index.html => index.md} (100%)
 rename files/es/web/api/stylesheet/ownernode/{index.html => index.md} (100%)
 rename files/es/web/api/stylesheet/parentstylesheet/{index.html => index.md} (100%)
 rename files/es/web/api/stylesheet/title/{index.html => index.md} (100%)
 rename files/es/web/api/stylesheet/type/{index.html => index.md} (100%)
 rename files/es/web/api/subtlecrypto/digest/{index.html => index.md} (100%)
 rename files/es/web/api/subtlecrypto/{index.html => index.md} (100%)
 rename files/es/web/api/svgpoint/{index.html => index.md} (100%)
 rename files/es/web/api/texttrack/cuechange_event/{index.html => index.md} (100%)
 rename files/es/web/api/texttrack/{index.html => index.md} (100%)
 rename files/es/web/api/touch_events/{index.html => index.md} (100%)
 rename files/es/web/api/touchevent/{index.html => index.md} (100%)
 rename files/es/web/api/uievent/{index.html => index.md} (100%)
 rename files/es/web/api/uievent/which/{index.html => index.md} (100%)
 rename files/es/web/api/url/createobjecturl/{index.html => index.md} (100%)
 rename files/es/web/api/url/host/{index.html => index.md} (100%)
 rename files/es/web/api/url/{index.html => index.md} (100%)
 rename files/es/web/api/url/port/{index.html => index.md} (100%)
 rename files/es/web/api/url/url/{index.html => index.md} (100%)
 rename files/es/web/api/urlsearchparams/{index.html => index.md} (100%)
 rename files/es/web/api/urlsearchparams/urlsearchparams/{index.html => index.md} (100%)
 rename files/es/web/api/vibration_api/{index.html => index.md} (100%)
 rename files/es/web/api/web_audio_api/{index.html => index.md} (100%)
 rename files/es/web/api/web_crypto_api/{index.html => index.md} (100%)
 rename files/es/web/api/web_speech_api/{index.html => index.md} (100%)
 rename files/es/web/api/web_speech_api/using_the_web_speech_api/{index.html => index.md} (100%)
 rename files/es/web/api/web_storage_api/{index.html => index.md} (100%)
 rename files/es/web/api/web_storage_api/using_the_web_storage_api/{index.html => index.md} (100%)
 rename files/es/web/api/web_workers_api/{index.html => index.md} (100%)
 rename files/es/web/api/web_workers_api/using_web_workers/{index.html => index.md} (100%)
 rename files/es/web/api/webgl_api/{index.html => index.md} (100%)
 rename files/es/web/api/webgl_api/tutorial/adding_2d_content_to_a_webgl_context/{index.html => index.md} (100%)
 rename files/es/web/api/webgl_api/tutorial/animating_textures_in_webgl/{index.html => index.md} (100%)
 rename files/es/web/api/webgl_api/tutorial/creating_3d_objects_using_webgl/{index.html => index.md} (100%)
 rename files/es/web/api/webgl_api/tutorial/getting_started_with_webgl/{index.html => index.md} (100%)
 rename files/es/web/api/webgl_api/tutorial/{index.html => index.md} (100%)
 rename files/es/web/api/webgl_api/tutorial/using_shaders_to_apply_color_in_webgl/{index.html => index.md} (100%)
 rename files/es/web/api/webgl_api/tutorial/using_textures_in_webgl/{index.html => index.md} (100%)
 rename files/es/web/api/webrtc_api/{index.html => index.md} (100%)
 rename files/es/web/api/webrtc_api/protocols/{index.html => index.md} (100%)
 rename files/es/web/api/webrtc_api/session_lifetime/{index.html => index.md} (100%)
 rename files/es/web/api/websocket/close_event/{index.html => index.md} (100%)
 rename files/es/web/api/websocket/error_event/{index.html => index.md} (100%)
 rename files/es/web/api/websocket/{index.html => index.md} (100%)
 rename files/es/web/api/websockets_api/{index.html => index.md} (100%)
 rename files/es/web/api/websockets_api/writing_websocket_client_applications/{index.html => index.md} (100%)
 rename files/es/web/api/websockets_api/writing_websocket_server/{index.html => index.md} (100%)
 rename files/es/web/api/websockets_api/writing_websocket_servers/{index.html => index.md} (100%)
 rename files/es/web/api/webvr_api/{index.html => index.md} (100%)
 rename files/es/web/api/webvr_api/using_the_webvr_api/{index.html => index.md} (100%)
 rename files/es/web/api/wheelevent/deltay/{index.html => index.md} (100%)
 rename files/es/web/api/wheelevent/{index.html => index.md} (100%)
 rename files/es/web/api/worker/{index.html => index.md} (100%)
 rename files/es/web/api/worker/terminate/{index.html => index.md} (100%)
 rename files/es/web/api/xmldocument/async/{index.html => index.md} (100%)
 rename files/es/web/api/xmlhttprequest/abort/{index.html => index.md} (100%)
 rename files/es/web/api/xmlhttprequest/{index.html => index.md} (100%)
 rename files/es/web/api/xmlhttprequest/loadend_event/{index.html => index.md} (100%)
 rename files/es/web/api/xmlhttprequest/readystatechange_event/{index.html => index.md} (100%)
 rename files/es/web/api/xmlhttprequest/responsetext/{index.html => index.md} (100%)
 rename files/es/web/api/xmlhttprequest/timeout/{index.html => index.md} (100%)

diff --git a/files/es/web/api/selection/addrange/index.html b/files/es/web/api/selection/addrange/index.md
similarity index 100%
rename from files/es/web/api/selection/addrange/index.html
rename to files/es/web/api/selection/addrange/index.md
diff --git a/files/es/web/api/selection/anchornode/index.html b/files/es/web/api/selection/anchornode/index.md
similarity index 100%
rename from files/es/web/api/selection/anchornode/index.html
rename to files/es/web/api/selection/anchornode/index.md
diff --git a/files/es/web/api/selection/anchoroffset/index.html b/files/es/web/api/selection/anchoroffset/index.md
similarity index 100%
rename from files/es/web/api/selection/anchoroffset/index.html
rename to files/es/web/api/selection/anchoroffset/index.md
diff --git a/files/es/web/api/selection/collapse/index.html b/files/es/web/api/selection/collapse/index.md
similarity index 100%
rename from files/es/web/api/selection/collapse/index.html
rename to files/es/web/api/selection/collapse/index.md
diff --git a/files/es/web/api/selection/collapsetoend/index.html b/files/es/web/api/selection/collapsetoend/index.md
similarity index 100%
rename from files/es/web/api/selection/collapsetoend/index.html
rename to files/es/web/api/selection/collapsetoend/index.md
diff --git a/files/es/web/api/selection/collapsetostart/index.html b/files/es/web/api/selection/collapsetostart/index.md
similarity index 100%
rename from files/es/web/api/selection/collapsetostart/index.html
rename to files/es/web/api/selection/collapsetostart/index.md
diff --git a/files/es/web/api/selection/containsnode/index.html b/files/es/web/api/selection/containsnode/index.md
similarity index 100%
rename from files/es/web/api/selection/containsnode/index.html
rename to files/es/web/api/selection/containsnode/index.md
diff --git a/files/es/web/api/selection/deletefromdocument/index.html b/files/es/web/api/selection/deletefromdocument/index.md
similarity index 100%
rename from files/es/web/api/selection/deletefromdocument/index.html
rename to files/es/web/api/selection/deletefromdocument/index.md
diff --git a/files/es/web/api/selection/extend/index.html b/files/es/web/api/selection/extend/index.md
similarity index 100%
rename from files/es/web/api/selection/extend/index.html
rename to files/es/web/api/selection/extend/index.md
diff --git a/files/es/web/api/selection/focusnode/index.html b/files/es/web/api/selection/focusnode/index.md
similarity index 100%
rename from files/es/web/api/selection/focusnode/index.html
rename to files/es/web/api/selection/focusnode/index.md
diff --git a/files/es/web/api/selection/focusoffset/index.html b/files/es/web/api/selection/focusoffset/index.md
similarity index 100%
rename from files/es/web/api/selection/focusoffset/index.html
rename to files/es/web/api/selection/focusoffset/index.md
diff --git a/files/es/web/api/selection/getrangeat/index.html b/files/es/web/api/selection/getrangeat/index.md
similarity index 100%
rename from files/es/web/api/selection/getrangeat/index.html
rename to files/es/web/api/selection/getrangeat/index.md
diff --git a/files/es/web/api/selection/index.html b/files/es/web/api/selection/index.md
similarity index 100%
rename from files/es/web/api/selection/index.html
rename to files/es/web/api/selection/index.md
diff --git a/files/es/web/api/selection/iscollapsed/index.html b/files/es/web/api/selection/iscollapsed/index.md
similarity index 100%
rename from files/es/web/api/selection/iscollapsed/index.html
rename to files/es/web/api/selection/iscollapsed/index.md
diff --git a/files/es/web/api/selection/rangecount/index.html b/files/es/web/api/selection/rangecount/index.md
similarity index 100%
rename from files/es/web/api/selection/rangecount/index.html
rename to files/es/web/api/selection/rangecount/index.md
diff --git a/files/es/web/api/selection/removeallranges/index.html b/files/es/web/api/selection/removeallranges/index.md
similarity index 100%
rename from files/es/web/api/selection/removeallranges/index.html
rename to files/es/web/api/selection/removeallranges/index.md
diff --git a/files/es/web/api/selection/removerange/index.html b/files/es/web/api/selection/removerange/index.md
similarity index 100%
rename from files/es/web/api/selection/removerange/index.html
rename to files/es/web/api/selection/removerange/index.md
diff --git a/files/es/web/api/selection/selectallchildren/index.html b/files/es/web/api/selection/selectallchildren/index.md
similarity index 100%
rename from files/es/web/api/selection/selectallchildren/index.html
rename to files/es/web/api/selection/selectallchildren/index.md
diff --git a/files/es/web/api/selection/tostring/index.html b/files/es/web/api/selection/tostring/index.md
similarity index 100%
rename from files/es/web/api/selection/tostring/index.html
rename to files/es/web/api/selection/tostring/index.md
diff --git a/files/es/web/api/server-sent_events/index.html b/files/es/web/api/server-sent_events/index.md
similarity index 100%
rename from files/es/web/api/server-sent_events/index.html
rename to files/es/web/api/server-sent_events/index.md
diff --git a/files/es/web/api/server-sent_events/using_server-sent_events/index.html b/files/es/web/api/server-sent_events/using_server-sent_events/index.md
similarity index 100%
rename from files/es/web/api/server-sent_events/using_server-sent_events/index.html
rename to files/es/web/api/server-sent_events/using_server-sent_events/index.md
diff --git a/files/es/web/api/service_worker_api/index.html b/files/es/web/api/service_worker_api/index.md
similarity index 100%
rename from files/es/web/api/service_worker_api/index.html
rename to files/es/web/api/service_worker_api/index.md
diff --git a/files/es/web/api/serviceworkercontainer/index.html b/files/es/web/api/serviceworkercontainer/index.md
similarity index 100%
rename from files/es/web/api/serviceworkercontainer/index.html
rename to files/es/web/api/serviceworkercontainer/index.md
diff --git a/files/es/web/api/serviceworkercontainer/register/index.html b/files/es/web/api/serviceworkercontainer/register/index.md
similarity index 100%
rename from files/es/web/api/serviceworkercontainer/register/index.html
rename to files/es/web/api/serviceworkercontainer/register/index.md
diff --git a/files/es/web/api/settimeout/index.html b/files/es/web/api/settimeout/index.md
similarity index 100%
rename from files/es/web/api/settimeout/index.html
rename to files/es/web/api/settimeout/index.md
diff --git a/files/es/web/api/storage/clear/index.html b/files/es/web/api/storage/clear/index.md
similarity index 100%
rename from files/es/web/api/storage/clear/index.html
rename to files/es/web/api/storage/clear/index.md
diff --git a/files/es/web/api/storage/getitem/index.html b/files/es/web/api/storage/getitem/index.md
similarity index 100%
rename from files/es/web/api/storage/getitem/index.html
rename to files/es/web/api/storage/getitem/index.md
diff --git a/files/es/web/api/storage/index.html b/files/es/web/api/storage/index.md
similarity index 100%
rename from files/es/web/api/storage/index.html
rename to files/es/web/api/storage/index.md
diff --git a/files/es/web/api/storage/length/index.html b/files/es/web/api/storage/length/index.md
similarity index 100%
rename from files/es/web/api/storage/length/index.html
rename to files/es/web/api/storage/length/index.md
diff --git a/files/es/web/api/storage/removeitem/index.html b/files/es/web/api/storage/removeitem/index.md
similarity index 100%
rename from files/es/web/api/storage/removeitem/index.html
rename to files/es/web/api/storage/removeitem/index.md
diff --git a/files/es/web/api/storage/setitem/index.html b/files/es/web/api/storage/setitem/index.md
similarity index 100%
rename from files/es/web/api/storage/setitem/index.html
rename to files/es/web/api/storage/setitem/index.md
diff --git a/files/es/web/api/storagemanager/estimate/index.html b/files/es/web/api/storagemanager/estimate/index.md
similarity index 100%
rename from files/es/web/api/storagemanager/estimate/index.html
rename to files/es/web/api/storagemanager/estimate/index.md
diff --git a/files/es/web/api/storagemanager/index.html b/files/es/web/api/storagemanager/index.md
similarity index 100%
rename from files/es/web/api/storagemanager/index.html
rename to files/es/web/api/storagemanager/index.md
diff --git a/files/es/web/api/storagemanager/persist/index.html b/files/es/web/api/storagemanager/persist/index.md
similarity index 100%
rename from files/es/web/api/storagemanager/persist/index.html
rename to files/es/web/api/storagemanager/persist/index.md
diff --git a/files/es/web/api/storagemanager/persisted/index.html b/files/es/web/api/storagemanager/persisted/index.md
similarity index 100%
rename from files/es/web/api/storagemanager/persisted/index.html
rename to files/es/web/api/storagemanager/persisted/index.md
diff --git a/files/es/web/api/stylesheet/disabled/index.html b/files/es/web/api/stylesheet/disabled/index.md
similarity index 100%
rename from files/es/web/api/stylesheet/disabled/index.html
rename to files/es/web/api/stylesheet/disabled/index.md
diff --git a/files/es/web/api/stylesheet/href/index.html b/files/es/web/api/stylesheet/href/index.md
similarity index 100%
rename from files/es/web/api/stylesheet/href/index.html
rename to files/es/web/api/stylesheet/href/index.md
diff --git a/files/es/web/api/stylesheet/index.html b/files/es/web/api/stylesheet/index.md
similarity index 100%
rename from files/es/web/api/stylesheet/index.html
rename to files/es/web/api/stylesheet/index.md
diff --git a/files/es/web/api/stylesheet/media/index.html b/files/es/web/api/stylesheet/media/index.md
similarity index 100%
rename from files/es/web/api/stylesheet/media/index.html
rename to files/es/web/api/stylesheet/media/index.md
diff --git a/files/es/web/api/stylesheet/ownernode/index.html b/files/es/web/api/stylesheet/ownernode/index.md
similarity index 100%
rename from files/es/web/api/stylesheet/ownernode/index.html
rename to files/es/web/api/stylesheet/ownernode/index.md
diff --git a/files/es/web/api/stylesheet/parentstylesheet/index.html b/files/es/web/api/stylesheet/parentstylesheet/index.md
similarity index 100%
rename from files/es/web/api/stylesheet/parentstylesheet/index.html
rename to files/es/web/api/stylesheet/parentstylesheet/index.md
diff --git a/files/es/web/api/stylesheet/title/index.html b/files/es/web/api/stylesheet/title/index.md
similarity index 100%
rename from files/es/web/api/stylesheet/title/index.html
rename to files/es/web/api/stylesheet/title/index.md
diff --git a/files/es/web/api/stylesheet/type/index.html b/files/es/web/api/stylesheet/type/index.md
similarity index 100%
rename from files/es/web/api/stylesheet/type/index.html
rename to files/es/web/api/stylesheet/type/index.md
diff --git a/files/es/web/api/subtlecrypto/digest/index.html b/files/es/web/api/subtlecrypto/digest/index.md
similarity index 100%
rename from files/es/web/api/subtlecrypto/digest/index.html
rename to files/es/web/api/subtlecrypto/digest/index.md
diff --git a/files/es/web/api/subtlecrypto/index.html b/files/es/web/api/subtlecrypto/index.md
similarity index 100%
rename from files/es/web/api/subtlecrypto/index.html
rename to files/es/web/api/subtlecrypto/index.md
diff --git a/files/es/web/api/svgpoint/index.html b/files/es/web/api/svgpoint/index.md
similarity index 100%
rename from files/es/web/api/svgpoint/index.html
rename to files/es/web/api/svgpoint/index.md
diff --git a/files/es/web/api/texttrack/cuechange_event/index.html b/files/es/web/api/texttrack/cuechange_event/index.md
similarity index 100%
rename from files/es/web/api/texttrack/cuechange_event/index.html
rename to files/es/web/api/texttrack/cuechange_event/index.md
diff --git a/files/es/web/api/texttrack/index.html b/files/es/web/api/texttrack/index.md
similarity index 100%
rename from files/es/web/api/texttrack/index.html
rename to files/es/web/api/texttrack/index.md
diff --git a/files/es/web/api/touch_events/index.html b/files/es/web/api/touch_events/index.md
similarity index 100%
rename from files/es/web/api/touch_events/index.html
rename to files/es/web/api/touch_events/index.md
diff --git a/files/es/web/api/touchevent/index.html b/files/es/web/api/touchevent/index.md
similarity index 100%
rename from files/es/web/api/touchevent/index.html
rename to files/es/web/api/touchevent/index.md
diff --git a/files/es/web/api/uievent/index.html b/files/es/web/api/uievent/index.md
similarity index 100%
rename from files/es/web/api/uievent/index.html
rename to files/es/web/api/uievent/index.md
diff --git a/files/es/web/api/uievent/which/index.html b/files/es/web/api/uievent/which/index.md
similarity index 100%
rename from files/es/web/api/uievent/which/index.html
rename to files/es/web/api/uievent/which/index.md
diff --git a/files/es/web/api/url/createobjecturl/index.html b/files/es/web/api/url/createobjecturl/index.md
similarity index 100%
rename from files/es/web/api/url/createobjecturl/index.html
rename to files/es/web/api/url/createobjecturl/index.md
diff --git a/files/es/web/api/url/host/index.html b/files/es/web/api/url/host/index.md
similarity index 100%
rename from files/es/web/api/url/host/index.html
rename to files/es/web/api/url/host/index.md
diff --git a/files/es/web/api/url/index.html b/files/es/web/api/url/index.md
similarity index 100%
rename from files/es/web/api/url/index.html
rename to files/es/web/api/url/index.md
diff --git a/files/es/web/api/url/port/index.html b/files/es/web/api/url/port/index.md
similarity index 100%
rename from files/es/web/api/url/port/index.html
rename to files/es/web/api/url/port/index.md
diff --git a/files/es/web/api/url/url/index.html b/files/es/web/api/url/url/index.md
similarity index 100%
rename from files/es/web/api/url/url/index.html
rename to files/es/web/api/url/url/index.md
diff --git a/files/es/web/api/urlsearchparams/index.html b/files/es/web/api/urlsearchparams/index.md
similarity index 100%
rename from files/es/web/api/urlsearchparams/index.html
rename to files/es/web/api/urlsearchparams/index.md
diff --git a/files/es/web/api/urlsearchparams/urlsearchparams/index.html b/files/es/web/api/urlsearchparams/urlsearchparams/index.md
similarity index 100%
rename from files/es/web/api/urlsearchparams/urlsearchparams/index.html
rename to files/es/web/api/urlsearchparams/urlsearchparams/index.md
diff --git a/files/es/web/api/vibration_api/index.html b/files/es/web/api/vibration_api/index.md
similarity index 100%
rename from files/es/web/api/vibration_api/index.html
rename to files/es/web/api/vibration_api/index.md
diff --git a/files/es/web/api/web_audio_api/index.html b/files/es/web/api/web_audio_api/index.md
similarity index 100%
rename from files/es/web/api/web_audio_api/index.html
rename to files/es/web/api/web_audio_api/index.md
diff --git a/files/es/web/api/web_crypto_api/index.html b/files/es/web/api/web_crypto_api/index.md
similarity index 100%
rename from files/es/web/api/web_crypto_api/index.html
rename to files/es/web/api/web_crypto_api/index.md
diff --git a/files/es/web/api/web_speech_api/index.html b/files/es/web/api/web_speech_api/index.md
similarity index 100%
rename from files/es/web/api/web_speech_api/index.html
rename to files/es/web/api/web_speech_api/index.md
diff --git a/files/es/web/api/web_speech_api/using_the_web_speech_api/index.html b/files/es/web/api/web_speech_api/using_the_web_speech_api/index.md
similarity index 100%
rename from files/es/web/api/web_speech_api/using_the_web_speech_api/index.html
rename to files/es/web/api/web_speech_api/using_the_web_speech_api/index.md
diff --git a/files/es/web/api/web_storage_api/index.html b/files/es/web/api/web_storage_api/index.md
similarity index 100%
rename from files/es/web/api/web_storage_api/index.html
rename to files/es/web/api/web_storage_api/index.md
diff --git a/files/es/web/api/web_storage_api/using_the_web_storage_api/index.html b/files/es/web/api/web_storage_api/using_the_web_storage_api/index.md
similarity index 100%
rename from files/es/web/api/web_storage_api/using_the_web_storage_api/index.html
rename to files/es/web/api/web_storage_api/using_the_web_storage_api/index.md
diff --git a/files/es/web/api/web_workers_api/index.html b/files/es/web/api/web_workers_api/index.md
similarity index 100%
rename from files/es/web/api/web_workers_api/index.html
rename to files/es/web/api/web_workers_api/index.md
diff --git a/files/es/web/api/web_workers_api/using_web_workers/index.html b/files/es/web/api/web_workers_api/using_web_workers/index.md
similarity index 100%
rename from files/es/web/api/web_workers_api/using_web_workers/index.html
rename to files/es/web/api/web_workers_api/using_web_workers/index.md
diff --git a/files/es/web/api/webgl_api/index.html b/files/es/web/api/webgl_api/index.md
similarity index 100%
rename from files/es/web/api/webgl_api/index.html
rename to files/es/web/api/webgl_api/index.md
diff --git a/files/es/web/api/webgl_api/tutorial/adding_2d_content_to_a_webgl_context/index.html b/files/es/web/api/webgl_api/tutorial/adding_2d_content_to_a_webgl_context/index.md
similarity index 100%
rename from files/es/web/api/webgl_api/tutorial/adding_2d_content_to_a_webgl_context/index.html
rename to files/es/web/api/webgl_api/tutorial/adding_2d_content_to_a_webgl_context/index.md
diff --git a/files/es/web/api/webgl_api/tutorial/animating_textures_in_webgl/index.html b/files/es/web/api/webgl_api/tutorial/animating_textures_in_webgl/index.md
similarity index 100%
rename from files/es/web/api/webgl_api/tutorial/animating_textures_in_webgl/index.html
rename to files/es/web/api/webgl_api/tutorial/animating_textures_in_webgl/index.md
diff --git a/files/es/web/api/webgl_api/tutorial/creating_3d_objects_using_webgl/index.html b/files/es/web/api/webgl_api/tutorial/creating_3d_objects_using_webgl/index.md
similarity index 100%
rename from files/es/web/api/webgl_api/tutorial/creating_3d_objects_using_webgl/index.html
rename to files/es/web/api/webgl_api/tutorial/creating_3d_objects_using_webgl/index.md
diff --git a/files/es/web/api/webgl_api/tutorial/getting_started_with_webgl/index.html b/files/es/web/api/webgl_api/tutorial/getting_started_with_webgl/index.md
similarity index 100%
rename from files/es/web/api/webgl_api/tutorial/getting_started_with_webgl/index.html
rename to files/es/web/api/webgl_api/tutorial/getting_started_with_webgl/index.md
diff --git a/files/es/web/api/webgl_api/tutorial/index.html b/files/es/web/api/webgl_api/tutorial/index.md
similarity index 100%
rename from files/es/web/api/webgl_api/tutorial/index.html
rename to files/es/web/api/webgl_api/tutorial/index.md
diff --git a/files/es/web/api/webgl_api/tutorial/using_shaders_to_apply_color_in_webgl/index.html b/files/es/web/api/webgl_api/tutorial/using_shaders_to_apply_color_in_webgl/index.md
similarity index 100%
rename from files/es/web/api/webgl_api/tutorial/using_shaders_to_apply_color_in_webgl/index.html
rename to files/es/web/api/webgl_api/tutorial/using_shaders_to_apply_color_in_webgl/index.md
diff --git a/files/es/web/api/webgl_api/tutorial/using_textures_in_webgl/index.html b/files/es/web/api/webgl_api/tutorial/using_textures_in_webgl/index.md
similarity index 100%
rename from files/es/web/api/webgl_api/tutorial/using_textures_in_webgl/index.html
rename to files/es/web/api/webgl_api/tutorial/using_textures_in_webgl/index.md
diff --git a/files/es/web/api/webrtc_api/index.html b/files/es/web/api/webrtc_api/index.md
similarity index 100%
rename from files/es/web/api/webrtc_api/index.html
rename to files/es/web/api/webrtc_api/index.md
diff --git a/files/es/web/api/webrtc_api/protocols/index.html b/files/es/web/api/webrtc_api/protocols/index.md
similarity index 100%
rename from files/es/web/api/webrtc_api/protocols/index.html
rename to files/es/web/api/webrtc_api/protocols/index.md
diff --git a/files/es/web/api/webrtc_api/session_lifetime/index.html b/files/es/web/api/webrtc_api/session_lifetime/index.md
similarity index 100%
rename from files/es/web/api/webrtc_api/session_lifetime/index.html
rename to files/es/web/api/webrtc_api/session_lifetime/index.md
diff --git a/files/es/web/api/websocket/close_event/index.html b/files/es/web/api/websocket/close_event/index.md
similarity index 100%
rename from files/es/web/api/websocket/close_event/index.html
rename to files/es/web/api/websocket/close_event/index.md
diff --git a/files/es/web/api/websocket/error_event/index.html b/files/es/web/api/websocket/error_event/index.md
similarity index 100%
rename from files/es/web/api/websocket/error_event/index.html
rename to files/es/web/api/websocket/error_event/index.md
diff --git a/files/es/web/api/websocket/index.html b/files/es/web/api/websocket/index.md
similarity index 100%
rename from files/es/web/api/websocket/index.html
rename to files/es/web/api/websocket/index.md
diff --git a/files/es/web/api/websockets_api/index.html b/files/es/web/api/websockets_api/index.md
similarity index 100%
rename from files/es/web/api/websockets_api/index.html
rename to files/es/web/api/websockets_api/index.md
diff --git a/files/es/web/api/websockets_api/writing_websocket_client_applications/index.html b/files/es/web/api/websockets_api/writing_websocket_client_applications/index.md
similarity index 100%
rename from files/es/web/api/websockets_api/writing_websocket_client_applications/index.html
rename to files/es/web/api/websockets_api/writing_websocket_client_applications/index.md
diff --git a/files/es/web/api/websockets_api/writing_websocket_server/index.html b/files/es/web/api/websockets_api/writing_websocket_server/index.md
similarity index 100%
rename from files/es/web/api/websockets_api/writing_websocket_server/index.html
rename to files/es/web/api/websockets_api/writing_websocket_server/index.md
diff --git a/files/es/web/api/websockets_api/writing_websocket_servers/index.html b/files/es/web/api/websockets_api/writing_websocket_servers/index.md
similarity index 100%
rename from files/es/web/api/websockets_api/writing_websocket_servers/index.html
rename to files/es/web/api/websockets_api/writing_websocket_servers/index.md
diff --git a/files/es/web/api/webvr_api/index.html b/files/es/web/api/webvr_api/index.md
similarity index 100%
rename from files/es/web/api/webvr_api/index.html
rename to files/es/web/api/webvr_api/index.md
diff --git a/files/es/web/api/webvr_api/using_the_webvr_api/index.html b/files/es/web/api/webvr_api/using_the_webvr_api/index.md
similarity index 100%
rename from files/es/web/api/webvr_api/using_the_webvr_api/index.html
rename to files/es/web/api/webvr_api/using_the_webvr_api/index.md
diff --git a/files/es/web/api/wheelevent/deltay/index.html b/files/es/web/api/wheelevent/deltay/index.md
similarity index 100%
rename from files/es/web/api/wheelevent/deltay/index.html
rename to files/es/web/api/wheelevent/deltay/index.md
diff --git a/files/es/web/api/wheelevent/index.html b/files/es/web/api/wheelevent/index.md
similarity index 100%
rename from files/es/web/api/wheelevent/index.html
rename to files/es/web/api/wheelevent/index.md
diff --git a/files/es/web/api/worker/index.html b/files/es/web/api/worker/index.md
similarity index 100%
rename from files/es/web/api/worker/index.html
rename to files/es/web/api/worker/index.md
diff --git a/files/es/web/api/worker/terminate/index.html b/files/es/web/api/worker/terminate/index.md
similarity index 100%
rename from files/es/web/api/worker/terminate/index.html
rename to files/es/web/api/worker/terminate/index.md
diff --git a/files/es/web/api/xmldocument/async/index.html b/files/es/web/api/xmldocument/async/index.md
similarity index 100%
rename from files/es/web/api/xmldocument/async/index.html
rename to files/es/web/api/xmldocument/async/index.md
diff --git a/files/es/web/api/xmlhttprequest/abort/index.html b/files/es/web/api/xmlhttprequest/abort/index.md
similarity index 100%
rename from files/es/web/api/xmlhttprequest/abort/index.html
rename to files/es/web/api/xmlhttprequest/abort/index.md
diff --git a/files/es/web/api/xmlhttprequest/index.html b/files/es/web/api/xmlhttprequest/index.md
similarity index 100%
rename from files/es/web/api/xmlhttprequest/index.html
rename to files/es/web/api/xmlhttprequest/index.md
diff --git a/files/es/web/api/xmlhttprequest/loadend_event/index.html b/files/es/web/api/xmlhttprequest/loadend_event/index.md
similarity index 100%
rename from files/es/web/api/xmlhttprequest/loadend_event/index.html
rename to files/es/web/api/xmlhttprequest/loadend_event/index.md
diff --git a/files/es/web/api/xmlhttprequest/readystatechange_event/index.html b/files/es/web/api/xmlhttprequest/readystatechange_event/index.md
similarity index 100%
rename from files/es/web/api/xmlhttprequest/readystatechange_event/index.html
rename to files/es/web/api/xmlhttprequest/readystatechange_event/index.md
diff --git a/files/es/web/api/xmlhttprequest/responsetext/index.html b/files/es/web/api/xmlhttprequest/responsetext/index.md
similarity index 100%
rename from files/es/web/api/xmlhttprequest/responsetext/index.html
rename to files/es/web/api/xmlhttprequest/responsetext/index.md
diff --git a/files/es/web/api/xmlhttprequest/timeout/index.html b/files/es/web/api/xmlhttprequest/timeout/index.md
similarity index 100%
rename from files/es/web/api/xmlhttprequest/timeout/index.html
rename to files/es/web/api/xmlhttprequest/timeout/index.md

From ac6b247afa50ebe2e94e4c202d8d2501d2d6d863 Mon Sep 17 00:00:00 2001
From: Alexander <alexander_belial999@hotmail.com>
Date: Tue, 25 Oct 2022 11:13:41 -0500
Subject: [PATCH 3/8] api/s-x h2m replace

---
 files/es/web/api/selection/addrange/index.md  |  42 +-
 .../es/web/api/selection/anchornode/index.md  |  23 +-
 .../web/api/selection/anchoroffset/index.md   |  23 +-
 files/es/web/api/selection/collapse/index.md  |  54 +-
 .../web/api/selection/collapsetoend/index.md  |  23 +-
 .../api/selection/collapsetostart/index.md    |  25 +-
 .../web/api/selection/containsnode/index.md   |  56 +-
 .../api/selection/deletefromdocument/index.md |  25 +-
 files/es/web/api/selection/extend/index.md    |  43 +-
 files/es/web/api/selection/focusnode/index.md |  21 +-
 .../es/web/api/selection/focusoffset/index.md |  23 +-
 .../es/web/api/selection/getrangeat/index.md  |  48 +-
 files/es/web/api/selection/index.md           | 166 +++---
 .../es/web/api/selection/iscollapsed/index.md |  21 +-
 .../es/web/api/selection/rangecount/index.md  |  28 +-
 .../api/selection/removeallranges/index.md    |  23 +-
 .../es/web/api/selection/removerange/index.md |  42 +-
 .../api/selection/selectallchildren/index.md  |  47 +-
 files/es/web/api/selection/tostring/index.md  |  46 +-
 files/es/web/api/server-sent_events/index.md  |  62 +--
 .../using_server-sent_events/index.md         | 136 ++---
 files/es/web/api/service_worker_api/index.md  | 259 ++++-----
 .../web/api/serviceworkercontainer/index.md   | 117 ++--
 .../serviceworkercontainer/register/index.md  |  85 ++-
 files/es/web/api/settimeout/index.md          | 218 ++++----
 files/es/web/api/storage/clear/index.md       |  69 +--
 files/es/web/api/storage/getitem/index.md     |  70 +--
 files/es/web/api/storage/index.md             |  89 ++-
 files/es/web/api/storage/length/index.md      |  61 +-
 files/es/web/api/storage/removeitem/index.md  |  77 ++-
 files/es/web/api/storage/setitem/index.md     |  79 ++-
 .../web/api/storagemanager/estimate/index.md  |  85 ++-
 files/es/web/api/storagemanager/index.md      |  45 +-
 .../web/api/storagemanager/persist/index.md   |  51 +-
 .../web/api/storagemanager/persisted/index.md |  51 +-
 files/es/web/api/stylesheet/disabled/index.md |  35 +-
 files/es/web/api/stylesheet/href/index.md     |  69 ++-
 files/es/web/api/stylesheet/index.md          |  86 ++-
 files/es/web/api/stylesheet/media/index.md    |  51 +-
 .../es/web/api/stylesheet/ownernode/index.md  |  67 ++-
 .../api/stylesheet/parentstylesheet/index.md  |  41 +-
 files/es/web/api/stylesheet/title/index.md    |  23 +-
 files/es/web/api/stylesheet/type/index.md     |  35 +-
 files/es/web/api/subtlecrypto/digest/index.md | 126 ++---
 files/es/web/api/subtlecrypto/index.md        | 377 ++++---------
 files/es/web/api/svgpoint/index.md            |   4 +-
 .../api/texttrack/cuechange_event/index.md    | 115 ++--
 files/es/web/api/texttrack/index.md           | 150 +++--
 files/es/web/api/touch_events/index.md        | 171 +++---
 files/es/web/api/touchevent/index.md          | 149 +++--
 files/es/web/api/uievent/index.md             |  82 ++-
 files/es/web/api/uievent/which/index.md       |  61 +-
 files/es/web/api/url/createobjecturl/index.md |  71 +--
 files/es/web/api/url/host/index.md            |  57 +-
 files/es/web/api/url/index.md                 | 161 +++---
 files/es/web/api/url/port/index.md            |  67 +--
 files/es/web/api/url/url/index.md             | 120 ++--
 files/es/web/api/urlsearchparams/index.md     | 141 ++---
 .../urlsearchparams/urlsearchparams/index.md  |  72 +--
 files/es/web/api/vibration_api/index.md       | 127 ++---
 files/es/web/api/web_audio_api/index.md       | 503 ++++++++---------
 files/es/web/api/web_crypto_api/index.md      |  97 ++--
 files/es/web/api/web_speech_api/index.md      | 137 ++---
 .../using_the_web_speech_api/index.md         | 311 ++++++-----
 files/es/web/api/web_storage_api/index.md     |  91 ++-
 .../using_the_web_storage_api/index.md        | 191 +++----
 files/es/web/api/web_workers_api/index.md     | 161 +++---
 .../using_web_workers/index.md                | 369 +++++++------
 files/es/web/api/webgl_api/index.md           | 131 ++---
 .../index.md                                  | 102 ++--
 .../animating_textures_in_webgl/index.md      | 105 ++--
 .../creating_3d_objects_using_webgl/index.md  |  58 +-
 .../getting_started_with_webgl/index.md       |  80 +--
 files/es/web/api/webgl_api/tutorial/index.md  |  50 +-
 .../index.md                                  |  69 +--
 .../tutorial/using_textures_in_webgl/index.md | 140 ++---
 files/es/web/api/webrtc_api/index.md          | 201 +++----
 .../es/web/api/webrtc_api/protocols/index.md  |  34 +-
 .../api/webrtc_api/session_lifetime/index.md  |  37 +-
 .../es/web/api/websocket/close_event/index.md | 103 ++--
 .../es/web/api/websocket/error_event/index.md |  43 +-
 files/es/web/api/websocket/index.md           | 325 ++++-------
 files/es/web/api/websockets_api/index.md      |  52 +-
 .../index.md                                  | 162 +++---
 .../writing_websocket_server/index.md         | 236 ++++----
 .../writing_websocket_servers/index.md        | 253 ++++-----
 files/es/web/api/webvr_api/index.md           | 257 ++++-----
 .../webvr_api/using_the_webvr_api/index.md    | 372 +++++++------
 files/es/web/api/wheelevent/deltay/index.md   |  52 +-
 files/es/web/api/wheelevent/index.md          | 145 ++---
 files/es/web/api/worker/index.md              | 111 ++--
 files/es/web/api/worker/terminate/index.md    |  64 +--
 files/es/web/api/xmldocument/async/index.md   |  26 +-
 .../es/web/api/xmlhttprequest/abort/index.md  |  58 +-
 files/es/web/api/xmlhttprequest/index.md      | 519 +++++++++---------
 .../api/xmlhttprequest/loadend_event/index.md | 125 ++---
 .../readystatechange_event/index.md           |  61 +-
 .../api/xmlhttprequest/responsetext/index.md  |  40 +-
 .../web/api/xmlhttprequest/timeout/index.md   |  44 +-
 99 files changed, 4771 insertions(+), 5935 deletions(-)

diff --git a/files/es/web/api/selection/addrange/index.md b/files/es/web/api/selection/addrange/index.md
index 86361c49be80fd..43a0235af684d6 100644
--- a/files/es/web/api/selection/addrange/index.md
+++ b/files/es/web/api/selection/addrange/index.md
@@ -5,42 +5,36 @@ tags:
   - páginas_a_traducir
 translation_of: Web/API/Selection/addRange
 ---
-<p>{{ ApiRef("DOM") }}</p>
+{{ ApiRef("DOM") }}
 
-<h3 id="Resumen" name="Resumen">Resumen</h3>
+### Resumen
 
-<p>Añade un objeto de rango a la selección.</p>
+Añade un objeto de rango a la selección.
 
-<h3 id="Sintaxis" name="Sintaxis">Sintaxis</h3>
+### Sintaxis
 
-<pre class="eval"><i>sel</i>.addRange(
-<i>range</i>)
-</pre>
+```
+sel.addRange(
+range)
+```
 
-<h3 id="Par.C3.A1metros" name="Par.C3.A1metros">Parámetros</h3>
+### Parámetros
 
-<dl>
- <dt>
- <i><code>range</code></i>
- </dt>
- <dd>Un objeto <a href="es/DOM/range">range</a> que será añadido a la selección.</dd>
-</dl>
+- _`range`_
+  - : Un objeto [range](es/DOM/range) que será añadido a la selección.
 
-<h3 id="Ejemplos" name="Ejemplos">Ejemplos</h3>
+### Ejemplos
 
-<pre class="eval"> /* Seleccionar todos los elementos en NEGRITA en un documento HTML */
+```
+ /* Seleccionar todos los elementos en NEGRITA en un documento HTML */
  var strongs = document.getElementsByTagName("strong");
  var s = window.getSelection();
- if(s.rangeCount &gt; 0) s.removeAllRanges();
- for(var i = 0; i &lt; strongs.length; i++) {
+ if(s.rangeCount > 0) s.removeAllRanges();
+ for(var i = 0; i < strongs.length; i++) {
   var range = document.createRange();
   range.selectNode(strongs[i]);
   s.addRange(range);
  }
-</pre>
+```
 
-<p> </p>
-
-<div class="noinclude"> </div>
-
-<p>{{ languages( { "en": "en/DOM/Selection/addRange", "it": "it/DOM/Selection/addRange", "pl": "pl/DOM/Selection/addRange" } ) }}</p>
+{{ languages( { "en": "en/DOM/Selection/addRange", "it": "it/DOM/Selection/addRange", "pl": "pl/DOM/Selection/addRange" } ) }}
diff --git a/files/es/web/api/selection/anchornode/index.md b/files/es/web/api/selection/anchornode/index.md
index 78711cd021cb2c..571079e4d65192 100644
--- a/files/es/web/api/selection/anchornode/index.md
+++ b/files/es/web/api/selection/anchornode/index.md
@@ -5,23 +5,20 @@ tags:
   - páginas_a_traducir
 translation_of: Web/API/Selection/anchorNode
 ---
-<p>{{ ApiRef("DOM") }}</p>
+{{ ApiRef("DOM") }}
 
-<h3 id="Resumen" name="Resumen">Resumen</h3>
+### Resumen
 
-<p>Devuelve el nodo en el cual empieza la selección.</p>
+Devuelve el nodo en el cual empieza la selección.
 
-<h3 id="Sintaxis" name="Sintaxis">Sintaxis</h3>
+### Sintaxis
 
-<pre class="eval"><i>sel</i>.anchorNode
-</pre>
+```
+sel.anchorNode
+```
 
-<h3 id="Notas" name="Notas">Notas</h3>
+### Notas
 
-<p>Un usuario puede hacer una selección de izquierda a derecha (en el orden del documento) o de derehca a izquierda (en el orden contrario del documento). El ancla es donde el usuario empezó la selección. Ésta puede ser visualizada manteniendo presionada la tecla <b>Shift</b> y presionando las flechas de movimiento del teclado. El ancla de la selección no se mueve, pero el foco de ésta (el otro "final" de la selección) sí se mueve.</p>
+Un usuario puede hacer una selección de izquierda a derecha (en el orden del documento) o de derehca a izquierda (en el orden contrario del documento). El ancla es donde el usuario empezó la selección. Ésta puede ser visualizada manteniendo presionada la tecla **Shift** y presionando las flechas de movimiento del teclado. El ancla de la selección no se mueve, pero el foco de ésta (el otro "final" de la selección) sí se mueve.
 
-<p> </p>
-
-<div class="noinclude"> </div>
-
-<p>{{ languages( { "en": "en/DOM/Selection/anchorNode", "it": "it/DOM/Selection/anchorNode", "pl": "pl/DOM/Selection/anchorNode" } ) }}</p>
+{{ languages( { "en": "en/DOM/Selection/anchorNode", "it": "it/DOM/Selection/anchorNode", "pl": "pl/DOM/Selection/anchorNode" } ) }}
diff --git a/files/es/web/api/selection/anchoroffset/index.md b/files/es/web/api/selection/anchoroffset/index.md
index 9f1be56d966d49..b56425e2b8febf 100644
--- a/files/es/web/api/selection/anchoroffset/index.md
+++ b/files/es/web/api/selection/anchoroffset/index.md
@@ -5,23 +5,20 @@ tags:
   - páginas_a_traducir
 translation_of: Web/API/Selection/anchorOffset
 ---
-<p>{{ ApiRef("DOM") }}</p>
+{{ ApiRef("DOM") }}
 
-<h3 id="Resumen" name="Resumen">Resumen</h3>
+### Resumen
 
-<p>Devuelve el número de caracteres en que el ancla de la selección es colocada dentro de <a href="es/DOM/Selection/anchorNode">anchorNode</a>.</p>
+Devuelve el número de caracteres en que el ancla de la selección es colocada dentro de [anchorNode](es/DOM/Selection/anchorNode).
 
-<h3 id="Sintaxis" name="Sintaxis">Sintaxis</h3>
+### Sintaxis
 
-<pre class="eval"><i>sel</i>.anchorOffset
-</pre>
+```
+sel.anchorOffset
+```
 
-<h3 id="Notas" name="Notas">Notas</h3>
+### Notas
 
-<p>Este número está basado en cero. Si la selección empieza con el primer carácter en <a href="es/DOM/Selection/anchorNode">anchorNode</a>, el número devuelto será 0.</p>
+Este número está basado en cero. Si la selección empieza con el primer carácter en [anchorNode](es/DOM/Selection/anchorNode), el número devuelto será 0.
 
-<p> </p>
-
-<div class="noinclude"> </div>
-
-<p>{{ languages( { "en": "en/DOM/Selection/anchorOffset", "it": "it/DOM/Selection/anchorOffset", "pl": "pl/DOM/Selection/anchorOffset" } ) }}</p>
+{{ languages( { "en": "en/DOM/Selection/anchorOffset", "it": "it/DOM/Selection/anchorOffset", "pl": "pl/DOM/Selection/anchorOffset" } ) }}
diff --git a/files/es/web/api/selection/collapse/index.md b/files/es/web/api/selection/collapse/index.md
index 8eec9dcfddf1ac..dff1979d8997fb 100644
--- a/files/es/web/api/selection/collapse/index.md
+++ b/files/es/web/api/selection/collapse/index.md
@@ -5,46 +5,38 @@ tags:
   - páginas_a_traducir
 translation_of: Web/API/Selection/collapse
 ---
-<p>{{ ApiRef("DOM") }}</p>
+{{ ApiRef("DOM") }}
 
-<h3 id="Resumen" name="Resumen">Resumen</h3>
+### Resumen
 
-<p>Pliega la selección a un simple punto. El documento no es modificado. Si el contenido es enfocado y editable, el cursor parpadeará ahí.</p>
+Pliega la selección a un simple punto. El documento no es modificado. Si el contenido es enfocado y editable, el cursor parpadeará ahí.
 
-<h3 id="Sintaxis" name="Sintaxis">Sintaxis</h3>
+### Sintaxis
 
-<pre class="eval"><i>sel</i>.collapse(
-<i>parentNode</i>,
-<i>offset</i>);
-</pre>
+```
+sel.collapse(
+parentNode,
+offset);
+```
 
-<h3 id="Par.C3.A1metros" name="Par.C3.A1metros">Parámetros</h3>
+### Parámetros
 
-<dl>
- <dt>
- <i><code>parentNode</code></i>
- </dt>
- <dd>La localización del cursor estará dentro de este nodo.</dd>
-</dl>
+- _`parentNode`_
+  - : La localización del cursor estará dentro de este nodo.
 
-<dl>
- <dt>
- <i><code>offset</code></i>
- </dt>
- <dd>El cursor estará colocado éste número de caracteres desdel el comienzo del texto de
- <i><code>parentNode</code>'</i>
- s text.</dd>
-</dl>
+<!---->
 
-<h3 id="Ejemplos" name="Ejemplos">Ejemplos</h3>
+- _`offset`_
+  - : El cursor estará colocado éste número de caracteres desdel el comienzo del texto de
+    _`parentNode`'_
+    s text.
 
-<pre class="eval">/* Colocar el cursor al principio del cuerpo de un documento HTML. */
+### Ejemplos
+
+```
+/* Colocar el cursor al principio del cuerpo de un documento HTML. */
 var body = document.getElementsByTagName("body")[0];
 window.getSelection().collapse(body,0);
-</pre>
-
-<p> </p>
-
-<div class="noinclude"> </div>
+```
 
-<p>{{ languages( { "en": "en/DOM/Selection/collapse", "it": "it/DOM/Selection/collapse", "pl": "pl/DOM/Selection/collapse" } ) }}</p>
+{{ languages( { "en": "en/DOM/Selection/collapse", "it": "it/DOM/Selection/collapse", "pl": "pl/DOM/Selection/collapse" } ) }}
diff --git a/files/es/web/api/selection/collapsetoend/index.md b/files/es/web/api/selection/collapsetoend/index.md
index a1031e75cc482d..ea0ce038ffb916 100644
--- a/files/es/web/api/selection/collapsetoend/index.md
+++ b/files/es/web/api/selection/collapsetoend/index.md
@@ -5,23 +5,20 @@ tags:
   - páginas_a_traducir
 translation_of: Web/API/Selection/collapseToEnd
 ---
-<p>{{ ApiRef("DOM") }}</p>
+{{ ApiRef("DOM") }}
 
-<h3 id="Resumen" name="Resumen">Resumen</h3>
+### Resumen
 
-<p>Traslada el ancla hasta el mismo punto del foco. El foco no se mueve. Si el contenido es enfocado y editable, el cursor parpadeará ahí.</p>
+Traslada el ancla hasta el mismo punto del foco. El foco no se mueve. Si el contenido es enfocado y editable, el cursor parpadeará ahí.
 
-<h3 id="Sintaxis" name="Sintaxis">Sintaxis</h3>
+### Sintaxis
 
-<pre class="eval"><i>sel</i>.collapseToEnd()
-</pre>
+```
+sel.collapseToEnd()
+```
 
-<h3 id="Par.C3.A1metros" name="Par.C3.A1metros">Parámetros</h3>
+### Parámetros
 
-<p>Ninguno.</p>
+Ninguno.
 
-<p> </p>
-
-<div class="noinclude"> </div>
-
-<p>{{ languages( { "en": "en/DOM/Selection/collapseToEnd", "it": "it/DOM/Selection/collapseToEnd", "pl": "pl/DOM/Selection/collapseToEnd" } ) }}</p>
+{{ languages( { "en": "en/DOM/Selection/collapseToEnd", "it": "it/DOM/Selection/collapseToEnd", "pl": "pl/DOM/Selection/collapseToEnd" } ) }}
diff --git a/files/es/web/api/selection/collapsetostart/index.md b/files/es/web/api/selection/collapsetostart/index.md
index 3536dced94edc9..7a6b964fcc6099 100644
--- a/files/es/web/api/selection/collapsetostart/index.md
+++ b/files/es/web/api/selection/collapsetostart/index.md
@@ -5,25 +5,20 @@ tags:
   - páginas_a_traducir
 translation_of: Web/API/Selection/collapseToStart
 ---
-<p>{{ ApiRef("DOM") }}</p>
+{{ ApiRef("DOM") }}
 
-<h3 id="Resumen" name="Resumen">Resumen</h3>
+### Resumen
 
-<p>Traslada el foco de la selección al mismo punto que el ancla. El ancla no se mueve. Si el contenido es enfocado y editable, el cursor parpadeará ahí.</p>
+Traslada el foco de la selección al mismo punto que el ancla. El ancla no se mueve. Si el contenido es enfocado y editable, el cursor parpadeará ahí.
 
-<h3 id="Sintaxis" name="Sintaxis">Sintaxis</h3>
+### Sintaxis
 
-<pre class="eval"><i>sel</i>.collapseToStart()
-</pre>
+```
+sel.collapseToStart()
+```
 
-<h3 id="Par.C3.A1metros" name="Par.C3.A1metros">Parámetros</h3>
+### Parámetros
 
-<p>Ninguno.</p>
+Ninguno.
 
-<p> </p>
-
-<p> </p>
-
-<div class="noinclude"> </div>
-
-<p>{{ languages( { "en": "en/DOM/Selection/collapseToStart", "it": "it/DOM/Selection/collapseToStart", "pl": "pl/DOM/Selection/collapseToStart" } ) }}</p>
+{{ languages( { "en": "en/DOM/Selection/collapseToStart", "it": "it/DOM/Selection/collapseToStart", "pl": "pl/DOM/Selection/collapseToStart" } ) }}
diff --git a/files/es/web/api/selection/containsnode/index.md b/files/es/web/api/selection/containsnode/index.md
index 00f08860d3ee1a..d5bc0c2c4d1804 100644
--- a/files/es/web/api/selection/containsnode/index.md
+++ b/files/es/web/api/selection/containsnode/index.md
@@ -5,45 +5,37 @@ tags:
   - páginas_a_traducir
 translation_of: Web/API/Selection/containsNode
 ---
-<p>{{ ApiRef("DOM") }}</p>
+{{ ApiRef("DOM") }}
 
-<h3 id="Resumen" name="Resumen">Resumen</h3>
+### Resumen
 
-<p>Indica si tal nodo es parte de la selección.</p>
+Indica si tal nodo es parte de la selección.
 
-<h3 id="Sintaxis" name="Sintaxis">Sintaxis</h3>
+### Sintaxis
 
-<pre class="eval"><i>sel</i>.containsNode(
-<i>aNode</i>,
-<i>aPartlyContained</i>)
-</pre>
+```
+sel.containsNode(
+aNode,
+aPartlyContained)
+```
 
-<h3 id="Par.C3.A1metros" name="Par.C3.A1metros">Parámetros</h3>
+### Parámetros
 
-<dl>
- <dt>
- <i><code>aNode</code></i>
- </dt>
- <dd>El nodo que está siendo vigilado por si es parte de la selección.</dd>
- <dt>
- <i><code>aPartlyContained</code></i>
- </dt>
- <dd>Cuando da un valor
- <i>verdadero</i>
- , <code>containsNode</code> devuelve verdadero cuanbdo una parte del nodo es parte de la selección.
- Cuando da un valor
- <i>falso</i>
- , <code>containsNode</code> solo devuelve verdadeor cuando el nodo completo es parte de la selección.</dd>
-</dl>
+- _`aNode`_
+  - : El nodo que está siendo vigilado por si es parte de la selección.
+- _`aPartlyContained`_
+  - : Cuando da un valor
+    _verdadero_
+    , `containsNode` devuelve verdadero cuanbdo una parte del nodo es parte de la selección.
+    Cuando da un valor
+    _falso_
+    , `containsNode` solo devuelve verdadeor cuando el nodo completo es parte de la selección.
 
-<h3 id="Ejemplos" name="Ejemplos">Ejemplos</h3>
+### Ejemplos
 
-<pre class="eval"> /* Checar si algo dentro del elemento cuerpo (etiquetas body) está seleccionado */
+```
+ /* Checar si algo dentro del elemento cuerpo (etiquetas body) está seleccionado */
  alert(window.getSelection().containsNode(document.body, true));
-</pre>
+```
 
-<p> </p>
-
-<div class="noinclude"> </div>
-
-<p>{{ languages( { "en": "en/DOM/Selection/containsNode", "it": "it/DOM/Selection/containsNode", "pl": "pl/DOM/Selection/containsNode" } ) }}</p>
+{{ languages( { "en": "en/DOM/Selection/containsNode", "it": "it/DOM/Selection/containsNode", "pl": "pl/DOM/Selection/containsNode" } ) }}
diff --git a/files/es/web/api/selection/deletefromdocument/index.md b/files/es/web/api/selection/deletefromdocument/index.md
index 1c7b7476dcc295..a2816c3ce0f0a2 100644
--- a/files/es/web/api/selection/deletefromdocument/index.md
+++ b/files/es/web/api/selection/deletefromdocument/index.md
@@ -5,25 +5,22 @@ tags:
   - páginas_a_traducir
 translation_of: Web/API/Selection/deleteFromDocument
 ---
-<p>{{ ApiRef("DOM") }}</p>
+{{ ApiRef("DOM") }}
 
-<h3 id="Resumen" name="Resumen">Resumen</h3>
+### Resumen
 
-<p>Elimina del documento el contenido de la selección.</p>
+Elimina del documento el contenido de la selección.
 
-<h3 id="Sintaxis" name="Sintaxis">Sintaxis</h3>
+### Sintaxis
 
-<pre class="eval"><i>sel</i>.deleteFromDocument()
-</pre>
+```
+sel.deleteFromDocument()
+```
 
-<h3 id="Par.C3.A1metros" name="Par.C3.A1metros">Parámetros</h3>
+### Parámetros
 
-<p>Ninguno.</p>
+Ninguno.
 
-<h3 id="Ejemplos" name="Ejemplos">Ejemplos</h3>
+### Ejemplos
 
-<p>Un usuario selecciona el texto (imaginario) "jos tienen do" del texto "Los conejos tienen dos orejas." en una página web. Después el usuario da click en un botón que ejecuta la acción cortar de JavaScript <code>window.getSelection().deleteFromDocument()</code>. El texto del documento quedaría como "Los cones orejas."</p>
-
-<p> </p>
-
-<div class="noinclude"> </div>
+Un usuario selecciona el texto (imaginario) "jos tienen do" del texto "Los conejos tienen dos orejas." en una página web. Después el usuario da click en un botón que ejecuta la acción cortar de JavaScript `window.getSelection().deleteFromDocument()`. El texto del documento quedaría como "Los cones orejas."
diff --git a/files/es/web/api/selection/extend/index.md b/files/es/web/api/selection/extend/index.md
index a645d085e93fbe..7ee7ee4b9d20a6 100644
--- a/files/es/web/api/selection/extend/index.md
+++ b/files/es/web/api/selection/extend/index.md
@@ -5,37 +5,30 @@ tags:
   - páginas_a_traducir
 translation_of: Web/API/Selection/extend
 ---
-<p>{{ ApiRef("DOM") }}</p>
+{{ ApiRef("DOM") }}
 
-<h3 id="Resumen" name="Resumen">Resumen</h3>
+### Resumen
 
-<p>Traslada el foco de la selección a un punto especificado. El ancla de la selección no se mueve. La selección será desde el ancla hasta el nuevo focus regardless of direction.</p>
+Traslada el foco de la selección a un punto especificado. El ancla de la selección no se mueve. La selección será desde el ancla hasta el nuevo focus regardless of direction.
 
-<h3 id="Sintaxis" name="Sintaxis">Sintaxis</h3>
+### Sintaxis
 
-<pre class="eval"><i>sel</i>.extend(
-<i>parentNode</i>,
-<i>offset</i>)
-</pre>
+```
+sel.extend(
+parentNode,
+offset)
+```
 
-<h3 id="Par.C3.A1metros" name="Par.C3.A1metros">Parámetros</h3>
+### Parámetros
 
-<dl>
- <dt>
- <i><code>parentNode</code></i>
- </dt>
- <dd>El nodo dentro del cual el foco será movido.</dd>
-</dl>
+- _`parentNode`_
+  - : El nodo dentro del cual el foco será movido.
 
-<dl>
- <dt>
- <i><code>offset</code></i>
- </dt>
- <dd>El número de caracteres que habrá desde el principio del texto
- <i><code>parentNode</code></i>
- hasta donde el foco se colocará.</dd>
-</dl>
+<!---->
 
-<div class="noinclude"> </div>
+- _`offset`_
+  - : El número de caracteres que habrá desde el principio del texto
+    _`parentNode`_
+    hasta donde el foco se colocará.
 
-<p>{{ languages( { "en": "en/DOM/Selection/extend", "it": "it/DOM/Selection/extend", "pl": "pl/DOM/Selection/extend" } ) }}</p>
+{{ languages( { "en": "en/DOM/Selection/extend", "it": "it/DOM/Selection/extend", "pl": "pl/DOM/Selection/extend" } ) }}
diff --git a/files/es/web/api/selection/focusnode/index.md b/files/es/web/api/selection/focusnode/index.md
index 7a6ed305f2fc53..03a09e8c8acdd9 100644
--- a/files/es/web/api/selection/focusnode/index.md
+++ b/files/es/web/api/selection/focusnode/index.md
@@ -5,21 +5,20 @@ tags:
   - páginas_a_traducir
 translation_of: Web/API/Selection/focusNode
 ---
-<p>{{ ApiRef("DOM") }}</p>
+{{ ApiRef("DOM") }}
 
-<h3 id="Resumen" name="Resumen">Resumen</h3>
+### Resumen
 
-<p>Devuelve el nudo en el cual acaba la selección.</p>
+Devuelve el nudo en el cual acaba la selección.
 
-<h3 id="Sintaxis" name="Sintaxis">Sintaxis</h3>
+### Sintaxis
 
-<pre class="eval"><i>sel</i>.focusNode
-</pre>
+```
+sel.focusNode
+```
 
-<h3 id="Notas" name="Notas">Notas</h3>
+### Notas
 
-<p>Un usuario puede hacer una selección de izquierda a derecha (en el orden del documento) o de derehca a izquierda (en el orden contrario del documento). El foco es donde el usuario terminó la selección. Éste puede ser visualizado manteniendo presionada la tecla Shift y presionando las flechas de movimiento del teclado para modificar la selección. El foco de la selección se mueve, pero el ancla de ésta (el otro final de la selección) no se mueve.</p>
+Un usuario puede hacer una selección de izquierda a derecha (en el orden del documento) o de derehca a izquierda (en el orden contrario del documento). El foco es donde el usuario terminó la selección. Éste puede ser visualizado manteniendo presionada la tecla Shift y presionando las flechas de movimiento del teclado para modificar la selección. El foco de la selección se mueve, pero el ancla de ésta (el otro final de la selección) no se mueve.
 
-<div class="noinclude"> </div>
-
-<p>{{ languages( { "en": "en/DOM/Selection/focusNode", "it": "it/DOM/Selection/focusNode", "pl": "pl/DOM/Selection/focusNode" } ) }}</p>
+{{ languages( { "en": "en/DOM/Selection/focusNode", "it": "it/DOM/Selection/focusNode", "pl": "pl/DOM/Selection/focusNode" } ) }}
diff --git a/files/es/web/api/selection/focusoffset/index.md b/files/es/web/api/selection/focusoffset/index.md
index 9d3b9cf506eba6..b0cec83d06aec0 100644
--- a/files/es/web/api/selection/focusoffset/index.md
+++ b/files/es/web/api/selection/focusoffset/index.md
@@ -5,23 +5,20 @@ tags:
   - páginas_a_traducir
 translation_of: Web/API/Selection/focusOffset
 ---
-<p>{{ ApiRef("DOM") }}</p>
+{{ ApiRef("DOM") }}
 
-<h3 id="Resumen" name="Resumen">Resumen</h3>
+### Resumen
 
-<p>Devuelve el número de caracteres en que el foco de la selección es colocado dentro de <a href="es/DOM/Selection/focusNode">focusNode</a>.</p>
+Devuelve el número de caracteres en que el foco de la selección es colocado dentro de [focusNode](es/DOM/Selection/focusNode).
 
-<h3 id="Sintaxis" name="Sintaxis">Sintaxis</h3>
+### Sintaxis
 
-<pre class="eval"><i>sel</i>.focusOffset
-</pre>
+```
+sel.focusOffset
+```
 
-<h3 id="Notas" name="Notas">Notas</h3>
+### Notas
 
-<p>Este número está basado en cero. Si la selección termina con el primer carácter en <a href="es/DOM/Selection/focusNode">focusNode</a>, el número devuelto será 0.</p>
+Este número está basado en cero. Si la selección termina con el primer carácter en [focusNode](es/DOM/Selection/focusNode), el número devuelto será 0.
 
-<p> </p>
-
-<div class="noinclude"> </div>
-
-<p>{{ languages( { "en": "en/DOM/Selection/focusOffset", "it": "it/DOM/Selection/focusOffset", "pl": "pl/DOM/Selection/focusOffset" } ) }}</p>
+{{ languages( { "en": "en/DOM/Selection/focusOffset", "it": "it/DOM/Selection/focusOffset", "pl": "pl/DOM/Selection/focusOffset" } ) }}
diff --git a/files/es/web/api/selection/getrangeat/index.md b/files/es/web/api/selection/getrangeat/index.md
index db0505dd77043e..48460281df80d2 100644
--- a/files/es/web/api/selection/getrangeat/index.md
+++ b/files/es/web/api/selection/getrangeat/index.md
@@ -5,45 +5,41 @@ tags:
   - páginas_a_traducir
 translation_of: Web/API/Selection/getRangeAt
 ---
-<p>{{ ApiRef("DOM") }}</p>
+{{ ApiRef("DOM") }}
 
-<h3 id="Resumen" name="Resumen">Resumen</h3>
+### Resumen
 
-<p>Devuelve un objeto de rango representando uno de los rangos seleccionados.</p>
+Devuelve un objeto de rango representando uno de los rangos seleccionados.
 
-<h3 id="Sintaxis" name="Sintaxis">Sintaxis</h3>
+### Sintaxis
 
-<pre class="eval"><i>range</i> =
-<i>sel</i>.getRangeAt(
-<i>index</i>)
-</pre>
+```
+range =
+sel.getRangeAt(
+index)
+```
 
-<h3 id="Par.C3.A1metros" name="Par.C3.A1metros">Parámetros</h3>
+### Parámetros
 
-<dl>
- <dt>
- <i><code>range</code></i>
- </dt>
- <dd>El objeto <a href="es/DOM/range">range</a> (rango) que será devuelto.</dd>
-</dl>
+- _`range`_
+  - : El objeto [range](es/DOM/range) (rango) que será devuelto.
 
-<dl>
- <dt>
- <i><code>index</code></i>
- </dt>
- <dd>El exponente (basado en cero) del rango a devolver. Un número negativo o un número mayor o igual a <a href="es/DOM/Selection/rangeCount">rangeCount</a> provocará un error.</dd>
-</dl>
+<!---->
 
-<h3 id="Ejemplos" name="Ejemplos">Ejemplos</h3>
+- _`index`_
+  - : El exponente (basado en cero) del rango a devolver. Un número negativo o un número mayor o igual a [rangeCount](es/DOM/Selection/rangeCount) provocará un error.
 
-<pre class="eval">ranges = [];
+### Ejemplos
+
+```
+ranges = [];
 sel = window.getSelection();
-for(var i = 0; i &lt; sel.rangeCount; i++) {
+for(var i = 0; i < sel.rangeCount; i++) {
  ranges[i] = sel.getRangeAt(i);
 }
 /* Cada artículo en el array de rangos ahora es
  * un objeto rango representando uno de los
  * rangos en la selección */
-</pre>
+```
 
-<p>{{ languages( { "en": "en/DOM/Selection/getRangeAt", "pl": "pl/DOM/Selection/getRangeAt" } ) }}</p>
+{{ languages( { "en": "en/DOM/Selection/getRangeAt", "pl": "pl/DOM/Selection/getRangeAt" } ) }}
diff --git a/files/es/web/api/selection/index.md b/files/es/web/api/selection/index.md
index 24475e7005979f..8929a9e7ff23ba 100644
--- a/files/es/web/api/selection/index.md
+++ b/files/es/web/api/selection/index.md
@@ -6,100 +6,86 @@ tags:
   - Todas_las_Categorías
 translation_of: Web/API/Selection
 ---
-<p>{{ ApiRef("DOM") }}</p>
+{{ ApiRef("DOM") }}
 
-<h3 id="Introducci.C3.B3n" name="Introducci.C3.B3n">Introducción</h3>
+### Introducción
 
-<p>Selección es la clase de objeto devuelto por <code><a href="es/DOM/window.getSelection"> window.getSelection()</a></code> y otros métodos.</p>
+Selección es la clase de objeto devuelto por [`window.getSelection()`](es/DOM/window.getSelection) y otros métodos.
 
-<p>Un objeto de selección representa los <a href="es/DOM/range">rangos</a> que el usuario ha seleccionado. Suele llevar un sólo rango, accesado como sigue:</p>
+Un objeto de selección representa los [rangos](es/DOM/range) que el usuario ha seleccionado. Suele llevar un sólo rango, accesado como sigue:
 
-<pre class="eval">range = sel.getRangeAt(0);
-</pre>
+```
+range = sel.getRangeAt(0);
+```
 
-<p>Llamar al método <code><a href="es/DOM/Selection/toString">toString()</a></code> devuelve el texto contenido en la selección, ej:</p>
+Llamar al método [`toString()`](es/DOM/Selection/toString) devuelve el texto contenido en la selección, ej:
 
-<pre class="eval">selObj = window.getSelection();
+```
+selObj = window.getSelection();
 window.alert(selObj.toString());
-</pre>
-
-<p> </p>
-
-<h3 id="Glosario" name="Glosario">Glosario</h3>
-
-<p>Otros términos claves usados en esta parte.</p>
-
-<dl>
- <dt>anchor</dt>
- <dd>El ancla de una selección es el punto inicial de ésta. Cuando se hace una selección con el ratón, el ancla es el punto donde se presionó por primera vez el botón del ratón. Cuando el usuario mueve la selección utilizando el ratón o el teclado, el ancla no se mueve.</dd>
- <dt>focus</dt>
- <dd>El foco de una selección es el punto último de ésta. Cuando se hace la selección con el ratón, el foco es el punto donde se suelta el botón del ratón. Cuando el usuario mueve la selección utilizando el "mouse" o el teclado, el foco es el final de la selección que el usuario está moviendo.</dd>
- <dt>range</dt>
- <dd>Un rango es una parte contigua de un documento. Un rango puede contener un nodo entero así como porciones de nodos, por ejemplo una parte de un nodo de texto. Normalmente un usuario seleccionará únicamente un solo rango a la vez, pero también le es posible seleccionar múltiples rangos (por ejemplo, utilizando la tecla control<em>Ctrl</em> ). Un rango puede ser recuperado de una selección como un objeto de <a href="es/DOM/range">rango</a>. Los objetos de rango también pueden ser creados vía el DOM y programadamente adheridos o removidos de una selección.</dd>
-</dl>
-
-<h3 id="Propiedades" name="Propiedades">Propiedades</h3>
-
-<dl>
- <dt><a href="es/DOM/Selection/anchorNode">anchorNode</a></dt>
- <dd>Devuelve el nodo en el cual empieza la selección.</dd>
- <dt><a href="es/DOM/Selection/anchorOffset">anchorOffset</a></dt>
- <dd>Devuelve el número de caracteres en que el ancla de la selección es colocada dentro de <code>anchorNode.</code></dd>
- <dt><a href="es/DOM/Selection/focusNode">focusNode</a></dt>
- <dd>Devuelve el nodo en el cual acaba la selección.</dd>
- <dt><a href="es/DOM/Selection/focusOffset">focusOffset</a></dt>
- <dd>Devuelve el número de caracteres en que el foco de la selección es colocado dentro de <code>focusNode.</code></dd>
- <dt><a href="es/DOM/Selection/isCollapsed">isCollapsed</a></dt>
- <dd>Devuelve un valor boleano verdadero si los puntos de inicio y fin de la selección están en la misma posición.</dd>
- <dt><a href="es/DOM/Selection/rangeCount">rangeCount</a></dt>
- <dd>Devuelve el número de los rangos que hay en la selección.</dd>
-</dl>
-
-<h3 id="M.C3.A9todos" name="M.C3.A9todos">Métodos</h3>
-
-<dl>
- <dt><a href="es/DOM/Selection/getRangeAt">getRangeAt</a></dt>
- <dd>Devuelve un objeto de rango representando uno de los rangos seleccionados.</dd>
- <dt><a href="es/DOM/Selection/collapse">collapse</a></dt>
- <dd>Pliega la selección a un simple punto.</dd>
- <dt><a href="es/DOM/Selection/extend">extend</a></dt>
- <dd>Traslada el foco de la selección a un punto especificado.</dd>
- <dt><a href="es/DOM/Selection/collapseToStart">collapseToStart</a></dt>
- <dd>Traslada el foco de la selección al mismo punto que el ancla.</dd>
- <dt><a href="es/DOM/Selection/collapseToEnd">collapseToEnd</a></dt>
- <dd>Traslada el ancla hasta el mismo punto del foco. El foco no se mueve.</dd>
- <dt><a href="es/DOM/Selection/selectAllChildren">selectAllChildren</a></dt>
- <dd>Añadirá todos los "hijos" del nodo especificado a la selección.</dd>
- <dt><a href="es/DOM/Selection/addRange">addRange</a></dt>
- <dd>Añade un objeto de rango a la selección.</dd>
- <dt><a href="es/DOM/Selection/removeRange">removeRange</a></dt>
- <dd>Quita un rango de la selección.</dd>
- <dt><a href="es/DOM/Selection/removeAllRanges">removeAllRanges</a></dt>
- <dd>Quita todos los rangos de la selección.</dd>
- <dt><a href="es/DOM/Selection/deleteFromDocument">deleteFromDocument</a></dt>
- <dd>Elimina del documento el contenido de la selección.</dd>
- <dt><a href="es/DOM/Selection/selectionLanguageChange">selectionLanguageChange</a></dt>
- <dd>NO IMPLEMENTADA, Cambia la direccion de la seleccion de Izquierda a Derecha a Derecha a Izquierda</dd>
- <dt><a href="es/DOM/Selection/toString">toString</a></dt>
- <dd>Devuelve una cadena de caracteres (texto), la cual es representada por el objeto de selección, es decir, el texto seleccionado.</dd>
- <dt><a href="es/DOM/Selection/containsNode">containsNode</a></dt>
- <dd>Indica si tal nodo es parte de la selección.</dd>
-</dl>
-
-<h3 id="Ver_tambi.C3.A9n" name="Ver_tambi.C3.A9n">Ver también</h3>
-
-<p><a href="es/DOM/window.getSelection">window.getSelection</a>, <a href="es/DOM/range">Rango</a></p>
-
-<h3 id="Enlaces_externos" name="Enlaces_externos">Enlaces externos</h3>
-
-<ul>
- <li><a class="external" href="http://lxr.mozilla.org/mozilla/source/content/base/public/nsISelection.idl">IDL definition in Mozilla cross-reference</a></li>
-</ul>
-
-<p> </p>
-
-<p> </p>
-
-<div class="noinclude"> </div>
-
-<p>{{ languages( { "en": "en/DOM/Selection", "fr": "fr/DOM/selection", "it": "it/DOM/Selection", "ja": "ja/DOM/selection", "pl": "pl/DOM/Selection" } ) }}</p>
+```
+
+### Glosario
+
+Otros términos claves usados en esta parte.
+
+- anchor
+  - : El ancla de una selección es el punto inicial de ésta. Cuando se hace una selección con el ratón, el ancla es el punto donde se presionó por primera vez el botón del ratón. Cuando el usuario mueve la selección utilizando el ratón o el teclado, el ancla no se mueve.
+- focus
+  - : El foco de una selección es el punto último de ésta. Cuando se hace la selección con el ratón, el foco es el punto donde se suelta el botón del ratón. Cuando el usuario mueve la selección utilizando el "mouse" o el teclado, el foco es el final de la selección que el usuario está moviendo.
+- range
+  - : Un rango es una parte contigua de un documento. Un rango puede contener un nodo entero así como porciones de nodos, por ejemplo una parte de un nodo de texto. Normalmente un usuario seleccionará únicamente un solo rango a la vez, pero también le es posible seleccionar múltiples rangos (por ejemplo, utilizando la tecla control*Ctrl* ). Un rango puede ser recuperado de una selección como un objeto de [rango](es/DOM/range). Los objetos de rango también pueden ser creados vía el DOM y programadamente adheridos o removidos de una selección.
+
+### Propiedades
+
+- [anchorNode](es/DOM/Selection/anchorNode)
+  - : Devuelve el nodo en el cual empieza la selección.
+- [anchorOffset](es/DOM/Selection/anchorOffset)
+  - : Devuelve el número de caracteres en que el ancla de la selección es colocada dentro de `anchorNode.`
+- [focusNode](es/DOM/Selection/focusNode)
+  - : Devuelve el nodo en el cual acaba la selección.
+- [focusOffset](es/DOM/Selection/focusOffset)
+  - : Devuelve el número de caracteres en que el foco de la selección es colocado dentro de `focusNode.`
+- [isCollapsed](es/DOM/Selection/isCollapsed)
+  - : Devuelve un valor boleano verdadero si los puntos de inicio y fin de la selección están en la misma posición.
+- [rangeCount](es/DOM/Selection/rangeCount)
+  - : Devuelve el número de los rangos que hay en la selección.
+
+### Métodos
+
+- [getRangeAt](es/DOM/Selection/getRangeAt)
+  - : Devuelve un objeto de rango representando uno de los rangos seleccionados.
+- [collapse](es/DOM/Selection/collapse)
+  - : Pliega la selección a un simple punto.
+- [extend](es/DOM/Selection/extend)
+  - : Traslada el foco de la selección a un punto especificado.
+- [collapseToStart](es/DOM/Selection/collapseToStart)
+  - : Traslada el foco de la selección al mismo punto que el ancla.
+- [collapseToEnd](es/DOM/Selection/collapseToEnd)
+  - : Traslada el ancla hasta el mismo punto del foco. El foco no se mueve.
+- [selectAllChildren](es/DOM/Selection/selectAllChildren)
+  - : Añadirá todos los "hijos" del nodo especificado a la selección.
+- [addRange](es/DOM/Selection/addRange)
+  - : Añade un objeto de rango a la selección.
+- [removeRange](es/DOM/Selection/removeRange)
+  - : Quita un rango de la selección.
+- [removeAllRanges](es/DOM/Selection/removeAllRanges)
+  - : Quita todos los rangos de la selección.
+- [deleteFromDocument](es/DOM/Selection/deleteFromDocument)
+  - : Elimina del documento el contenido de la selección.
+- [selectionLanguageChange](es/DOM/Selection/selectionLanguageChange)
+  - : NO IMPLEMENTADA, Cambia la direccion de la seleccion de Izquierda a Derecha a Derecha a Izquierda
+- [toString](es/DOM/Selection/toString)
+  - : Devuelve una cadena de caracteres (texto), la cual es representada por el objeto de selección, es decir, el texto seleccionado.
+- [containsNode](es/DOM/Selection/containsNode)
+  - : Indica si tal nodo es parte de la selección.
+
+### Ver también
+
+[window.getSelection](es/DOM/window.getSelection), [Rango](es/DOM/range)
+
+### Enlaces externos
+
+- [IDL definition in Mozilla cross-reference](http://lxr.mozilla.org/mozilla/source/content/base/public/nsISelection.idl)
+
+{{ languages( { "en": "en/DOM/Selection", "fr": "fr/DOM/selection", "it": "it/DOM/Selection", "ja": "ja/DOM/selection", "pl": "pl/DOM/Selection" } ) }}
diff --git a/files/es/web/api/selection/iscollapsed/index.md b/files/es/web/api/selection/iscollapsed/index.md
index 7ffd9ee87a6f32..095bbf9a3b686b 100644
--- a/files/es/web/api/selection/iscollapsed/index.md
+++ b/files/es/web/api/selection/iscollapsed/index.md
@@ -5,21 +5,20 @@ tags:
   - páginas_a_traducir
 translation_of: Web/API/Selection/isCollapsed
 ---
-<p>{{ ApiRef("DOM") }}</p>
+{{ ApiRef("DOM") }}
 
-<h3 id="Resumen" name="Resumen">Resumen</h3>
+### Resumen
 
-<p>Devuelve un valor boleano verdadero si los puntos de inicio y fin de la selección están en la misma posición.</p>
+Devuelve un valor boleano verdadero si los puntos de inicio y fin de la selección están en la misma posición.
 
-<h3 id="Sintaxis" name="Sintaxis">Sintaxis</h3>
+### Sintaxis
 
-<pre class="eval"><i>sel</i>.isCollapsed
-</pre>
+```
+sel.isCollapsed
+```
 
-<h3 id="Notas" name="Notas">Notas</h3>
+### Notas
 
-<p>Incluso hasta una selección colapsada/plegada puede tener un rangeCount mayor que 0. <code>sel.getRangeAt(0)</code> puede retornar un rango que también esté colapsado/plegado.</p>
+Incluso hasta una selección colapsada/plegada puede tener un rangeCount mayor que 0. `sel.getRangeAt(0)` puede retornar un rango que también esté colapsado/plegado.
 
-<div class="noinclude"> </div>
-
-<p>{{ languages( { "en": "en/DOM/Selection/isCollapsed", "it": "it/DOM/Selection/isCollapsed", "pl": "pl/DOM/Selection/isCollapsed" } ) }}</p>
+{{ languages( { "en": "en/DOM/Selection/isCollapsed", "it": "it/DOM/Selection/isCollapsed", "pl": "pl/DOM/Selection/isCollapsed" } ) }}
diff --git a/files/es/web/api/selection/rangecount/index.md b/files/es/web/api/selection/rangecount/index.md
index fb39e6be076270..f7c2f6ac0ec13c 100644
--- a/files/es/web/api/selection/rangecount/index.md
+++ b/files/es/web/api/selection/rangecount/index.md
@@ -5,24 +5,24 @@ tags:
   - páginas_a_traducir
 translation_of: Web/API/Selection/rangeCount
 ---
-<p>{{ ApiRef("DOM") }}</p>
+{{ ApiRef("DOM") }}
 
-<h3 id="Resumen" name="Resumen">Resumen</h3>
+### Resumen
 
-<p>Devuelve el número de los rangos que hay en la selección.</p>
+Devuelve el número de los rangos que hay en la selección.
 
-<h3 id="Sintaxis" name="Sintaxis">Sintaxis</h3>
+### Sintaxis
 
-<pre class="eval"><i>sel</i>.rangeCount
-</pre>
+```
+sel.rangeCount
+```
 
-<h3 id="Notas" name="Notas">Notas</h3>
+### Notas
 
-<p>Antes de que el usuario haya hecho
- <i>click</i>
- en una página recién cargada, el <code>rangeCount</code> es 0. Un usuario normalmente puede seleccionar un rango a la vez, entonces el <code>rangeCount</code> usualmente será 1. El
+Antes de que el usuario haya hecho
+_click_
+en una página recién cargada, el `rangeCount` es 0. Un usuario normalmente puede seleccionar un rango a la vez, entonces el `rangeCount` usualmente será 1. El
+_scripting_
+puede usarse para hacer que la selección contenga más de 1 rango.
 
- <i>scripting</i>
- puede usarse para hacer que la selección contenga más de 1 rango.</p>
-
-<p>{{ languages( { "en": "en/DOM/Selection/rangeCount", "it": "it/DOM/Selection/rangeCount", "pl": "pl/DOM/Selection/rangeCount" } ) }}</p>
+{{ languages( { "en": "en/DOM/Selection/rangeCount", "it": "it/DOM/Selection/rangeCount", "pl": "pl/DOM/Selection/rangeCount" } ) }}
diff --git a/files/es/web/api/selection/removeallranges/index.md b/files/es/web/api/selection/removeallranges/index.md
index dd750dac1960da..170425a7724819 100644
--- a/files/es/web/api/selection/removeallranges/index.md
+++ b/files/es/web/api/selection/removeallranges/index.md
@@ -5,23 +5,20 @@ tags:
   - páginas_a_traducir
 translation_of: Web/API/Selection/removeAllRanges
 ---
-<p>{{ ApiRef("DOM") }}</p>
+{{ ApiRef("DOM") }}
 
-<h3 id="Resumen" name="Resumen">Resumen</h3>
+### Resumen
 
-<p>Quita todos los rangos de la selección, dejando las propiedades <a href="es/DOM/Selection/anchorNode">anchorNode</a> y <a href="es/DOM/Selection/focusNode">focusNode</a> con un valor <code>null</code> (nulo) y dejando nada seleccionado.</p>
+Quita todos los rangos de la selección, dejando las propiedades [anchorNode](es/DOM/Selection/anchorNode) y [focusNode](es/DOM/Selection/focusNode) con un valor `null` (nulo) y dejando nada seleccionado.
 
-<h3 id="Sintaxis" name="Sintaxis">Sintaxis</h3>
+### Sintaxis
 
-<pre class="eval"><i>sel</i>.removeAllRanges();
-</pre>
+```
+sel.removeAllRanges();
+```
 
-<h3 id="Par.C3.A1metros" name="Par.C3.A1metros">Parámetros</h3>
+### Parámetros
 
-<p>Ninguno.</p>
+Ninguno.
 
-<p> </p>
-
-<div class="noinclude"> </div>
-
-<p>{{ languages( { "en": "en/DOM/Selection/removeAllRanges", "it": "it/DOM/Selection/removeAllRanges", "pl": "pl/DOM/Selection/removeAllRanges" } ) }}</p>
+{{ languages( { "en": "en/DOM/Selection/removeAllRanges", "it": "it/DOM/Selection/removeAllRanges", "pl": "pl/DOM/Selection/removeAllRanges" } ) }}
diff --git a/files/es/web/api/selection/removerange/index.md b/files/es/web/api/selection/removerange/index.md
index ed213f47053735..95e3fcb5700046 100644
--- a/files/es/web/api/selection/removerange/index.md
+++ b/files/es/web/api/selection/removerange/index.md
@@ -5,41 +5,35 @@ tags:
   - páginas_a_traducir
 translation_of: Web/API/Selection/removeRange
 ---
-<p>{{ ApiRef("DOM") }}</p>
+{{ ApiRef("DOM") }}
 
-<h3 id="Resumen" name="Resumen">Resumen</h3>
+### Resumen
 
-<p>Quita un rango de la selección.</p>
+Quita un rango de la selección.
 
-<h3 id="Sintaxis" name="Sintaxis">Sintaxis</h3>
+### Sintaxis
 
-<pre class="eval"><i>sel</i>.removeRange(
-<i>range</i>)
-</pre>
+```
+sel.removeRange(
+range)
+```
 
-<h3 id="Par.C3.A1metros" name="Par.C3.A1metros">Parámetros</h3>
+### Parámetros
 
-<dl>
- <dt>
- <i><code>range</code></i>
- </dt>
- <dd>Un objeto rango que será eliminado de la selección.</dd>
-</dl>
+- _`range`_
+  - : Un objeto rango que será eliminado de la selección.
 
-<h3 id="Ejemplos" name="Ejemplos">Ejemplos</h3>
+### Ejemplos
 
-<pre class="eval">/* Programadamente, mas de un rango puede ser seleccionado.
+```
+/* Programadamente, mas de un rango puede ser seleccionado.
  * Esto eliminará todos los rangos excepto el primero. */
 s = window.getSelection();
-if(s.rangeCount &gt; 1) {
- for(var i = 1; i &lt; s.rangeCount; i++) {
+if(s.rangeCount > 1) {
+ for(var i = 1; i < s.rangeCount; i++) {
   s.removeRange(s.getRangeAt(i));
  }
 }
-</pre>
+```
 
-<p> </p>
-
-<div class="noinclude"> </div>
-
-<p>{{ languages( { "en": "en/DOM/Selection/removeRange", "it": "it/DOM/Selection/removeRange", "pl": "pl/DOM/Selection/removeRange" } ) }}</p>
+{{ languages( { "en": "en/DOM/Selection/removeRange", "it": "it/DOM/Selection/removeRange", "pl": "pl/DOM/Selection/removeRange" } ) }}
diff --git a/files/es/web/api/selection/selectallchildren/index.md b/files/es/web/api/selection/selectallchildren/index.md
index 6917fa94f9e41b..b35cae876bfac4 100644
--- a/files/es/web/api/selection/selectallchildren/index.md
+++ b/files/es/web/api/selection/selectallchildren/index.md
@@ -5,41 +5,34 @@ tags:
   - páginas_a_traducir
 translation_of: Web/API/Selection/selectAllChildren
 ---
-<p>{{ ApiRef("DOM") }}</p>
+{{ ApiRef("DOM") }}
 
-<h3 id="Resumen" name="Resumen">Resumen</h3>
+### Resumen
 
-<p>Añadirá todos los "hijos" del nodo especificado a la selección. La selección previa se pierde.</p>
+Añadirá todos los "hijos" del nodo especificado a la selección. La selección previa se pierde.
 
-<h3 id="Sintaxis" name="Sintaxis">Sintaxis</h3>
+### Sintaxis
 
-<pre class="eval"><i>sel</i>.selectAllChildren(
-<i>parentNode</i>)
-</pre>
+```
+sel.selectAllChildren(
+parentNode)
+```
 
-<h3 id="Par.C3.A1metros" name="Par.C3.A1metros">Parámetros</h3>
+### Parámetros
 
-<dl>
- <dt>
- <i><code>parentNode</code></i>
- </dt>
- <dd>Todos los "hijos" de
- <i><code>parentNode</code></i>
- serán seleccionados. El mismo
+- _`parentNode`_
+  - : Todos los "hijos" de
+    _`parentNode`_
+    serán seleccionados. El mismo
+    _`parentNode`_
+    no es parte de la selección.
 
- <i><code>parentNode</code></i>
- no es parte de la selección.</dd>
-</dl>
+### Ejemplos
 
-<h3 id="Ejemplos" name="Ejemplos">Ejemplos</h3>
-
-<pre class="eval">footer = document.getElementById("footer");
+```
+footer = document.getElementById("footer");
 window.getSelection().selectAllChildren(footer);
 /* Todo el contendio del pie de página ahora está seleccionado */
-</pre>
-
-<p> </p>
-
-<div class="noinclude"> </div>
+```
 
-<p>{{ languages( { "en": "en/DOM/Selection/selectAllChildren", "it": "it/DOM/Selection/selectAllChildren", "pl": "pl/DOM/Selection/selectAllChildren" } ) }}</p>
+{{ languages( { "en": "en/DOM/Selection/selectAllChildren", "it": "it/DOM/Selection/selectAllChildren", "pl": "pl/DOM/Selection/selectAllChildren" } ) }}
diff --git a/files/es/web/api/selection/tostring/index.md b/files/es/web/api/selection/tostring/index.md
index f7e5d3579ae48b..41f10f7992b4d2 100644
--- a/files/es/web/api/selection/tostring/index.md
+++ b/files/es/web/api/selection/tostring/index.md
@@ -5,44 +5,38 @@ tags:
   - páginas_a_traducir
 translation_of: Web/API/Selection/toString
 ---
-<p>{{ ApiRef("DOM") }}</p>
+{{ ApiRef("DOM") }}
 
-<h3 id="Resumen" name="Resumen">Resumen</h3>
+### Resumen
 
-<p>Devuelve una cadena de caracteres (texto), la cual es representada por el objeto de selección, es decir, el texto seleccionado.</p>
+Devuelve una cadena de caracteres (texto), la cual es representada por el objeto de selección, es decir, el texto seleccionado.
 
-<h3 id="Sintaxis" name="Sintaxis">Sintaxis</h3>
+### Sintaxis
 
-<pre class="eval"><i>string</i> =
-<i>sel</i>.toString()
-</pre>
+```
+string =
+sel.toString()
+```
 
-<ul>
- <li><code>string</code> es la representación del texto de selección.</li>
-</ul>
+- `string` es la representación del texto de selección.
 
-<h3 id="Par.C3.A1metros" name="Par.C3.A1metros">Parámetros</h3>
+### Parámetros
 
-<p>Ninguno.</p>
+Ninguno.
 
-<h3 id="Descripci.C3.B3n" name="Descripci.C3.B3n">Descripción</h3>
+### Descripción
 
-<p>Este método devuelve el texto seleccionado.</p>
+Este método devuelve el texto seleccionado.
 
-<p>En <a href="es/JavaScript">JavaScript</a>, este método es llamado automáticamente cuando una función, a la cual es pasado como parámetro el objeto de selección, requiere una cadena de caracteres (texto):</p>
+En [JavaScript](es/JavaScript), este método es llamado automáticamente cuando una función, a la cual es pasado como parámetro el objeto de selección, requiere una cadena de caracteres (texto):
 
-<pre class="eval">alert(window.getSelection()) // Lo que se llama.
+```
+alert(window.getSelection()) // Lo que se llama.
 alert(window.getSelection().toString())  // Lo que está siendo efectivamente llamado.
-</pre>
+```
 
-<h3 id="Ver_tambi.C3.A9n" name="Ver_tambi.C3.A9n">Ver también</h3>
+### Ver también
 
-<ul>
- <li><a href="es/Core_JavaScript_1.5_Reference/Objects/Object/toString">Object.toString</a></li>
-</ul>
+- [Object.toString](es/Core_JavaScript_1.5_Reference/Objects/Object/toString)
 
-<p> </p>
-
-<div class="noinclude"> </div>
-
-<p>{{ languages( { "en": "en/DOM/Selection/toString", "fr": "fr/DOM/Selection/toString", "it": "it/DOM/Selection/toString", "pl": "pl/DOM/Selection/toString" } ) }}</p>
+{{ languages( { "en": "en/DOM/Selection/toString", "fr": "fr/DOM/Selection/toString", "it": "it/DOM/Selection/toString", "pl": "pl/DOM/Selection/toString" } ) }}
diff --git a/files/es/web/api/server-sent_events/index.md b/files/es/web/api/server-sent_events/index.md
index d70e6fd8e451c4..134ceaf59f35ab 100644
--- a/files/es/web/api/server-sent_events/index.md
+++ b/files/es/web/api/server-sent_events/index.md
@@ -8,39 +8,31 @@ tags:
 translation_of: Web/API/Server-sent_events
 original_slug: Server-sent_events
 ---
-<p>Traditionally, a web page has to send a request to the server to receive new data; that is, the page requests data from the server. With server-sent events, it's possible for a server to send new data to a web page at any time, by pushing messages to the web page. These incoming messages can be treated as <em><a href="/en-US/docs/DOM/event" title="DOM/Event">Events</a> + data</em> inside the web page.</p>
-        
-<h2 class="" id="Documentation" name="Documentation">Documentation</h2>
-        <dl>
-          <dt>
-            <a href="/en-US/docs/Server-sent_events/Using_server-sent_events" title="Server-sent events/Using server-sent events">Using server-sent events</a></dt>
-          <dd>
-            A tutorial guide to writing both server and client side part of a server-sent events app.</dd>
-          <dt>
-            <a href="/en-US/docs/Server-sent_events/EventSource" title="Server-sent events/EventSource">EventSource reference</a></dt>
-          <dd>
-            A reference to the client-side EventSource API.</dd>
-        </dl>
-        
-        <h2 class="" id="Tools" name="Tools">Tools</h2>
-        <ul>
-          <li>Remy Sharp’s <a class="link-https" href="https://github.com/remy/polyfills/blob/master/EventSource.js">EventSource polyfill</a></li>
-          <li>Yaffle’s <a class="link-https" href="https://github.com/Yaffle/EventSource">EventSource polyfill</a></li>
-          <li>Rick Waldron’s <a class="link-https" href="https://github.com/rwldrn/jquery.eventsource">jquery plugin</a></li>
-        </ul>
-        <h2 class="" id="Related_Topics" name="Related_Topics">Related Topics</h2>
-        <ul>
-          <li><a href="/en-US/docs/AJAX" title="AJAX">AJAX</a>, <a href="/en-US/docs/JavaScript" title="JavaScript">JavaScript</a>, <a href="/en-US/docs/WebSockets" title="WebSockets">WebSockets</a></li>
-        </ul>
-
-        <h2 id="See_also">See also</h2>
-<ul>
-  <li>A <a href="http://hacks.mozilla.org/2011/06/a-wall-powered-by-eventsource-and-server-sent-events/">Twitter like application</a> powered by server-sent events and <a class="link-https" href="https://github.com/mozilla/webowonder-demos/tree/master/demos/friends%20timeline">its code on Github</a>.</li>
-  <li><a href="http://dsheiko.com/weblog/html5-and-server-sent-events">HTML5 and Server-sent events</a></li>
-  <li><a href="http://rajudasa.blogspot.in/2012/05/html5-server-sent-events-using-aspnet.html">Server-sent events using Asp.Net</a></li>
-</ul>
-<h2 id="Specification">Specification</h2>
-<ul>
-  <li><a href="http://dev.w3.org/html5/eventsource/">Server-sent events</a></li>
-</ul>
+Traditionally, a web page has to send a request to the server to receive new data; that is, the page requests data from the server. With server-sent events, it's possible for a server to send new data to a web page at any time, by pushing messages to the web page. These incoming messages can be treated as _[Events](/es/docs/DOM/event "DOM/Event") + data_ inside the web page.
 
+## Documentation
+
+- [Using server-sent events](/es/docs/Server-sent_events/Using_server-sent_events "Server-sent events/Using server-sent events")
+  - : A tutorial guide to writing both server and client side part of a server-sent events app.
+- [EventSource reference](/es/docs/Server-sent_events/EventSource "Server-sent events/EventSource")
+  - : A reference to the client-side EventSource API.
+
+## Tools
+
+- Remy Sharp’s [EventSource polyfill](https://github.com/remy/polyfills/blob/master/EventSource.js)
+- Yaffle’s [EventSource polyfill](https://github.com/Yaffle/EventSource)
+- Rick Waldron’s [jquery plugin](https://github.com/rwldrn/jquery.eventsource)
+
+## Related Topics
+
+- [AJAX](/es/docs/AJAX "AJAX"), [JavaScript](/es/docs/JavaScript "JavaScript"), [WebSockets](/es/docs/WebSockets "WebSockets")
+
+## See also
+
+- A [Twitter like application](http://hacks.mozilla.org/2011/06/a-wall-powered-by-eventsource-and-server-sent-events/) powered by server-sent events and [its code on Github](https://github.com/mozilla/webowonder-demos/tree/master/demos/friends%20timeline).
+- [HTML5 and Server-sent events](http://dsheiko.com/weblog/html5-and-server-sent-events)
+- [Server-sent events using Asp.Net](http://rajudasa.blogspot.in/2012/05/html5-server-sent-events-using-aspnet.html)
+
+## Specification
+
+- [Server-sent events](http://dev.w3.org/html5/eventsource/)
diff --git a/files/es/web/api/server-sent_events/using_server-sent_events/index.md b/files/es/web/api/server-sent_events/using_server-sent_events/index.md
index e0aff3e6928611..11a506928c2e38 100644
--- a/files/es/web/api/server-sent_events/using_server-sent_events/index.md
+++ b/files/es/web/api/server-sent_events/using_server-sent_events/index.md
@@ -4,53 +4,57 @@ slug: Web/API/Server-sent_events/Using_server-sent_events
 translation_of: Web/API/Server-sent_events/Using_server-sent_events
 original_slug: Server-sent_events/utilizando_server_sent_events_sse
 ---
-<p>Desarrollar una aplicación web que utilice server-sent events es muy fácil. Solo necesitas un pequeño código del lado del servidor para transmitir los eventos a la aplicación web, pero del lado de la aplicacion web se trabaja prácticamente igual que con cualquier otro tipo de eventos.</p>
+Desarrollar una aplicación web que utilice server-sent events es muy fácil. Solo necesitas un pequeño código del lado del servidor para transmitir los eventos a la aplicación web, pero del lado de la aplicacion web se trabaja prácticamente igual que con cualquier otro tipo de eventos.
 
-<p>Puedes ver un ejemplo <a href="https://developer.mozilla.org/samples/sse/">aqui</a> (actualmente no funciona).</p>
+Puedes ver un ejemplo [aqui](https://developer.mozilla.org/samples/sse/) (actualmente no funciona).
 
-<p><a href="http://www.w3schools.com/html/tryit.asp?filename=tryhtml5_sse">ejemplo2</a></p>
+[ejemplo2](http://www.w3schools.com/html/tryit.asp?filename=tryhtml5_sse)
 
-<h2 id="Recibiendo_eventos_desde_el_servidor">Recibiendo eventos desde el servidor</h2>
+## Recibiendo eventos desde el servidor
 
-<p>El server-sent event API está contenido en la interfaz <a href="https://developer.mozilla.org/en/Server-sent_events/EventSource"><code>EventSource</code></a>; para abrir una conexión al servidor para recibir eventos de él. Se crea un nuevo objeto new <a href="https://developer.mozilla.org/en/Server-sent_events/EventSource">EventSource</a>, especificando el URI de un script que genera los eventos, Por ejemplo:</p>
+El server-sent event API está contenido en la interfaz [`EventSource`](https://developer.mozilla.org/en/Server-sent_events/EventSource); para abrir una conexión al servidor para recibir eventos de él. Se crea un nuevo objeto new [EventSource](https://developer.mozilla.org/en/Server-sent_events/EventSource), especificando el URI de un script que genera los eventos, Por ejemplo:
 
-<pre class="brush: js">var evtSource = new EventSource("ssedemo.php");
-</pre>
+```js
+var evtSource = new EventSource("ssedemo.php");
+```
 
-<div class="note"><strong>Nota</strong>: Aunque todavía no es parte de la norma, EventSource es soportado por Firefox 11 y posteriores. Se espera que pronto forme parte del estándar.</div>
+> **Nota:** Aunque todavía no es parte de la norma, EventSource es soportado por Firefox 11 y posteriores. Se espera que pronto forme parte del estándar.
 
-<p>Una vez que ha instanciado el origen del evento, puede comenzar a escuchar los mensajes:</p>
+Una vez que ha instanciado el origen del evento, puede comenzar a escuchar los mensajes:
 
-<pre class="brush: js">evtSource.onmessage = function(e) {
+```js
+evtSource.onmessage = function(e) {
   var newElement = document.createElement("li");
 
   newElement.innerHTML = "message: " + e.data;
   eventList.appendChild(newElement);
 }
-</pre>
+```
 
-<p>Este codigo escucha todos los mensajes entrantes (Es decir, todos los avisos del servidor, que no tienen un campo de eventos en ellos) y anexa texto del mensaje a la lista en el documento HTML.</p>
+Este codigo escucha todos los mensajes entrantes (Es decir, todos los avisos del servidor, que no tienen un campo de eventos en ellos) y anexa texto del mensaje a la lista en el documento HTML.
 
-<p>También puedes escuchar eventos, usando <code>addEventListener()</code>:</p>
+También puedes escuchar eventos, usando `addEventListener()`:
 
-<pre class="brush: js">evtSource.addEventListener("ping", function(e) {
+```js
+evtSource.addEventListener("ping", function(e) {
   var newElement = document.createElement("li");
 
   var obj = JSON.parse(e.data);
   newElement.innerHTML = "ping at " + obj.time;
   eventList.appendChild(newElement);
 }, false);
-</pre>
+```
 
-<p>Este código es similar,  excepto que este se activa cada vez que el servidor envia un mensaje con el campo de evento "ping"; entonces se analiza el JSON en el campo de datos y retorna esa informacion.</p>
+Este código es similar, excepto que este se activa cada vez que el servidor envia un mensaje con el campo de evento "ping"; entonces se analiza el JSON en el campo de datos y retorna esa informacion.
 
-<h2 id="Enviando_eventos_desde_el_servidor">Enviando eventos desde el servidor</h2>
+## Enviando eventos desde el servidor
 
-<p>El script del servidor que envia los datos tiene que responder con el tipo MIME text/event-stream. Cada notificación se envia con un bloque de texto terminado en un par de saltos de línea, para mas detalles sobre el formato sobre la secuencia de evetos, ver <a href="#event_stream_format">Event stream format</a>,</p>
+El script del servidor que envia los datos tiene que responder con el tipo MIME text/event-stream. Cada notificación se envia con un bloque de texto terminado en un par de saltos de línea, para mas detalles sobre el formato sobre la secuencia de evetos, ver [Event stream format](#event_stream_format),
 
-<p>El codigo PHP para este ejemplo que estamos utilizando:</p>
+El codigo PHP para este ejemplo que estamos utilizando:
 
-<pre class="brush: php">date_default_timezone_set("America/New_York");
+```php
+date_default_timezone_set("America/New_York");
 header("Content-Type: text/event-stream\n\n");
 
 $counter = rand(1, 10);
@@ -75,84 +79,87 @@ while (1) {
   flush();
   sleep(1);
 }
-</pre>
+```
 
-<p>Se genera un evento cada segundo, con el evento "ping". Los datos de cada evento es un objeto JSON que contiene, en este caso, solo la fecha en formato ISO 8601 correspondiente a la hora en que se generó el evento. A intervalos aleatorios, se envia un mensaje simple (sin ningún tipo de evento)</p>
+Se genera un evento cada segundo, con el evento "ping". Los datos de cada evento es un objeto JSON que contiene, en este caso, solo la fecha en formato ISO 8601 correspondiente a la hora en que se generó el evento. A intervalos aleatorios, se envia un mensaje simple (sin ningún tipo de evento)
 
-<h2 id="Gestion_de_errores">Gestion de errores</h2>
+## Gestion de errores
 
-<p>Cuando se producen problemas (como un tiempo de espera o problemas relacionados con el control de acceso), se genera un evento de error. Puedes tomar acción sobre esto al implementar una devolución de llamada al objeto EventSource:</p>
+Cuando se producen problemas (como un tiempo de espera o problemas relacionados con el control de acceso), se genera un evento de error. Puedes tomar acción sobre esto al implementar una devolución de llamada al objeto EventSource:
 
-<pre class="brush: js">evtSource.onerror = function(e) {
+```js
+evtSource.onerror = function(e) {
   alert("EventSource failed.");
 };
-</pre>
+```
 
-<p>En Firefox 22, no parece que haya manera de distinguir entre los diferentes de eventos de error.</p>
+En Firefox 22, no parece que haya manera de distinguir entre los diferentes de eventos de error.
 
-<h2 id="Cerrando_flujo_de_eventos" style="margin-bottom: 20px; line-height: 30px; font-size: 2.14285714285714rem;">Cerrando flujo de eventos</h2>
+## Cerrando flujo de eventos
 
-<p>Por defecto, si la conexión entre el cliente y el servidor se cierra, la conexión es reiniciada. Podemos terminar la conexión con el método <code>.close()</code></p>
+Por defecto, si la conexión entre el cliente y el servidor se cierra, la conexión es reiniciada. Podemos terminar la conexión con el método `.close()`
 
-<pre class="language-html" style="padding: 1em 0px 1em 30px; font-size: 14px; white-space: normal; color: rgb(77, 78, 83);"><code class="language-html" style="font-family: Consolas, Monaco, 'Andale Mono', monospace; direction: ltr; white-space: pre;">evtSource.close();</code></pre>
+```html
+evtSource.close();
+```
 
-<div> </div>
+## Formato de flujo de eventos (formato stream)
 
-<h2 id="Formato_de_flujo_de_eventos_(formato_stream)">Formato de flujo de eventos (formato stream)</h2>
+El flujo de eventos es una corriente sencilla de datos de texto, que deben ser codificados usando UTF-8. Los mensajes en el flujo de eventos están separados por un par de caracteres de salto de línea. Si hay un símbolo de dos puntos como primer caracter de una línea, se entiende que es un comentario y es ignorado.
 
-<p>El flujo de eventos es una corriente sencilla de datos de texto, que deben ser codificados usando UTF-8. Los mensajes en el flujo de eventos están separados por un par de caracteres de salto de línea. Si hay un símbolo de dos puntos como primer caracter de una línea, se entiende que es un comentario y es ignorado. </p>
+> **Nota:** La línea de comentario se puede usar para prevenir que la conexión se agote por tiempo (timeout); un sevidor puede enviar periódicamente un comentario para mantener viva la conexión.
 
-<div class="note"><strong>Nota:</strong> La línea de comentario se puede usar para prevenir que la conexión se agote por tiempo (timeout); un sevidor puede enviar periódicamente un comentario para mantener viva la conexión.</div>
+Cada mensaje consiste en una o más líneas de texto que enumeran los campos para ese mensaje. Cada campo está representado por el nombre del campo, seguido por los datos de texto para el valor de ese campo.
 
-<p>Cada mensaje consiste en una o más líneas de texto que enumeran los campos para ese mensaje. Cada campo está representado por el nombre del campo, seguido por los datos de texto para el valor de ese campo.</p>
+### Campos
 
-<h3 id="Campos">Campos</h3>
+Los siguientes nombres de campo son definidos por la especificación:
 
-<p>Los siguientes nombres de campo son definidos por la especificación:</p>
+#### event
 
-<h4 id="event">event</h4>
+El tipo de evento. Si se especifica, un evento se enviará al navegador a la escucha para el nombre del evento especificado, el sitio web usaria `addEventLister()` para escuchar eventos nombrados. El controlador `onmessage` se llama si no se especifica el nombre del evento para un mensaje.
 
-<p style="margin-left: 40px;">El tipo de evento. Si se especifica, un evento se enviará al navegador a la escucha para el nombre del evento especificado, el sitio web usaria <code>addEventLister()</code> para escuchar eventos nombrados. El controlador <code>onmessage</code> se llama si no se especifica el nombre del evento para un mensaje.</p>
+#### data
 
-<h4 id="data">data</h4>
+El campo de datos para el mensaje. Cuando el EventSource recibe múltiples lineas con "`data:`", se concatenara, insertando un caracter de nueva de linea entre cada uno. Se eliminan los saltos de línea al final **\[VERIFICAR].**
 
-<p style="margin-left: 40px;">El campo de datos  para el mensaje. Cuando el EventSource recibe múltiples lineas con "<code>data:</code>", se concatenara, insertando un caracter de nueva de linea entre cada uno. Se eliminan los saltos de línea al final <strong>[VERIFICAR].</strong></p>
+#### id
 
-<h4 id="id"><strong>id</strong></h4>
+El ID del evento que establecerá el último ID del objeto EventSource.
 
-<p style="margin-left: 40px;">  El ID del evento que establecerá el último ID del objeto EventSource.</p>
+#### Retry
 
-<h4 id="Retry"><strong>Retry</strong></h4>
+El tiempo de reconexión para usar al intentar enviar el evento. \[Qué código maneja esto?] Este debe ser un número entero, que especifica el tiempo de reconexion en milisegundos. Si se especifica un valor no entero, el campo se ignora.
 
-<p style="margin-left: 40px;">El tiempo de reconexión para usar al intentar enviar el evento. [Qué código maneja esto?] Este debe ser un número entero, que especifica el tiempo de reconexion en milisegundos. Si se especifica un valor no entero, el campo se ignora.  </p>
+Se omiten todos los demas nombres de campo.
 
-<p>Se omiten todos los demas nombres de campo.</p>
+> **Nota:** Si una línea no contiene dos puntos, la línea entera se tratara como un nombre de campo, con una cadena de valor vacio.
 
-<div class="note"><strong>Nota:</strong> Si una línea no contiene dos puntos, la línea entera se tratara como un nombre de campo, con una cadena de valor vacio.</div>
+### Ejemplos
 
-<h3 id="Ejemplos">Ejemplos</h3>
+#### Mensajes con datos únicamente
 
-<h4 id="Mensajes_con_datos_únicamente">Mensajes con datos únicamente</h4>
+En el siguiente ejemplo, hay tres mensajes enviados. El primero es solo un comentario, debido a que empieza con dos puntos. Como se mencionó anteriormente, esto puede ser útil para mantener la conexión viva si los mensajes no son enviados regularmente.
 
-<p>En el siguiente ejemplo, hay tres mensajes enviados. El primero es solo un comentario, debido a que empieza con dos puntos. Como se mencionó anteriormente, esto puede ser útil para mantener la conexión viva si los mensajes no son enviados regularmente.</p>
+The second message contains a data field with the value "some text". The third message contains a data field with the value "another message\nwith two lines". Note the newline in the value.
 
-<p>The second message contains a data field with the value "some text". The third message contains a data field with the value "another message\nwith two lines". Note the newline in the value.</p>
+El segundo mensaje contiene un campo de datos con el valor "some text". El tercer mensaje contiene un campo de datos con el valor "another message\nwith two lines". Nota la nueva línea en el valor.
 
-<p>El segundo mensaje contiene un campo de datos con el valor "some text". El tercer mensaje contiene un campo de datos con el valor "another message\nwith two lines". Nota la nueva línea en el valor.</p>
-
-<pre>: this is a test stream
+```
+: this is a test stream
 
 data: some text
 
 data: another message
 data: with two lines
-</pre>
+```
 
-<h4 id="Eventos_nombrados">Eventos nombrados</h4>
+#### Eventos nombrados
 
-<p>Este ejemplo envia algunos eventos nombrados. Cada uno tiene un nombre de evento especificado por el campo <code>event</code>, y un campo <code>data</code> cuyo valor es una cadena JSON apropiada con los datos necesarios para que el cliente actue sobre el evento. El campo <code>data</code>, podria, por supuesto, tener cualquier cadena; no tiene que ser un JSON.</p>
+Este ejemplo envia algunos eventos nombrados. Cada uno tiene un nombre de evento especificado por el campo `event`, y un campo `data` cuyo valor es una cadena JSON apropiada con los datos necesarios para que el cliente actue sobre el evento. El campo `data`, podria, por supuesto, tener cualquier cadena; no tiene que ser un JSON.
 
-<pre>event: userconnect
+```
+event: userconnect
 data: {"username": "bobby", "time": "02:33:48"}
 
 event: usermessage
@@ -163,13 +170,14 @@ data: {"username": "bobby", "time": "02:34:23"}
 
 event: usermessage
 data: {"username": "sean", "time": "02:34:36", "text": "Bye, bobby."}
-</pre>
+```
 
-<h4 id="Mezclando_y_emparejando">Mezclando y emparejando</h4>
+#### Mezclando y emparejando
 
-<p>No tienes que usar solamente mensajes sin nombrar o eventos tipados; puedes mezclarlo juntos en un solo flujo de evento.</p>
+No tienes que usar solamente mensajes sin nombrar o eventos tipados; puedes mezclarlo juntos en un solo flujo de evento.
 
-<pre>event: userconnect
+```
+event: userconnect
 data: {"username": "bobby", "time": "02:33:48"}
 
 data: Here's a system message of some kind that will get used
@@ -177,8 +185,8 @@ data: to accomplish some task.
 
 event: usermessage
 data: {"username": "bobby", "time": "02:34:11", "text": "Hi everyone."}
-</pre>
+```
 
-<h2 id="Compatibilidad_con_navegadores">Compatibilidad con navegadores</h2>
+## Compatibilidad con navegadores
 
 {{Compat("api.EventSource")}}
diff --git a/files/es/web/api/service_worker_api/index.md b/files/es/web/api/service_worker_api/index.md
index 188e0ccd9e662d..9891fec380b57e 100644
--- a/files/es/web/api/service_worker_api/index.md
+++ b/files/es/web/api/service_worker_api/index.md
@@ -13,157 +13,124 @@ tags:
   - Workers
 translation_of: Web/API/Service_Worker_API
 ---
-<div>
-<p>{{ServiceWorkerSidebar}}</p>
+{{ServiceWorkerSidebar}}
 
-<p class="summary">Los Service workers actúan esencialmente como proxy servers asentados entre las aplicaciones web, el navegador y la red (cuando está accesible). Están destinados, entre otras cosas, a permitir la creación de experiencias offline efectivas, interceptando peticiones de red y realizando la acción apropiada si la conexión de red está disponible y hay disponibles contenidos actualizados en el servidor. También permitirán el acceso a notificaciones tipo push y APIs de  sincronización en segundo plano.</p>
-</div>
+Los Service workers actúan esencialmente como proxy servers asentados entre las aplicaciones web, el navegador y la red (cuando está accesible). Están destinados, entre otras cosas, a permitir la creación de experiencias offline efectivas, interceptando peticiones de red y realizando la acción apropiada si la conexión de red está disponible y hay disponibles contenidos actualizados en el servidor. También permitirán el acceso a notificaciones tipo push y APIs de sincronización en segundo plano.
 
-<h2 id="Conceptos_y_uso_de_Service_worker">Conceptos y uso de Service worker</h2>
+## Conceptos y uso de Service worker
 
-<p>Un service worker es un <a href="https://developer.mozilla.org/en-US/docs/Web/API/Worker">worker</a> manejado por eventos registrado para una fuente y una ruta. Consiste en un fichero JavaScript que controla la página web (o el sitio) con el que está asociado, interceptando y modificando la navegación y las peticiones de recursos, y cacheando los recursos de manera muy granular para ofrecer un control completo sobre cómo la aplicación debe comportarse en ciertas situaciones (la mas obvia es cuando la red no está disponible).</p>
+Un service worker es un [worker](/es/docs/Web/API/Worker) manejado por eventos registrado para una fuente y una ruta. Consiste en un fichero JavaScript que controla la página web (o el sitio) con el que está asociado, interceptando y modificando la navegación y las peticiones de recursos, y cacheando los recursos de manera muy granular para ofrecer un control completo sobre cómo la aplicación debe comportarse en ciertas situaciones (la mas obvia es cuando la red no está disponible).
 
-<p>Un service worker se ejecuta en un contexto worker: por lo tanto no tiene acceso al DOM, y se ejecuta en un hilo distinto al JavaScript principal de la aplicación, de manera que no es bloqueante. Está diseñado para ser completamente asíncrono, por lo que APIs como el <a href="/en-US/docs/Web/API/XMLHttpRequest">XHR</a> asíncrono y <a href="https://developer.mozilla.org/en-US/docs/Web/Guide/API/DOM/Storage">localStorage</a> no se pueden usar dentro de un service worker.</p>
+Un service worker se ejecuta en un contexto worker: por lo tanto no tiene acceso al DOM, y se ejecuta en un hilo distinto al JavaScript principal de la aplicación, de manera que no es bloqueante. Está diseñado para ser completamente asíncrono, por lo que APIs como el [XHR](/es/docs/Web/API/XMLHttpRequest) asíncrono y [localStorage](/es/docs/Web/Guide/API/DOM/Storage) no se pueden usar dentro de un service worker.
 
-<p>Los service workers solo funcionan sobre HTTPS, por razones de seguridad. Modificar las peticiones de red en abierto permitiría ataques man in the middle realmente peligrosos. En Firefox, las APIs de service worker se ocultan y no pueden ser empleadas cuando el usuario está en <a href="https://support.mozilla.org/en-US/kb/private-browsing-use-firefox-without-history">modo de navegación en privado</a>.</p>
+Los service workers solo funcionan sobre HTTPS, por razones de seguridad. Modificar las peticiones de red en abierto permitiría ataques man in the middle realmente peligrosos. En Firefox, las APIs de service worker se ocultan y no pueden ser empleadas cuando el usuario está en [modo de navegación en privado](https://support.mozilla.org/en-US/kb/private-browsing-use-firefox-without-history).
 
-<div class="note">
-<p><strong>Nota</strong>: Los Service Workers mejoran los intentos anteriores en este área tal como <a href="http://alistapart.com/article/application-cache-is-a-douchebag">AppCache</a> puesto que no hacen suposiciones sobre qué se está intentando hacer para luego tener que cortar cuando las suposiciones no son correctas; hay control granular sobre todos los aspectos.</p>
-</div>
+> **Nota:** Los Service Workers mejoran los intentos anteriores en este área tal como [AppCache](http://alistapart.com/article/application-cache-is-a-douchebag) puesto que no hacen suposiciones sobre qué se está intentando hacer para luego tener que cortar cuando las suposiciones no son correctas; hay control granular sobre todos los aspectos.
 
-<div class="note">
-<p><strong>Nota</strong>: Los Service workers hace un uso intensivo de las <a href="/en-US/docs/Web/JavaScript/Reference/Global_Objects/Promise">promesas</a>, por lo que generalmente esperarán a que lleguen las respuestasas correspondientes, tras lo cual responderán con una acción de éxito o de fracaso. La arquitectura de promesas es ideal en este caso.</p>
-</div>
-
-<h3 id="Registro">Registro</h3>
-
-<p>Un service worker se registra primero mediante el método {{domxref("ServiceWorkerContainer.register()")}}. Si ha habido éxito, el service worker se descargará al cliente e intentará la instalación/activación (ver más abajo) de las URLs accedidas por el usuario dentro de todo su origen de datos, o dentro de algún subconjunto especificado por el autor.</p>
+> **Nota:** Los Service workers hace un uso intensivo de las [promesas](/es/docs/Web/JavaScript/Reference/Global_Objects/Promise), por lo que generalmente esperarán a que lleguen las respuestasas correspondientes, tras lo cual responderán con una acción de éxito o de fracaso. La arquitectura de promesas es ideal en este caso.
 
-<h3 id="Descarga_instalación_y_activación">Descarga, instalación y activación</h3>
-
-<p>En este punto, su service worker observará el siguiente ciclo de vida:</p>
-
-<ol>
- <li>Descarga</li>
- <li>Instalación</li>
- <li>Activación</li>
-</ol>
-
-<p>El service worker se descaga inmediatamente cuando un usuario accede por primera vez a un sitio controlado por el mismo.</p>
-
-<p>Después de esto se descarga cada 24 horas aproximadamente. Se puede descargar con más frecuencia, pero <strong>debe</strong> ser descargado cada 24 horas para prevenir que una mala programación sea molesta durante mucho tiempo.</p>
-
-<p>La instalación se realiza cuando el fichero descargado es nuevo, es decir, diferente a otro service worker existente (comparado byte a byte), o si es el primero descargado para esta página/sitio.</p>
-
-<p>Si es la primera vez que el service worker está disponible se intenta la instalación, y tras una instalación satisfactoria se activa.</p>
-
-<p>Si ya existe un service worker disponible la nueva versión se instala en segundo plano, pero no se activa -en ese momento se llama <em>worker in waiting.</em> Sólo se activa cuando ya no hay más páginas cargadas que utilicen el antiguo service worker. En cuanto no hay más páginas de este estilo cargadas, el nuevo service worker se activa (pasando a ser el <em>active worker).</em> La activación se puede realizar antes mediante {{domxref("ServiceWorkerGlobalScope.skipWaiting()")}} y las páginas existentes se pueden llamar por el active worker usando {{domxref("Clients.claim()")}}.</p>
-
-<p>Presta atención a {{domxref("InstallEvent")}}; es habitual preparar tu service worker para usarlo cuando se dispara, por ejemplo creando una caché que utilice la API incorporada de almacenamiento, y colocando los contenidos dentro de ella para poder usarlos con la aplicación offline.</p>
-
-<p>También hay un evento <code>activate</code>. El momento en el que este evento se activa es, en general, un bueno momento para limpiar viejas cachés y demás cosas asociadas con la versión previa de tu service worker.</p>
-
-<p>Tu service worker puede responder a las peticiones usando el evento {{domxref("FetchEvent")}}. Puedes modificar la respuesta a estas peticiones de la manera que quieras, usando el método {{domxref("FetchEvent.respondWith") }}.</p>
-
-<div class="note">
-<p><strong>Nota</strong>: Dado que <code>oninstall</code>/<code>onactivate</code> puede tardar un poco en completarse, la especificación de service worker spec provee un método <code>waitUntil</code> que, cuando es llamado <code>oninstall</code> o <code>onactivate</code>, pasa una promesa. Los eventos funcionales no se envían al service worker hasta que la promesa se resuelve con éxito.</p>
-</div>
-
-<p>Para un tutorial completo que muestra cómo construir tu primer ejemplo básico, lee <a href="/en-US/docs/Web/API/ServiceWorker_API/Using_Service_Workers">Using Service Workers</a>.</p>
-
-<h2 id="Otras_posibilidades">Otras posibilidades</h2>
-
-<p>Los service workers también pueden usarse para cosas como:</p>
-
-<ul>
- <li>Sincronización de datos en background</li>
- <li>Responder a peticiones de recursos desde otros orígenes</li>
- <li>Recibir actualizaciones centralizadas de datos costosos de calcular tales como geolocalización o giroscopio, de manera que muchas páginas puedan hacer uso de un mismo conjunto de datos</li>
- <li>Compilación Client-side y gestión de dependencias de CoffeeScript, less, CJS/AMD modules, etc. para desarrollo</li>
- <li>Enlace para servicios en background </li>
- <li>Plantillas personalizadas basadas en ciertos patrones URL </li>
- <li>Mejoras de rendimiento, por ejemplo pre-fetching de recursos que es probable que el usuario requiera en un futuro próximo, como las próximas imágenes de un album de fotos.</li>
-</ul>
-
-<p>En el futuro, los service workers podrán hacer una cantidad de cosas útiles para la plataforma web que estarán muy próximos a las aplicaciones nativas. Interesantement, otras especificacions pueden comenzar y lo harán a hacer uso del contexto de service worker, por ejemplo:</p>
-
-<ul>
- <li><a href="https://github.com/slightlyoff/BackgroundSync">Sincronización en background</a>: Pone en marcha un service worker aunque el usuario no esté en el sitio de manera que las cachés se puedan actualizar, etc.</li>
- <li><a href="/en-US/docs/Web/API/Push_API">Reacción a mensajes tipo push</a>: Pone en marcha un service worker para enviar a los usuarios un mensaje para notificarles de que hay disponible nuevos contenidos.</li>
- <li>Reacción ante una fecha y hora determinados.</li>
- <li>Creación de geo-fronteras</li>
-</ul>
-
-<h2 id="Interfaces">Interfaces</h2>
-
-<dl>
- <dt>{{domxref("Cache") }}</dt>
- <dd>Representa el almacenamiento para un par de objetos {{domxref("Request")}} / {{domxref("Response")}} que son cacheados como parte del ciclo de vida de {{domxref("ServiceWorker")}}.</dd>
- <dt>{{domxref("CacheStorage") }}</dt>
- <dd>Representa el almacenamiento de objetos {{domxref("Cache")}}. Proporciona un directorio maestro de todos los nombres de caché a los que puede acceder un {{domxref("ServiceWorker")}} y mantiene un mapa de nombres (strings) correspondientes a objetos {{domxref("Cache")}}.</dd>
- <dt>{{domxref("Client") }}</dt>
- <dd>Representa el ámbito de un cliente service worker. Un cliente service worker es bien un documento en un contexto de navador, bien un {{domxref("SharedWorker")}}, que está controlado por un worker activo.</dd>
- <dt>{{domxref("Clients") }}</dt>
- <dd>Representa un contenedor para una lista de objetos {{domxref("Client")}}; principal vía de acceso de los clientes service worker al origen actual.</dd>
- <dt>{{domxref("ExtendableEvent") }}</dt>
- <dd>Extiende el tiempo de vida de los eventos<code>install</code> y <code>activate</code> lanzados en {{domxref("ServiceWorkerGlobalScope")}} como parte del ciclo de vida del service worker. Esto asegura que cualquier evento funcional (como {{domxref("FetchEvent")}}) no se despachan al {{domxref("ServiceWorker")}} hasta que actualiza los esquemas de base de datos, borra entradas de caché antiguas, etc.</dd>
- <dt>{{domxref("ExtendableMessageEvent") }}</dt>
- <dd>Es el objeto evento de un {{event("message_(ServiceWorker)","message")}} lanzado en un service worker (cuando se recibe un mensaje en el {{domxref("ServiceWorkerGlobalScope")}} desde otro contexto) — extiende el tiempo de vida de tales eventos.</dd>
- <dt>{{domxref("FetchEvent") }}</dt>
- <dd>Parametro pasado en el controlador {{domxref("ServiceWorkerGlobalScope.onfetch")}}, <code>FetchEvent</code> representa una acción de consulta (fetch) despachada en el {{domxref("ServiceWorkerGlobalScope")}} de un {{domxref("ServiceWorker")}}. Contiene información sobre la petición y respuesta resultante, y proporciona el método {{domxref("FetchEvent.respondWith", "FetchEvent.respondWith()")}}, que nos permite proporcionar una respuesta arbitraria a la página controlada.</dd>
- <dt>{{domxref("InstallEvent") }}</dt>
- <dd>Parámetro pasado en el controlador {{domxref("ServiceWorkerGlobalScope.oninstall", "oninstall")}}, el interfaz<code>InstallEvent</code> representa una acctión de instalación realizada en el {{domxref("ServiceWorkerGlobalScope")}} de un {{domxref("ServiceWorker")}}. Como hijo de {{domxref("ExtendableEvent")}}, asegura que los eventos funcionales como {{domxref("FetchEvent")}} no se llevan a cabo durante la instalación. </dd>
- <dt>{{domxref("Navigator.serviceWorker") }}</dt>
- <dd>Devuelve un objeto {{domxref("ServiceWorkerContainer")}}, que proporciona acceso al registro, eliminación, actualización y comunicación con los objetos {{domxref("ServiceWorker")}} para el <a href="https://html.spec.whatwg.org/multipage/browsers.html#concept-document-window">documento asociado</a>.</dd>
- <dt>{{domxref("NotificationEvent") }}</dt>
- <dd>Parámetro pasado en el controlador {{domxref("ServiceWorkerGlobalScope.onnotificationclick", "onnotificationclick")}}, el interfaz <code>NotificationEvent</code> representa una notificación del evento click ejecutado en  {{domxref("ServiceWorkerGlobalScope")}} de un {{domxref("ServiceWorker")}}.</dd>
- <dt>{{domxref("ServiceWorker") }}</dt>
- <dd>Representa un service worker. Multiples contextos de navegación (e.g. pages, workers, etc.) se pueden asociar con el mismo objeto <code>ServiceWorker</code>.</dd>
- <dt>{{domxref("ServiceWorkerContainer") }}</dt>
- <dd>Proporciona un objeto que representa el service worker como una unidad en el ecosistema de red, incluyendo servicios para registrar, eliminar y actualizar los service workers, y acceder al estado de los service workers y sus registros.</dd>
- <dt>{{domxref("ServiceWorkerGlobalScope") }}</dt>
- <dd>Representa el contexto global de ejecución de un service worker.</dd>
- <dt>{{domxref("ServiceWorkerMessageEvent")}} {{deprecated_inline}}</dt>
- <dd>Representa un mensaje envaido a un{{domxref("ServiceWorkerGlobalScope")}}. <strong>Observese que este interfaz está considerado obsoleto en navegadores modernos. Los mensajes de service worker no podrán utilizar el interfaz {{domxref("MessageEvent")}}, por consistencia con otras características de mensajería web.</strong></dd>
- <dt>{{domxref("ServiceWorkerRegistration") }}</dt>
- <dd>Representa un registro service worker.</dd>
- <dt>{{domxref("SyncEvent")}} {{non-standard_inline}}</dt>
- <dd>
- <p>El interfaz SyncEvent representa una acción sync ejecutada en el {{domxref("ServiceWorkerGlobalScope")}} de un ServiceWorker. </p>
- </dd>
- <dt>{{domxref("SyncManager")}} {{non-standard_inline}}</dt>
- <dd>Proporciona un interfaz para registrar y listar registros sync.</dd>
- <dt>{{domxref("WindowClient") }}</dt>
- <dd>Representa el ámbito de un cliente service worker que es un documento en un contexto de navegador, controlado por un worker activo. Es un tipo especial de objeto {{domxref("Client")}}, con algunos métodos y propiedades adicionales disponibles.</dd>
-</dl>
-
-<h2 id="Especificaciones">Especificaciones</h2>
-
-<table class="standard-table">
- <tbody>
-  <tr>
-   <th scope="col">Specification</th>
-   <th scope="col">Status</th>
-   <th scope="col">Comment</th>
-  </tr>
-  <tr>
-   <td>{{SpecName('Service Workers')}}</td>
-   <td>{{Spec2('Service Workers')}}</td>
-   <td>Definición inicial.</td>
-  </tr>
- </tbody>
-</table>
-
-
-
-<h2 id="Ver_también">Ver también</h2>
-
-<ul>
- <li><a href="https://serviceworke.rs">ServiceWorker Cookbook</a></li>
- <li><a href="/en-US/docs/Web/API/ServiceWorker_API/Using_Service_Workers">Using Service Workers</a></li>
- <li><a href="https://github.com/mdn/sw-test">Service workers basic code example</a></li>
- <li><a href="https://jakearchibald.github.io/isserviceworkerready/">Is ServiceWorker ready?</a></li>
- <li><a href="https://developer.mozilla.org/en-US/docs/Web/JavaScript/Reference/Global_Objects/Promise">Promises</a></li>
- <li><a href="/en-US/docs/Web/Guide/Performance/Using_web_workers">Using web workers</a></li>
- <li><a href="https://www.fastly.com/blog/best-practices-for-using-the-vary-header">Best Practices for using the VARY header</a></li>
-</ul>
+### Registro
+
+Un service worker se registra primero mediante el método {{domxref("ServiceWorkerContainer.register()")}}. Si ha habido éxito, el service worker se descargará al cliente e intentará la instalación/activación (ver más abajo) de las URLs accedidas por el usuario dentro de todo su origen de datos, o dentro de algún subconjunto especificado por el autor.
+
+### Descarga, instalación y activación
+
+En este punto, su service worker observará el siguiente ciclo de vida:
+
+1.  Descarga
+2.  Instalación
+3.  Activación
+
+El service worker se descaga inmediatamente cuando un usuario accede por primera vez a un sitio controlado por el mismo.
+
+Después de esto se descarga cada 24 horas aproximadamente. Se puede descargar con más frecuencia, pero **debe** ser descargado cada 24 horas para prevenir que una mala programación sea molesta durante mucho tiempo.
+
+La instalación se realiza cuando el fichero descargado es nuevo, es decir, diferente a otro service worker existente (comparado byte a byte), o si es el primero descargado para esta página/sitio.
+
+Si es la primera vez que el service worker está disponible se intenta la instalación, y tras una instalación satisfactoria se activa.
+
+Si ya existe un service worker disponible la nueva versión se instala en segundo plano, pero no se activa -en ese momento se llama _worker in waiting._ Sólo se activa cuando ya no hay más páginas cargadas que utilicen el antiguo service worker. En cuanto no hay más páginas de este estilo cargadas, el nuevo service worker se activa (pasando a ser el _active worker)._ La activación se puede realizar antes mediante {{domxref("ServiceWorkerGlobalScope.skipWaiting()")}} y las páginas existentes se pueden llamar por el active worker usando {{domxref("Clients.claim()")}}.
+
+Presta atención a {{domxref("InstallEvent")}}; es habitual preparar tu service worker para usarlo cuando se dispara, por ejemplo creando una caché que utilice la API incorporada de almacenamiento, y colocando los contenidos dentro de ella para poder usarlos con la aplicación offline.
+
+También hay un evento `activate`. El momento en el que este evento se activa es, en general, un bueno momento para limpiar viejas cachés y demás cosas asociadas con la versión previa de tu service worker.
+
+Tu service worker puede responder a las peticiones usando el evento {{domxref("FetchEvent")}}. Puedes modificar la respuesta a estas peticiones de la manera que quieras, usando el método {{domxref("FetchEvent.respondWith") }}.
+
+> **Nota:** Dado que `oninstall`/`onactivate` puede tardar un poco en completarse, la especificación de service worker spec provee un método `waitUntil` que, cuando es llamado `oninstall` o `onactivate`, pasa una promesa. Los eventos funcionales no se envían al service worker hasta que la promesa se resuelve con éxito.
+
+Para un tutorial completo que muestra cómo construir tu primer ejemplo básico, lee [Using Service Workers](/es/docs/Web/API/ServiceWorker_API/Using_Service_Workers).
+
+## Otras posibilidades
+
+Los service workers también pueden usarse para cosas como:
+
+- Sincronización de datos en background
+- Responder a peticiones de recursos desde otros orígenes
+- Recibir actualizaciones centralizadas de datos costosos de calcular tales como geolocalización o giroscopio, de manera que muchas páginas puedan hacer uso de un mismo conjunto de datos
+- Compilación Client-side y gestión de dependencias de CoffeeScript, less, CJS/AMD modules, etc. para desarrollo
+- Enlace para servicios en background
+- Plantillas personalizadas basadas en ciertos patrones URL
+- Mejoras de rendimiento, por ejemplo pre-fetching de recursos que es probable que el usuario requiera en un futuro próximo, como las próximas imágenes de un album de fotos.
+
+En el futuro, los service workers podrán hacer una cantidad de cosas útiles para la plataforma web que estarán muy próximos a las aplicaciones nativas. Interesantement, otras especificacions pueden comenzar y lo harán a hacer uso del contexto de service worker, por ejemplo:
+
+- [Sincronización en background](https://github.com/slightlyoff/BackgroundSync): Pone en marcha un service worker aunque el usuario no esté en el sitio de manera que las cachés se puedan actualizar, etc.
+- [Reacción a mensajes tipo push](/es/docs/Web/API/Push_API): Pone en marcha un service worker para enviar a los usuarios un mensaje para notificarles de que hay disponible nuevos contenidos.
+- Reacción ante una fecha y hora determinados.
+- Creación de geo-fronteras
+
+## Interfaces
+
+- {{domxref("Cache") }}
+  - : Representa el almacenamiento para un par de objetos {{domxref("Request")}} / {{domxref("Response")}} que son cacheados como parte del ciclo de vida de {{domxref("ServiceWorker")}}.
+- {{domxref("CacheStorage") }}
+  - : Representa el almacenamiento de objetos {{domxref("Cache")}}. Proporciona un directorio maestro de todos los nombres de caché a los que puede acceder un {{domxref("ServiceWorker")}} y mantiene un mapa de nombres (strings) correspondientes a objetos {{domxref("Cache")}}.
+- {{domxref("Client") }}
+  - : Representa el ámbito de un cliente service worker. Un cliente service worker es bien un documento en un contexto de navador, bien un {{domxref("SharedWorker")}}, que está controlado por un worker activo.
+- {{domxref("Clients") }}
+  - : Representa un contenedor para una lista de objetos {{domxref("Client")}}; principal vía de acceso de los clientes service worker al origen actual.
+- {{domxref("ExtendableEvent") }}
+  - : Extiende el tiempo de vida de los eventos`install` y `activate` lanzados en {{domxref("ServiceWorkerGlobalScope")}} como parte del ciclo de vida del service worker. Esto asegura que cualquier evento funcional (como {{domxref("FetchEvent")}}) no se despachan al {{domxref("ServiceWorker")}} hasta que actualiza los esquemas de base de datos, borra entradas de caché antiguas, etc.
+- {{domxref("ExtendableMessageEvent") }}
+  - : Es el objeto evento de un {{event("message_(ServiceWorker)","message")}} lanzado en un service worker (cuando se recibe un mensaje en el {{domxref("ServiceWorkerGlobalScope")}} desde otro contexto) — extiende el tiempo de vida de tales eventos.
+- {{domxref("FetchEvent") }}
+  - : Parametro pasado en el controlador {{domxref("ServiceWorkerGlobalScope.onfetch")}}, `FetchEvent` representa una acción de consulta (fetch) despachada en el {{domxref("ServiceWorkerGlobalScope")}} de un {{domxref("ServiceWorker")}}. Contiene información sobre la petición y respuesta resultante, y proporciona el método {{domxref("FetchEvent.respondWith", "FetchEvent.respondWith()")}}, que nos permite proporcionar una respuesta arbitraria a la página controlada.
+- {{domxref("InstallEvent") }}
+  - : Parámetro pasado en el controlador {{domxref("ServiceWorkerGlobalScope.oninstall", "oninstall")}}, el interfaz`InstallEvent` representa una acctión de instalación realizada en el {{domxref("ServiceWorkerGlobalScope")}} de un {{domxref("ServiceWorker")}}. Como hijo de {{domxref("ExtendableEvent")}}, asegura que los eventos funcionales como {{domxref("FetchEvent")}} no se llevan a cabo durante la instalación.
+- {{domxref("Navigator.serviceWorker") }}
+  - : Devuelve un objeto {{domxref("ServiceWorkerContainer")}}, que proporciona acceso al registro, eliminación, actualización y comunicación con los objetos {{domxref("ServiceWorker")}} para el [documento asociado](https://html.spec.whatwg.org/multipage/browsers.html#concept-document-window).
+- {{domxref("NotificationEvent") }}
+  - : Parámetro pasado en el controlador {{domxref("ServiceWorkerGlobalScope.onnotificationclick", "onnotificationclick")}}, el interfaz `NotificationEvent` representa una notificación del evento click ejecutado en {{domxref("ServiceWorkerGlobalScope")}} de un {{domxref("ServiceWorker")}}.
+- {{domxref("ServiceWorker") }}
+  - : Representa un service worker. Multiples contextos de navegación (e.g. pages, workers, etc.) se pueden asociar con el mismo objeto `ServiceWorker`.
+- {{domxref("ServiceWorkerContainer") }}
+  - : Proporciona un objeto que representa el service worker como una unidad en el ecosistema de red, incluyendo servicios para registrar, eliminar y actualizar los service workers, y acceder al estado de los service workers y sus registros.
+- {{domxref("ServiceWorkerGlobalScope") }}
+  - : Representa el contexto global de ejecución de un service worker.
+- {{domxref("ServiceWorkerMessageEvent")}} {{deprecated_inline}}
+  - : Representa un mensaje envaido a un{{domxref("ServiceWorkerGlobalScope")}}. **Observese que este interfaz está considerado obsoleto en navegadores modernos. Los mensajes de service worker no podrán utilizar el interfaz {{domxref("MessageEvent")}}, por consistencia con otras características de mensajería web.**
+- {{domxref("ServiceWorkerRegistration") }}
+  - : Representa un registro service worker.
+- {{domxref("SyncEvent")}} {{non-standard_inline}}
+  - : El interfaz SyncEvent representa una acción sync ejecutada en el {{domxref("ServiceWorkerGlobalScope")}} de un ServiceWorker.
+- {{domxref("SyncManager")}} {{non-standard_inline}}
+  - : Proporciona un interfaz para registrar y listar registros sync.
+- {{domxref("WindowClient") }}
+  - : Representa el ámbito de un cliente service worker que es un documento en un contexto de navegador, controlado por un worker activo. Es un tipo especial de objeto {{domxref("Client")}}, con algunos métodos y propiedades adicionales disponibles.
+
+## Especificaciones
+
+| Specification                            | Status                               | Comment             |
+| ---------------------------------------- | ------------------------------------ | ------------------- |
+| {{SpecName('Service Workers')}} | {{Spec2('Service Workers')}} | Definición inicial. |
+
+## Ver también
+
+- [ServiceWorker Cookbook](https://serviceworke.rs)
+- [Using Service Workers](/es/docs/Web/API/ServiceWorker_API/Using_Service_Workers)
+- [Service workers basic code example](https://github.com/mdn/sw-test)
+- [Is ServiceWorker ready?](https://jakearchibald.github.io/isserviceworkerready/)
+- [Promises](/es/docs/Web/JavaScript/Reference/Global_Objects/Promise)
+- [Using web workers](/es/docs/Web/Guide/Performance/Using_web_workers)
+- [Best Practices for using the VARY header](https://www.fastly.com/blog/best-practices-for-using-the-vary-header)
diff --git a/files/es/web/api/serviceworkercontainer/index.md b/files/es/web/api/serviceworkercontainer/index.md
index 14a110246b21dc..391dbbcbe5d2b7 100644
--- a/files/es/web/api/serviceworkercontainer/index.md
+++ b/files/es/web/api/serviceworkercontainer/index.md
@@ -15,51 +15,46 @@ tags:
   - Workers
 translation_of: Web/API/ServiceWorkerContainer
 ---
-<p>{{SeeCompatTable}}{{APIRef("Service Workers API")}}</p>
+{{SeeCompatTable}}{{APIRef("Service Workers API")}}
 
-<p><span class="seoSummary">The <code>ServiceWorkerContainer</code> interface of the <a href="https://developer.mozilla.org/en-US/docs/Web/API/ServiceWorker_API">ServiceWorker API</a> provides an object representing the service worker as an overall unit in the network ecosystem, including facilities to register, unregister and update service workers, and access the state of service workers and their registrations.</span></p>
+The `ServiceWorkerContainer` interface of the [ServiceWorker API](/es/docs/Web/API/ServiceWorker_API) provides an object representing the service worker as an overall unit in the network ecosystem, including facilities to register, unregister and update service workers, and access the state of service workers and their registrations.
 
-<p>Most importantly, it exposes the {{domxref("ServiceWorkerContainer.register", "ServiceWorkerContainer.register()")}} method used to register service workers, and the {{domxref("ServiceWorkerContainer.controller")}} property used to determine whether or not the current page is actively controlled.</p>
+Most importantly, it exposes the {{domxref("ServiceWorkerContainer.register", "ServiceWorkerContainer.register()")}} method used to register service workers, and the {{domxref("ServiceWorkerContainer.controller")}} property used to determine whether or not the current page is actively controlled.
 
-<h2 id="Properties">Properties</h2>
+## Properties
 
-<dl>
- <dt>{{domxref("ServiceWorkerContainer.controller")}} {{readonlyinline}}</dt>
- <dd>Returns a {{domxref("ServiceWorker")}} object if its state is <code>activated</code> (the same object returned by {{domxref("ServiceWorkerRegistration.active")}}). This property returns <code>null</code> during a force-refresh request (<em>Shift</em> + refresh) or if there is no active worker.</dd>
-</dl>
+- {{domxref("ServiceWorkerContainer.controller")}} {{readonlyinline}}
+  - : Returns a {{domxref("ServiceWorker")}} object if its state is `activated` (the same object returned by {{domxref("ServiceWorkerRegistration.active")}}). This property returns `null` during a force-refresh request (_Shift_ + refresh) or if there is no active worker.
 
-<dl>
- <dt>{{domxref("ServiceWorkerContainer.ready")}} {{readonlyinline}}</dt>
- <dd>Provides a way of delaying code execution until a service worker is active. It returns a {{jsxref("Promise")}} that will never reject, and which waits indefinitely until the {{domxref("ServiceWorkerRegistration")}} associated with the current page has an {{domxref("ServiceWorkerRegistration.active")}} worker. Once that condition is met, it resolves with the {{domxref("ServiceWorkerRegistration")}}.</dd>
-</dl>
+<!---->
 
-<h3 id="Event_handlers">Event handlers</h3>
+- {{domxref("ServiceWorkerContainer.ready")}} {{readonlyinline}}
+  - : Provides a way of delaying code execution until a service worker is active. It returns a {{jsxref("Promise")}} that will never reject, and which waits indefinitely until the {{domxref("ServiceWorkerRegistration")}} associated with the current page has an {{domxref("ServiceWorkerRegistration.active")}} worker. Once that condition is met, it resolves with the {{domxref("ServiceWorkerRegistration")}}.
 
-<dl>
- <dt>{{domxref("ServiceWorkerContainer.oncontrollerchange")}}</dt>
- <dd>Fired whenever a {{Event("controllerchange")}} event occurs — when the document's associated {{domxref("ServiceWorkerRegistration")}} acquires a new {{domxref("ServiceWorkerRegistration.active","active")}} worker.</dd>
- <dt>{{domxref("ServiceWorkerContainer.onerror")}}</dt>
- <dd>Fired whenever an {{Event("error")}} event occurs in the associated service workers.</dd>
- <dt>{{domxref("ServiceWorkerContainer.onmessage")}}</dt>
- <dd>Fired whenever a {{Event("message")}} event occurs — when incoming messages are received to the {{domxref("ServiceWorkerContainer")}} object (e.g. via a {{domxref("MessagePort.postMessage()")}} call.)</dd>
-</dl>
+### Event handlers
 
-<h2 id="Methods">Methods</h2>
+- {{domxref("ServiceWorkerContainer.oncontrollerchange")}}
+  - : Fired whenever a {{Event("controllerchange")}} event occurs — when the document's associated {{domxref("ServiceWorkerRegistration")}} acquires a new {{domxref("ServiceWorkerRegistration.active","active")}} worker.
+- {{domxref("ServiceWorkerContainer.onerror")}}
+  - : Fired whenever an {{Event("error")}} event occurs in the associated service workers.
+- {{domxref("ServiceWorkerContainer.onmessage")}}
+  - : Fired whenever a {{Event("message")}} event occurs — when incoming messages are received to the {{domxref("ServiceWorkerContainer")}} object (e.g. via a {{domxref("MessagePort.postMessage()")}} call.)
 
-<dl>
- <dt>{{domxref("ServiceWorkerContainer.register", "ServiceWorkerContainer.register()")}} </dt>
- <dd>Creates or updates a {{domxref("ServiceWorkerRegistration")}} for the given <code>scriptURL</code>.</dd>
- <dt>{{domxref("ServiceWorkerContainer.getRegistration()")}}</dt>
- <dd>Gets a {{domxref("ServiceWorkerRegistration")}} object whose scope matches the provided document URL.  If the method can't return a {{domxref("ServiceWorkerRegistration")}}, it returns a <a href="https://developer.mozilla.org/en-US/docs/Web/JavaScript/Reference/Global_Objects/Promise" title="The Promise object is used for deferred and asynchronous computations. A Promise is in one of the three states:"><code>Promise</code></a>. </dd>
- <dt>{{domxref("ServiceWorkerContainer.getRegistrations()")}}</dt>
- <dd>Returns all {{domxref("ServiceWorkerRegistration")}} objects associated with a <code>ServiceWorkerContainer</code> in an array.  If the method can't return {{domxref("ServiceWorkerRegistration")}} objects, it returns a <a href="https://developer.mozilla.org/en-US/docs/Web/JavaScript/Reference/Global_Objects/Promise" title="The Promise object is used for deferred and asynchronous computations. A Promise is in one of the three states:"><code>Promise</code></a>. </dd>
-</dl>
+## Methods
 
-<h2 id="Examples">Examples</h2>
+- {{domxref("ServiceWorkerContainer.register", "ServiceWorkerContainer.register()")}}
+  - : Creates or updates a {{domxref("ServiceWorkerRegistration")}} for the given `scriptURL`.
+- {{domxref("ServiceWorkerContainer.getRegistration()")}}
+  - : Gets a {{domxref("ServiceWorkerRegistration")}} object whose scope matches the provided document URL. If the method can't return a {{domxref("ServiceWorkerRegistration")}}, it returns a [`Promise`](/es/docs/Web/JavaScript/Reference/Global_Objects/Promise "The Promise object is used for deferred and asynchronous computations. A Promise is in one of the three states:").
+- {{domxref("ServiceWorkerContainer.getRegistrations()")}}
+  - : Returns all {{domxref("ServiceWorkerRegistration")}} objects associated with a `ServiceWorkerContainer` in an array. If the method can't return {{domxref("ServiceWorkerRegistration")}} objects, it returns a [`Promise`](/es/docs/Web/JavaScript/Reference/Global_Objects/Promise "The Promise object is used for deferred and asynchronous computations. A Promise is in one of the three states:").
 
-<p>The example below first checks to see if the browser supports service workers. If supported, the code registers the service worker and determines if the page is actively controlled by the service worker. If it isn't, it prompts the user to reload the page so the service worker can take control. The code also reports any registration failures.</p>
+## Examples
 
-<pre class="brush: js">if ('serviceWorker' in navigator) {
+The example below first checks to see if the browser supports service workers. If supported, the code registers the service worker and determines if the page is actively controlled by the service worker. If it isn't, it prompts the user to reload the page so the service worker can take control. The code also reports any registration failures.
+
+```js
+if ('serviceWorker' in navigator) {
   // Register a service worker hosted at the root of the
   // site using the default scope.
   navigator.serviceWorker.register('/sw.js').then(function(registration) {
@@ -89,39 +84,23 @@ translation_of: Web/API/ServiceWorkerContainer
   };
 } else {
   console.log('Service workers are not supported.');
-}</pre>
-
-<h2 id="Specifications">Specifications</h2>
-
-<table class="standard-table">
- <tbody>
-  <tr>
-   <th scope="col">Specification</th>
-   <th scope="col">Status</th>
-   <th scope="col">Comment</th>
-  </tr>
-  <tr>
-   <td>{{SpecName('Service Workers', '#service-worker-container', 'ServiceWorkerContainer')}}</td>
-   <td>{{Spec2('Service Workers')}}</td>
-   <td>Initial definition.</td>
-  </tr>
- </tbody>
-</table>
-
-<h2 id="Browser_compatibility">Browser compatibility</h2>
-
-<div>
-
-
-<p>{{Compat("api.ServiceWorkerContainer")}}</p>
-</div>
-
-<h2 id="See_also">See also</h2>
-
-<ul>
- <li><a href="https://developer.mozilla.org/en-US/docs/Web/API/ServiceWorker_API/Using_Service_Workers">Using Service Workers</a></li>
- <li><a class="external external-icon" href="https://github.com/mdn/sw-test">Service workers basic code example</a></li>
- <li><a class="external external-icon" href="https://jakearchibald.github.io/isserviceworkerready/">Is ServiceWorker ready?</a></li>
- <li>{{jsxref("Promise")}}</li>
- <li><a href="https://developer.mozilla.org/en-US/docs/Web/Guide/Performance/Using_web_workers">Using web workers</a></li>
-</ul>
+}
+```
+
+## Specifications
+
+| Specification                                                                                                        | Status                               | Comment             |
+| -------------------------------------------------------------------------------------------------------------------- | ------------------------------------ | ------------------- |
+| {{SpecName('Service Workers', '#service-worker-container', 'ServiceWorkerContainer')}} | {{Spec2('Service Workers')}} | Initial definition. |
+
+## Browser compatibility
+
+{{Compat("api.ServiceWorkerContainer")}}
+
+## See also
+
+- [Using Service Workers](/es/docs/Web/API/ServiceWorker_API/Using_Service_Workers)
+- [Service workers basic code example](https://github.com/mdn/sw-test)
+- [Is ServiceWorker ready?](https://jakearchibald.github.io/isserviceworkerready/)
+- {{jsxref("Promise")}}
+- [Using web workers](/es/docs/Web/Guide/Performance/Using_web_workers)
diff --git a/files/es/web/api/serviceworkercontainer/register/index.md b/files/es/web/api/serviceworkercontainer/register/index.md
index 0284854af2cf18..7b02330e4414c4 100644
--- a/files/es/web/api/serviceworkercontainer/register/index.md
+++ b/files/es/web/api/serviceworkercontainer/register/index.md
@@ -3,43 +3,43 @@ title: ServiceWorkerContainer.register()
 slug: Web/API/ServiceWorkerContainer/register
 translation_of: Web/API/ServiceWorkerContainer/register
 ---
-<div>{{SeeCompatTable}}{{APIRef("Service Workers API")}}</div>
+{{SeeCompatTable}}{{APIRef("Service Workers API")}}
 
-<p><span class="seoSummary">El método <strong><code>register()</code></strong>de la interfaz {{domxref("ServiceWorkerContainer")}} crea o actualiza un {{domxref("ServiceWorkerRegistration")}} para un <code>scriptURL</code>. dado</span></p>
+El método **`register()`**de la interfaz {{domxref("ServiceWorkerContainer")}} crea o actualiza un {{domxref("ServiceWorkerRegistration")}} para un `scriptURL`. dado
 
-<p>Si tiene éxito, el registro de un "service worker" relaciona la URL del script proporcionada con un ámbito, que posteriormente se utiliza para la coincidencia de navegación. Puede llamar a este método incondicionalmente desde la página controlada. Es decir, no necesita verificar primero si hay un registro activo.</p>
+Si tiene éxito, el registro de un "service worker" relaciona la URL del script proporcionada con un ámbito, que posteriormente se utiliza para la coincidencia de navegación. Puede llamar a este método incondicionalmente desde la página controlada. Es decir, no necesita verificar primero si hay un registro activo.
 
-<p>Existe una confusión frecuente en torno al significado y uso del alcance. Dado que un trabajador de servicio no puede tener un alcance más amplio que su propia ubicación, solo use la opción de ámbito cuando necesite un alcance que sea más estrecho que el predeterminado.</p>
+Existe una confusión frecuente en torno al significado y uso del alcance. Dado que un trabajador de servicio no puede tener un alcance más amplio que su propia ubicación, solo use la opción de ámbito cuando necesite un alcance que sea más estrecho que el predeterminado.
 
-<h2 id="Sintaxis">Sintaxis</h2>
+## Sintaxis
 
-<pre class="syntaxbox">ServiceWorkerContainer.register(scriptURL, options)
-  .then(function(ServiceWorkerRegistration) { ... });</pre>
+```
+ServiceWorkerContainer.register(scriptURL, options)
+  .then(function(ServiceWorkerRegistration) { ... });
+```
 
-<h3 id="Parámetros">Parámetros</h3>
+### Parámetros
 
-<dl>
- <dt><code>scriptURL</code></dt>
- <dd>La URL del script de trabajador de servicio.</dd>
- <dt><code>options</code> <code>{{optional_inline}}</code></dt>
- <dd>Un objeto que contiene opciones de registro. Las opciones disponibles actualmente son:
- <ul>
-  <li><code>alcance</code>: {{domxref("USVString")}} representa una URL que define el alcance de registro de un "service worker"; es decir, qué rango de URL puede controlar un "service worker". Esto es generalmente una URL relativa. El valor predeterminado es la URL que obtendría si resolviera './' utilizando la ubicación de la página web como base. No es, como se cree comúnmente, relativo a la ubicación del "service worker". Vea la sección de Ejemplos para más información sobre cómo funciona.</li>
- </ul>
- </dd>
-</dl>
+- `scriptURL`
+  - : La URL del script de trabajador de servicio.
+- `options` `{{optional_inline}}`
 
-<h3 id="Valor_retornado">Valor retornado</h3>
+  - : Un objeto que contiene opciones de registro. Las opciones disponibles actualmente son:
 
-<p>A {{domxref("Promise")}} that resolves with a {{domxref("ServiceWorkerRegistration")}} object.</p>
+    - `alcance`: {{domxref("USVString")}} representa una URL que define el alcance de registro de un "service worker"; es decir, qué rango de URL puede controlar un "service worker". Esto es generalmente una URL relativa. El valor predeterminado es la URL que obtendría si resolviera './' utilizando la ubicación de la página web como base. No es, como se cree comúnmente, relativo a la ubicación del "service worker". Vea la sección de Ejemplos para más información sobre cómo funciona.
 
-<h2 id="Ejemplos">Ejemplos</h2>
+### Valor retornado
 
-<p>The examples described here should be taken together to get a better understanding of how service workers scope applies to a page.</p>
+A {{domxref("Promise")}} that resolves with a {{domxref("ServiceWorkerRegistration")}} object.
 
-<p>The following example uses the default value of <code>scope</code> (by omitting it). The service worker in this case will control <code>example.com/index.html</code> as well as pages underneath it, like <code>example.com/product/description.html</code>.</p>
+## Ejemplos
 
-<pre class="brush: js">if ('serviceWorker' in navigator) {
+The examples described here should be taken together to get a better understanding of how service workers scope applies to a page.
+
+The following example uses the default value of `scope` (by omitting it). The service worker in this case will control `example.com/index.html` as well as pages underneath it, like `example.com/product/description.html`.
+
+```js
+if ('serviceWorker' in navigator) {
   // Register a service worker hosted at the root of the
   // site using the default scope.
   navigator.serviceWorker.register('/sw.js').then(function(registration) {
@@ -49,11 +49,13 @@ translation_of: Web/API/ServiceWorkerContainer/register
   });
 } else {
   console.log('Service workers are not supported.');
-}</pre>
+}
+```
 
-<p>The following code, if included in a page at the root of a site, would apply to exactly the same pages as the example above. Remember the scope, when included, uses the page's location as its base. Alternatively, if this code were included in a page at <code>example.com/product/description.html</code>, the scope of <code>'./'</code> would mean that the service worker only applies to resources under <code>example.com/product</code>. If I needed to register a service worker on <code>example.com/product/description.html</code> that applied to all of <code>example.com</code>, I would leave off the scope as above.</p>
+The following code, if included in a page at the root of a site, would apply to exactly the same pages as the example above. Remember the scope, when included, uses the page's location as its base. Alternatively, if this code were included in a page at `example.com/product/description.html`, the scope of `'./'` would mean that the service worker only applies to resources under `example.com/product`. If I needed to register a service worker on `example.com/product/description.html` that applied to all of `example.com`, I would leave off the scope as above.
 
-<pre class="brush: js">if ('serviceWorker' in navigator) {
+```js
+if ('serviceWorker' in navigator) {
   // Register a service worker hosted at the root of the
   // site using a more restrictive scope.
   navigator.serviceWorker.register('/sw.js', {scope: './'}).then(function(registration) {
@@ -64,29 +66,14 @@ translation_of: Web/API/ServiceWorkerContainer/register
 } else {
   console.log('Service workers are not supported.');
 }
-</pre>
-
-<h2 id="Specifications">Specifications</h2>
-
-<table class="standard-table">
- <tbody>
-  <tr>
-   <th scope="col">Specification</th>
-   <th scope="col">Status</th>
-   <th scope="col">Comment</th>
-  </tr>
-  <tr>
-   <td>{{SpecName('Service Workers', '#service-worker-container', 'ServiceWorkerContainer')}}</td>
-   <td>{{Spec2('Service Workers')}}</td>
-   <td>Initial definition.</td>
-  </tr>
- </tbody>
-</table>
+```
 
-<h2 id="Browser_compatibility">Browser compatibility</h2>
+## Specifications
 
-<div>
+| Specification                                                                                                        | Status                               | Comment             |
+| -------------------------------------------------------------------------------------------------------------------- | ------------------------------------ | ------------------- |
+| {{SpecName('Service Workers', '#service-worker-container', 'ServiceWorkerContainer')}} | {{Spec2('Service Workers')}} | Initial definition. |
 
+## Browser compatibility
 
-<p>{{Compat("api.ServiceWorkerContainer.register")}}</p>
-</div>
+{{Compat("api.ServiceWorkerContainer.register")}}
diff --git a/files/es/web/api/settimeout/index.md b/files/es/web/api/settimeout/index.md
index 197f5a15b556b1..dcf8405b99855a 100644
--- a/files/es/web/api/settimeout/index.md
+++ b/files/es/web/api/settimeout/index.md
@@ -9,54 +9,54 @@ tags:
 translation_of: Web/API/WindowOrWorkerGlobalScope/setTimeout
 original_slug: Web/API/WindowOrWorkerGlobalScope/setTimeout
 ---
-<div>{{APIRef("HTML DOM")}}</div>
+{{APIRef("HTML DOM")}}
 
-<p>El método <strong><code>setTimeout()</code></strong> del mixin {{domxref("WindowOrWorkerGlobalScope")}} establece un temporizador que ejecuta una función o una porción de código después de que transcurre un tiempo establecido.</p>
+El método **`setTimeout()`** del mixin {{domxref("WindowOrWorkerGlobalScope")}} establece un temporizador que ejecuta una función o una porción de código después de que transcurre un tiempo establecido.
 
+## Sintaxis
 
-<h2 id="Syntax" name="Syntax">Sintaxis</h2>
+```
+var idTemporizador = scope.setTimeout(funcion[, retraso, parametro1, parametro2, ...]);
+var idTimeout = scope.setTimeout(funcion[, retraso]);
+var idTimeout = scope.setTimeout(codigo[, retraso]);
+```
 
-<pre class="syntaxbox"><em>var idTemporizador</em> = <em>scope</em>.setTimeout(<em>funcion</em>[, <em>retraso</em>, <em>parametro1</em>, <em>parametro2</em>, ...]);
-<em>var</em> <em>idTimeout</em> = <em>scope</em>.setTimeout(<em>funcion</em>[, <em>retraso</em>]);
-<em>var idTimeout</em> = <em>scope</em>.setTimeout(<em>codigo</em>[, <em>retraso</em>]);
-</pre>
+### Parámetros
 
-<h3 id="Parámetros">Parámetros</h3>
+- `funcion`
+  - : Una {{jsxref("function")}} para ejecutar después de que expire el temporizador.
+- `codigo`
+  - : Una sintaxis opcional que le permite incluir una cadena en lugar de una función, la cual es compilada y ejecutada cuando el temporizador expira. Esta sintaxis **no se recomienda** por las mismas razones que hacen del uso de {{jsxref("Global_Objects/eval", "eval()")}} un riesgo de seguridad.
+- `retraso` {{optional_inline}}
+  - : Tiempo, en milisegundos (milésimas de segundo), que el temporizador debe esperar antes de ejecutar la función o el código. Si se omite este parámetro se usa el valor 0. Tenga en cuenta que el retraso real puede ser más prolongado; ver más abajo [Reasons for delays longer than specified](#reasons_for_delays_longer_than_specified).
+- `param1, ..., paramN` {{optional_inline}}
+  - : Parámetros adicionales que se pasan a la función especificada por _func_ una vez el temporizador expira.
 
-<dl>
- <dt><code>funcion</code></dt>
- <dd>Una {{jsxref("function")}} para ejecutar después de que expire el temporizador.</dd>
- <dt><code>codigo</code></dt>
- <dd>Una sintaxis opcional que le permite incluir una cadena en lugar de una función, la cual es compilada y ejecutada cuando el temporizador expira. Esta sintaxis <strong>no se recomienda</strong> por las mismas razones que hacen del uso de {{jsxref("Global_Objects/eval", "eval()")}} un riesgo de seguridad.</dd>
- <dt><code>retraso</code> {{optional_inline}}</dt>
- <dd>Tiempo, en milisegundos  (milésimas de segundo), que el temporizador debe esperar antes de ejecutar la función o el código. Si se omite este parámetro se usa el valor 0. Tenga en cuenta que el retraso real puede ser más prolongado; ver más abajo <a href="#reasons_for_delays_longer_than_specified">Reasons for delays longer than specified</a>.</dd>
- <dt><code>param1, ..., paramN</code> {{optional_inline}}</dt>
- <dd>Parámetros adicionales que se pasan a la función especificada por  <em>func</em> una vez el temporizador expira.</dd>
-</dl>
+> **Nota:** Pasar parámetros adicionales a la función en la primera sintaxis no funciona en Internet Explorer 9 o inferior. Si quiere habilitar esta funcionalidad en ese navegador, debe usar un código de compatibilidad (vea la sección [Callback arguments](#Callback_arguments)).
 
-<div class="note"><strong>Nota:</strong> Pasar parámetros adicionales a la función en la primera sintaxis no funciona en Internet Explorer 9 o inferior. Si quiere habilitar esta funcionalidad en ese navegador,  debe usar un código de compatibilidad (vea la sección <a href="#Callback_arguments">Callback arguments</a>).</div>
+### Valor retornado
 
-<h3 id="Valor_retornado">Valor retornado</h3>
+El valor retornado `IDtemporizador` es númerico y no es cero; identifica el temporizador creado con la llamada a `setTimeout()`; este valor puede pasarse a {{domxref("WindowOrWorkerGlobalScope.clearTimeout()")}} para cancelar el temporizador.
 
-<p>El valor retornado <code>IDtemporizador</code> es númerico y no es cero; identifica el temporizador creado con la llamada a <code>setTimeout()</code>; este valor puede pasarse a {{domxref("WindowOrWorkerGlobalScope.clearTimeout()")}} para cancelar el temporizador.</p>
+Puede ser útil advertir que `setTimeout()` y {{domxref("WindowOrWorkerGlobalScope.setInterval", "setInterval()")}} comparten la misma piscina de IDs, y que tanto `clearTimeout()` como {{domxref("WindowOrWorkerGlobalScope.clearInterval", "clearInterval()")}} pueden intercambiarse. Por claridad, sin embargo, debe hacerlos coincidir para evitar confusiones cuando mantenga su código.
 
-<p>Puede ser útil advertir que  <code>setTimeout()</code> y {{domxref("WindowOrWorkerGlobalScope.setInterval", "setInterval()")}} comparten la misma piscina de IDs, y que tanto <code>clearTimeout()</code> como {{domxref("WindowOrWorkerGlobalScope.clearInterval", "clearInterval()")}} pueden intercambiarse.  Por claridad, sin embargo,  debe hacerlos coincidir para evitar confusiones cuando mantenga su código.</p>
+## Ejemplo
 
-<h2 id="Example" name="Example">Ejemplo</h2>
+El siguiente ejemplo establece dos botenes simples en una página web y los engancha a las rutinas `setTimeout()` y `clearTimeout()`. Presionando el primer botón establecerá un temporizador que llama un diálogo de alerta después de dos segundos y guarda el id del temporizador para usarlo con `clearTimeout()`. Opcionalmente puede cancelar este temporizador presionando el segundo botón.
 
-<p>El siguiente ejemplo establece dos botenes simples en una página web y los engancha a las rutinas <code>setTimeout()</code> y <code>clearTimeout()</code>. Presionando el primer botón establecerá un temporizador que llama un diálogo de alerta después de dos segundos y guarda el id del temporizador para usarlo con <code>clearTimeout()</code>. Opcionalmente puede cancelar este temporizador presionando el segundo botón.</p>
+### Contenido HTML
 
-<h3 id="Contenido_HTML">Contenido HTML</h3>
+```html
+<p>Ejemplo funcional</p>
+<button onclick="delayedAlert();">Muestra una caja de alerta después de dos segundos</button>
+<p></p>
+<button onclick="clearAlert();">Cancela la alerta antes de que ocurra</button>
+```
 
-<pre class="brush: html">&lt;p&gt;Ejemplo funcional&lt;/p&gt;
-&lt;button onclick="delayedAlert();"&gt;Muestra una caja de alerta después de dos segundos&lt;/button&gt;
-&lt;p&gt;&lt;/p&gt;
-&lt;button onclick="clearAlert();"&gt;Cancela la alerta antes de que ocurra&lt;/button&gt;
-</pre>
+### Contenido JavaScript
 
-<h3 id="Contenido_JavaScript">Contenido JavaScript</h3>
-
-<pre class="brush: js">var timeoutID;
+```js
+var timeoutID;
 
 function delayedAlert() {
   timeoutID = window.setTimeout(slowAlert, 2000);
@@ -69,17 +69,18 @@ function slowAlert() {
 function clearAlert() {
   window.clearTimeout(timeoutID);
 }
-</pre>
+```
 
-<p>{{ EmbedLiveSample('Example') }}</p>
+{{ EmbedLiveSample('Example') }}
 
-<p>Vea también <a href="/en-US/docs/DOM/window.clearTimeout#Example" title="en-US/docs/DOM/window.clearTimeout#Example"><code>clearTimeout()</code> example</a>.</p>
+Vea también [`clearTimeout()` example](/es/docs/DOM/window.clearTimeout#Example "en-US/docs/DOM/window.clearTimeout#Example").
 
-<h2 id="Callback_arguments">Callback arguments</h2>
+## Callback arguments
 
-<p>Si necesita pasar un argumento a su función callback, pero necesita que funcione en Internet Explorer, que no soporta el envío de parámetros adicionales (ni con <code>setTimeout()</code> o <code>setInterval()</code>) usted puede incluir este código de compatibilidad <em>IE-specific</em> que habilitará la funcionalidad estándar de HTML5 para pasar los parámetros adicionales en ese navegador para ambos temporizadores solamente insertandolo al inicio de sus scripts.</p>
+Si necesita pasar un argumento a su función callback, pero necesita que funcione en Internet Explorer, que no soporta el envío de parámetros adicionales (ni con `setTimeout()` o `setInterval()`) usted puede incluir este código de compatibilidad _IE-specific_ que habilitará la funcionalidad estándar de HTML5 para pasar los parámetros adicionales en ese navegador para ambos temporizadores solamente insertandolo al inicio de sus scripts.
 
-<pre class="brush: js">/*\
+```js
+/*\
 |*|
 |*|  IE-specific polyfill which enables the passage of arbitrary arguments to the
 |*|  callback functions of JavaScript timers (HTML5 standard syntax).
@@ -94,7 +95,7 @@ function clearAlert() {
 |*|
 \*/
 
-if (document.all &amp;&amp; !window.setTimeout.isPolyfill) {
+if (document.all && !window.setTimeout.isPolyfill) {
   var __nativeST__ = window.setTimeout;
   window.setTimeout = function (vCallback, nDelay /*, argumentToPass1, argumentToPass2, etc. */) {
     var aArgs = Array.prototype.slice.call(arguments, 2);
@@ -105,7 +106,7 @@ if (document.all &amp;&amp; !window.setTimeout.isPolyfill) {
   window.setTimeout.isPolyfill = true;
 }
 
-if (document.all &amp;&amp; !window.setInterval.isPolyfill) {
+if (document.all && !window.setInterval.isPolyfill) {
   var __nativeSI__ = window.setInterval;
   window.setInterval = function (vCallback, nDelay /*, argumentToPass1, argumentToPass2, etc. */) {
     var aArgs = Array.prototype.slice.call(arguments, 2);
@@ -115,56 +116,61 @@ if (document.all &amp;&amp; !window.setInterval.isPolyfill) {
   };
   window.setInterval.isPolyfill = true;
 }
-</pre>
+```
 
-<h2 id="Arreglo_solo_para_IE">Arreglo solo para IE</h2>
+## Arreglo solo para IE
 
-<p>Si quiere una solución completamente no intrusiva con otros navegadores móviles o de escritorio, incluyendo IE 9 y superior, puede usar los comentarios condicionales de JavaScript:</p>
+Si quiere una solución completamente no intrusiva con otros navegadores móviles o de escritorio, incluyendo IE 9 y superior, puede usar los comentarios condicionales de JavaScript:
 
-<pre class="brush: js">/*@cc_on
-  // conditional IE &lt; 9 only fix
-  @if (@_jscript_version &lt;= 6)
+```js
+/*@cc_on
+  // conditional IE < 9 only fix
+  @if (@_jscript_version <= 6)
   (function(f){
      window.setTimeout =f(window.setTimeout);
      window.setInterval =f(window.setInterval);
   })(function(f){return function(c,t){var a=[].slice.call(arguments,2);return f(function(){c.apply(this,a)},t)}});
   @end
 @*/
-</pre>
+```
 
-<p>O usar un enfoque más limpio basado en el condicional para IE de HTML:</p>
+O usar un enfoque más limpio basado en el condicional para IE de HTML:
 
-<pre class="brush: html">&lt;!--[if lt IE 9]&gt;&lt;script&gt;
+```html
+<!--[if lt IE 9]><script>
 (function(f){
 window.setTimeout =f(window.setTimeout);
 window.setInterval =f(window.setInterval);
 })(function(f){return function(c,t){
 var a=[].slice.call(arguments,2);return f(function(){c.apply(this,a)},t)}
 });
-&lt;/script&gt;&lt;![endif]--&gt;
-</pre>
+</script><![endif]-->
+```
 
-<p>Otra posibilidad es usar una función anónima para llamar el callback, pero esta solución es un poco más costosa. Ejemplo:</p>
+Otra posibilidad es usar una función anónima para llamar el callback, pero esta solución es un poco más costosa. Ejemplo:
 
-<pre class="brush: js">var intervalID = setTimeout(function() { myFunc("uno", "dos", "tres"); }, 1000);
-</pre>
+```js
+var intervalID = setTimeout(function() { myFunc("uno", "dos", "tres"); }, 1000);
+```
 
-<p>Sin embargo, otra posibilidad es usar <a href="https://developer.mozilla.org/en-US/docs/JavaScript/Reference/Global_Objects/Function/bind" title="/en-US/docs/JavaScript/Reference/Global_Objects/Function/bind">function's bind</a>. Ejemplo:</p>
+Sin embargo, otra posibilidad es usar [function's bind](/es/docs/JavaScript/Reference/Global_Objects/Function/bind "/en-US/docs/JavaScript/Reference/Global_Objects/Function/bind"). Ejemplo:
 
-<pre class="brush: js">setTimeout(function(arg1){}.bind(undefined, 10));
-</pre>
+```js
+setTimeout(function(arg1){}.bind(undefined, 10));
+```
 
-<h2 id="El_problema_this">El problema "<code>this</code>"</h2>
+## El problema "`this`"
 
-<p>Cuando pasa un método a <code>setTimeout()</code> (o cualquier otra función , por el estilo), podría ser invocada con el valor de <code>this</code> equivocado. Este problema es explicado en detalle en la <a href="/en-US/docs/JavaScript/Reference/Operators/this#Method_binding" title="en-US/docs/Core_JavaScript_1.5_Reference/Operators/Special_Operators/this_Operator#Method_binding">referencia de JavaScript</a>.</p>
+Cuando pasa un método a `setTimeout()` (o cualquier otra función , por el estilo), podría ser invocada con el valor de `this` equivocado. Este problema es explicado en detalle en la [referencia de JavaScript](/es/docs/JavaScript/Reference/Operators/this#Method_binding "en-US/docs/Core_JavaScript_1.5_Reference/Operators/Special_Operators/this_Operator#Method_binding").
 
-<h3 id="Explicación">Explicación</h3>
+### Explicación
 
-<p>El código ejecutado por <code>setTimeout()</code> corre en un contexto de ejecución diferente al de la función por la que fue llamado. Como consecuencia, la palabra clave <code>this para la función llamada </code>será asignado al objeto <code>window</code> (o <code>global</code>); no tendrá el mismo valor del <code>this</code> de la función que llamó al <code>setTimeout</code>. Vea el siguiente ejemplo:</p>
+El código ejecutado por `setTimeout()` corre en un contexto de ejecución diferente al de la función por la que fue llamado. Como consecuencia, la palabra clave `this para la función llamada `será asignado al objeto `window` (o `global`); no tendrá el mismo valor del `this` de la función que llamó al `setTimeout`. Vea el siguiente ejemplo:
 
-<pre class="brush: js">myArray = ["cero", "uno", "dos"];
+```js
+myArray = ["cero", "uno", "dos"];
 myArray.myMethod = function (sProperty) {
-    alert(arguments.length &gt; 0 ? this[sProperty] : this);
+    alert(arguments.length > 0 ? this[sProperty] : this);
 };
 
 myArray.myMethod(); // imprime "cero,uno,dos"
@@ -173,15 +179,17 @@ setTimeout(myArray.myMethod, 1000); // imprime "[object Window]" después de 1 s
 setTimeout(myArray.myMethod, 1500, "1"); // imprime "undefined" después de 1.5 segundos
 // intentemos pasar el objeto 'this'
 setTimeout.call(myArray, myArray.myMethod, 2000); // error: "NS_ERROR_XPC_BAD_OP_ON_WN_PROTO: Illegal operation on WrappedNative prototype object"
-setTimeout.call(myArray, myArray.myMethod, 2500, 2); // mismo error</pre>
+setTimeout.call(myArray, myArray.myMethod, 2500, 2); // mismo error
+```
 
-<p>Como puedes ver no hay forma de pasar el objeto <code>this</code> a la función callback.</p>
+Como puedes ver no hay forma de pasar el objeto `this` a la función callback.
 
-<h3 id="Una_posible_solución">Una posible solución</h3>
+### Una posible solución
 
-<p>Una posible forma de resolver el problema del "<code>this</code>" es reemplazar las dos funciones globales nativas <code>setTimeout()</code> or <code>setInterval()por dos no-nativas<em> </em> </code>que permitan su invocación a través del método <a href="en-US/docs/JavaScript/Reference/Global_Objects/Function/call" title="en-US/docs/JavaScript/Reference/Global_Objects/Function/call"><code>Function.prototype.call</code></a>. El siguiente ejemplo muestra un posible reemplazo:</p>
+Una posible forma de resolver el problema del "`this`" es reemplazar las dos funciones globales nativas `setTimeout()` or `setInterval()por dos no-nativas `que permitan su invocación a través del método [`Function.prototype.call`](en-US/docs/JavaScript/Reference/Global_Objects/Function/call). El siguiente ejemplo muestra un posible reemplazo:
 
-<pre class="brush: js">// Enable the passage of the 'this' object through the JavaScript timers
+```js
+// Enable the passage of the 'this' object through the JavaScript timers
 
 var __nativeST__ = window.setTimeout, __nativeSI__ = window.setInterval;
 
@@ -197,78 +205,78 @@ window.setInterval = function (vCallback, nDelay /*, argumentToPass1, argumentTo
   return __nativeSI__(vCallback instanceof Function ? function () {
     vCallback.apply(oThis, aArgs);
   } : vCallback, nDelay);
-};</pre>
+};
+```
 
-<div class="note"><strong>Nota:</strong> Estos dos reemplazos habilitarán el estándar HTML5 para el paso de argumentos arbitrarios a las funciones callback de los temporizadores en IE. Pueden usarse como polyfills también. Vea el párrafo <a href="#Callback_arguments">Callback arguments</a>.</div>
+> **Nota:** Estos dos reemplazos habilitarán el estándar HTML5 para el paso de argumentos arbitrarios a las funciones callback de los temporizadores en IE. Pueden usarse como polyfills también. Vea el párrafo [Callback arguments](#Callback_arguments).
 
-<p>Prueba de la nueva característica:</p>
+Prueba de la nueva característica:
 
-<pre class="brush: js">myArray = ["zero", "one", "two"];
+```js
+myArray = ["zero", "one", "two"];
 myArray.myMethod = function (sProperty) {
-    alert(arguments.length &gt; 0 ? this[sProperty] : this);
+    alert(arguments.length > 0 ? this[sProperty] : this);
 };
 
 setTimeout(alert, 1500, "Hello world!"); // the standard use of setTimeout and setInterval is preserved, but...
 setTimeout.call(myArray, myArray.myMethod, 2000); // prints "zero,one,two" after 2 seconds
 setTimeout.call(myArray, myArray.myMethod, 2500, 2); // prints "two" after 2.5 seconds
-</pre>
+```
 
-<p>No hay soluciones nativas <em>ad hoc</em> a este problema.</p>
+No hay soluciones nativas _ad hoc_ a este problema.
 
-<div class="note"><strong>Nota:</strong> JavaScript 1.8.5 introduce el método <code><a href="/en-US/docs/JavaScript/Reference/Global_Objects/Function/bind" title="en-US/docs/JavaScript/Reference/Global Objects/Function/bind">Function.prototype.bind(</a></code>, que permite especificar el valor que debería usarse como <code>this</code> para todas las llamadas a una función dada. Esto permite evitar fácilmente los problemas en los que no es claro que será, dependiendo del contexto desde el cual la función sea llamada.</div>
+> **Nota:** JavaScript 1.8.5 introduce el método [`Function.prototype.bind(`](/en-US/docs/JavaScript/Reference/Global_Objects/Function/bind "en-US/docs/JavaScript/Reference/Global Objects/Function/bind"), que permite especificar el valor que debería usarse como `this` para todas las llamadas a una función dada. Esto permite evitar fácilmente los problemas en los que no es claro que será, dependiendo del contexto desde el cual la función sea llamada.
 
-<h2 id="Notas">Notas</h2>
+## Notas
 
-<p>Puede cancelar el temporizador usando <code><a href="/en-US/docs/DOM/window.clearTimeout" title="en-US/docs/DOM/window.clearTimeout">window.clearTimeout()</a></code>. Si desea tener una función llamada repetidamente (p.e., cada N milisegundos), considere usar <code><a href="/en-US/docs/DOM/window.setInterval" title="en-US/docs/DOM/window.setInterval">window.setInterval()</a></code>.</p>
+Puede cancelar el temporizador usando [`window.clearTimeout()`](/en-US/docs/DOM/window.clearTimeout "en-US/docs/DOM/window.clearTimeout"). Si desea tener una función llamada repetidamente (p.e., cada N milisegundos), considere usar [`window.setInterval()`](/en-US/docs/DOM/window.setInterval "en-US/docs/DOM/window.setInterval").
 
-<p>Es importante notar que la función o fragmento de código no puede ser ejecutado hasta que el hilo que llamó <code>setTimeout()</code>haya terminado.</p>
+Es importante notar que la función o fragmento de código no puede ser ejecutado hasta que el hilo que llamó `setTimeout()`haya terminado.
 
-<h3 id="Pasando_cadenas_literales">Pasando cadenas literales</h3>
+### Pasando cadenas literales
 
-<p>Pasando una cadena en vez de una función a <code>setTimeout()</code>pasa lo mismo que al usar <code><a href="/en-US/docs/JavaScript/Reference/Global_Objects/eval#Don.27t_use_eval.21" title="https://developer.mozilla.org/en-US/docs/JavaScript/Reference/Global_Objects/eval">eval</a>. </code></p>
+Pasando una cadena en vez de una función a `setTimeout()`pasa lo mismo que al usar `eval.`
 
-<pre class="brush: js">// Correcto
+```js
+// Correcto
 window.setTimeout(function() {
     alert("Hello World!");
 }, 500);
 
 // Incorrecto
 window.setTimeout("alert(\"Hello World!\");", 500);
+```
 
-</pre>
-
-<p>Las cadenas literales son evaluadas en el contexto global, así que los símbolos locales en el contexto donde <code>setTimeout()</code> fue llamado no estarán disponibles cuando la cadena es evaluada como código.</p>
+Las cadenas literales son evaluadas en el contexto global, así que los símbolos locales en el contexto donde `setTimeout()` fue llamado no estarán disponibles cuando la cadena es evaluada como código.
 
-<h3 id="Minimum_maximum_delay_and_timeout_nesting">Minimum/ maximum delay and timeout nesting</h3>
+### Minimum/ maximum delay and timeout nesting
 
-<p><a class="external" href="http://code.google.com/p/chromium/issues/detail?id=792#c10">Historically</a> browsers implement <code>setTimeout()</code> "clamping": successive <code>setTimeout()</code> calls with <code>delay</code> smaller than the "minimum delay" limit are forced to use at least the minimum delay. The minimum delay, <code>DOM_MIN_TIMEOUT_VALUE</code>, is 4 ms (stored in a preference in Firefox: <code>dom.min_timeout_value</code>), with a <code>DOM_CLAMP_TIMEOUT_NESTING_LEVEL</code> of 5ms.</p>
+[Historically](http://code.google.com/p/chromium/issues/detail?id=792#c10) browsers implement `setTimeout()` "clamping": successive `setTimeout()` calls with `delay` smaller than the "minimum delay" limit are forced to use at least the minimum delay. The minimum delay, `DOM_MIN_TIMEOUT_VALUE`, is 4 ms (stored in a preference in Firefox: `dom.min_timeout_value`), with a `DOM_CLAMP_TIMEOUT_NESTING_LEVEL` of 5ms.
 
-<p>In fact, 4ms is <a class="external" href="http://www.whatwg.org/specs/web-apps/current-work/multipage/timers.html#timers">specified by the HTML5 spec</a> and is consistent across browsers released in 2010 and onward. Prior to {{ geckoRelease("5.0") }}, the minimum timeout value for nested timeouts was 10 ms.</p>
+In fact, 4ms is [specified by the HTML5 spec](http://www.whatwg.org/specs/web-apps/current-work/multipage/timers.html#timers) and is consistent across browsers released in 2010 and onward. Prior to {{ geckoRelease("5.0") }}, the minimum timeout value for nested timeouts was 10 ms.
 
-<p>In addition to "clamping", the timeout can also fire later when the page (or the OS/browser itself) is busy with other tasks.</p>
+In addition to "clamping", the timeout can also fire later when the page (or the OS/browser itself) is busy with other tasks.
 
-<p>To implement a 0 ms timeout in a modern browser, you can use {{ domxref("window.postMessage()") }} as <a class="external" href="http://dbaron.org/log/20100309-faster-timeouts">described here</a>.</p>
+To implement a 0 ms timeout in a modern browser, you can use {{ domxref("window.postMessage()") }} as [described here](http://dbaron.org/log/20100309-faster-timeouts).
 
-<p>Browsers including Internet Explorer, Chrome, Safari, and Firefox store the delay as a 32-bit signed Integer internally. This causes an Integer overflow when using delays larger than 2147483647, resulting in the timeout being executed immediately.</p>
+Browsers including Internet Explorer, Chrome, Safari, and Firefox store the delay as a 32-bit signed Integer internally. This causes an Integer overflow when using delays larger than 2147483647, resulting in the timeout being executed immediately.
 
-<h4 id="Inactive_tabs">Inactive tabs</h4>
+#### Inactive tabs
 
-<p>In {{ geckoRelease("5.0") }} and Chrome 11, timeouts are clamped to firing no more often than once per second (1000ms) in inactive tabs; see {{ bug(633421) }} for more information about this in Mozilla or <a class="external" href="http://crbug.com/66078">crbug.com/66078</a> for details about this in Chrome.</p>
+In {{ geckoRelease("5.0") }} and Chrome 11, timeouts are clamped to firing no more often than once per second (1000ms) in inactive tabs; see {{ bug(633421) }} for more information about this in Mozilla or [crbug.com/66078](http://crbug.com/66078) for details about this in Chrome.
 
-<h2 id="Compatibilidad_de_navegadores">Compatibilidad de navegadores</h2>
+## Compatibilidad de navegadores
 
 {{Compat("api.setTimeout")}}
 
-<h2 id="Specification" name="Specification">Especificación</h2>
+## Especificación
 
-<p>Parte del DOM nivel 0, como se especifica en <a class="external" href="http://www.whatwg.org/specs/web-apps/current-work/multipage/browsers.html#timers">HTML5</a>.</p>
+Parte del DOM nivel 0, como se especifica en [HTML5](http://www.whatwg.org/specs/web-apps/current-work/multipage/browsers.html#timers).
 
-<h2 id="See_also" name="See_also">Vea también</h2>
+## Vea también
 
-<ul>
- <li><a href="/en-US/docs/JavaScript/Timers" title="/en-US/docs/JavaScript/Timers">JavaScript timers</a></li>
- <li><a href="/en-US/docs/Mozilla/JavaScript_code_modules/Timer.jsm" title="/en-US/docs/Mozilla/JavaScript_code_modules/Timer.jsm">Timer.jsm</a></li>
- <li>{{domxref("window.setInterval")}}</li>
- <li>{{domxref("window.requestAnimationFrame")}}</li>
- <li><a href="/en-US/docs/JavaScript/Timers/Daemons" title="/en-US/docs/JavaScript/Timers/Daemons"><em>Daemons</em> management</a></li>
-</ul>
+- [JavaScript timers](/es/docs/JavaScript/Timers)
+- [Timer.jsm](/es/docs/Mozilla/JavaScript_code_modules/Timer.jsm)
+- {{domxref("window.setInterval")}}
+- {{domxref("window.requestAnimationFrame")}}
+- [_Daemons_ management](/es/docs/JavaScript/Timers/Daemons)
diff --git a/files/es/web/api/storage/clear/index.md b/files/es/web/api/storage/clear/index.md
index 46fd0e76a89f81..c03f1a412c815d 100644
--- a/files/es/web/api/storage/clear/index.md
+++ b/files/es/web/api/storage/clear/index.md
@@ -9,63 +9,50 @@ tags:
   - sessionStorage
 translation_of: Web/API/Storage/clear
 ---
-<p>{{APIRef("Web Storage API")}}</p>
+{{APIRef("Web Storage API")}}
 
-<p>El método <code>clear()</code> de la interfaz {{domxref("Storage")}}, al invocarlo, elimina todos los registros del almacen local.</p>
+El método `clear()` de la interfaz {{domxref("Storage")}}, al invocarlo, elimina todos los registros del almacen local.
 
-<h2 id="Sintaxis">Sintaxis</h2>
+## Sintaxis
 
-<pre class="brush: js"><em>storage</em>.clear();</pre>
+```js
+storage.clear();
+```
 
-<h3 id="Parámetros">Parámetros</h3>
+### Parámetros
 
-<p><em>No recibe parámetros.</em></p>
+_No recibe parámetros._
 
-<h3 id="Devuelve">Devuelve</h3>
+### Devuelve
 
-<p><em>No devuelve ningún valor.</em></p>
+_No devuelve ningún valor._
 
-<p> </p>
+## Ejemplo
 
-<h2 id="Ejemplo">Ejemplo</h2>
+La siguiente función crea tres elementos con datos dentro del almacen local, seguidamente, los elimina usando `clear()`.
 
-<p> </p>
-
-<p>La siguiente función crea tres elementos con datos dentro del almacen local, seguidamente, los elimina usando <code>clear()</code>.</p>
-
-<pre class="brush: js">function populateStorage() {
+```js
+function populateStorage() {
   localStorage.setItem('bgcolor', 'red');
   localStorage.setItem('font', 'Helvetica');
   localStorage.setItem('image', 'myCat.png');
 
   localStorage.clear();
-}</pre>
-
-<div class="note">
-<p><strong>Nota</strong>: Para ver un ejemplo real, vea nuestro <a href="https://github.com/mdn/web-storage-demo">Web Storage Demo</a>.</p>
-</div>
-
-<h2 id="Especificaciones">Especificaciones</h2>
-
-<table class="standard-table">
- <tbody>
-  <tr>
-   <th scope="col">Especificación</th>
-   <th scope="col">Estado</th>
-   <th scope="col">Comentario</th>
-  </tr>
-  <tr>
-   <td>{{SpecName('Web Storage', '#dom-storage-clear', 'clear()')}}</td>
-   <td>{{Spec2('Web Storage')}}</td>
-   <td> </td>
-  </tr>
- </tbody>
-</table>
-
-<h2 id="Compatibilidad_en_navegadores">Compatibilidad en navegadores</h2>
+}
+```
+
+> **Nota:** Para ver un ejemplo real, vea nuestro [Web Storage Demo](https://github.com/mdn/web-storage-demo).
+
+## Especificaciones
+
+| Especificación                                                                   | Estado                           | Comentario |
+| -------------------------------------------------------------------------------- | -------------------------------- | ---------- |
+| {{SpecName('Web Storage', '#dom-storage-clear', 'clear()')}} | {{Spec2('Web Storage')}} |            |
+
+## Compatibilidad en navegadores
 
 {{Compat("api.Storage.clear")}}
 
-<h2 id="Vea_también">Vea también</h2>
+## Vea también
 
-<p><a href="/en-US/docs/Web/API/Web_Storage_API/Using_the_Web_Storage_API">Uso de la Web Storage API</a></p>
+[Uso de la Web Storage API](/es/docs/Web/API/Web_Storage_API/Using_the_Web_Storage_API)
diff --git a/files/es/web/api/storage/getitem/index.md b/files/es/web/api/storage/getitem/index.md
index 2eff321564df24..91feaead902f0a 100644
--- a/files/es/web/api/storage/getitem/index.md
+++ b/files/es/web/api/storage/getitem/index.md
@@ -11,31 +11,31 @@ tags:
   - metodo
 translation_of: Web/API/Storage/getItem
 ---
-<p>{{APIRef("Web Storage API")}}</p>
+{{APIRef("Web Storage API")}}
 
-<p>El método <code>getItem()</code> de la interfaz {{domxref("Storage")}} devuelve el valor de la clave cuyo nombre se le pasa por parámetro.</p>
+El método `getItem()` de la interfaz {{domxref("Storage")}} devuelve el valor de la clave cuyo nombre se le pasa por parámetro.
 
-<h2 id="Sintaxis">Sintaxis</h2>
+## Sintaxis
 
-<pre class="syntaxbox">var <em>aValue</em> = <em>storage</em>.getItem(<em>keyName</em>);
-</pre>
+```
+var aValue = storage.getItem(keyName);
+```
 
-<h3 id="Parámetros">Parámetros</h3>
+### Parámetros
 
-<dl>
- <dt><em><code>keyName</code></em></dt>
- <dd>Una {{domxref("DOMString")}} que contiene el nombre de la clave cuyo valor se quiere obtener.</dd>
-</dl>
+- _`keyName`_
+  - : Una {{domxref("DOMString")}} que contiene el nombre de la clave cuyo valor se quiere obtener.
 
-<h3 id="Devuelve">Devuelve</h3>
+### Devuelve
 
-<p>Una {{domxref("DOMString")}} que contiene el valor de la clave. Si la clave no existe, devuelve <code>null</code>.</p>
+Una {{domxref("DOMString")}} que contiene el valor de la clave. Si la clave no existe, devuelve `null`.
 
-<h2 id="Ejemplo">Ejemplo</h2>
+## Ejemplo
 
-<p>La siguiente función toma 3 elementos del almacenamiento local (local storage) y los utiliza para establecer estilos personalizados en una página.</p>
+La siguiente función toma 3 elementos del almacenamiento local (local storage) y los utiliza para establecer estilos personalizados en una página.
 
-<pre class="brush: js">function setStyles() {
+```js
+function setStyles() {
   var currentColor = localStorage.getItem('bgcolor');
   var currentFont = localStorage.getItem('font');
   var currentImage = localStorage.getItem('image');
@@ -47,33 +47,21 @@ translation_of: Web/API/Storage/getItem
   htmlElem.style.backgroundColor = '#' + currentColor;
   pElem.style.fontFamily = currentFont;
   imgElem.setAttribute('src', currentImage);
-}</pre>
-
-<div class="note">
-<p><strong>Nota</strong>: Para ver esto utilizado en un ejemplo real, vea nuestra <a href="https://github.com/mdn/web-storage-demo">Demo de Web Storage</a>.</p>
-</div>
-
-<h2 id="Especificaciones">Especificaciones</h2>
-
-<table class="standard-table">
- <tbody>
-  <tr>
-   <th scope="col">Especificación</th>
-   <th scope="col">Estado</th>
-   <th scope="col">Comentarios</th>
-  </tr>
-  <tr>
-   <td>{{SpecName('Web Storage', '#dom-storage-getitem', 'getItem()')}}</td>
-   <td>{{Spec2('Web Storage')}}</td>
-   <td> </td>
-  </tr>
- </tbody>
-</table>
-
-<h2 id="Compatibilidad_con_navegadores">Compatibilidad con navegadores</h2>
+}
+```
+
+> **Nota:** Para ver esto utilizado en un ejemplo real, vea nuestra [Demo de Web Storage](https://github.com/mdn/web-storage-demo).
+
+## Especificaciones
+
+| Especificación                                                                       | Estado                           | Comentarios |
+| ------------------------------------------------------------------------------------ | -------------------------------- | ----------- |
+| {{SpecName('Web Storage', '#dom-storage-getitem', 'getItem()')}} | {{Spec2('Web Storage')}} |             |
+
+## Compatibilidad con navegadores
 
 {{Compat("api.Storage.getItem")}}
 
-<h2 id="Vea_también">Vea también</h2>
+## Vea también
 
-<p><a href="/en-US/docs/Web/API/Web_Storage_API/Using_the_Web_Storage_API">Utilizando la API de Web Storage</a></p>
+[Utilizando la API de Web Storage](/es/docs/Web/API/Web_Storage_API/Using_the_Web_Storage_API)
diff --git a/files/es/web/api/storage/index.md b/files/es/web/api/storage/index.md
index 51a4ef32d8c317..76d6f63d9073ec 100644
--- a/files/es/web/api/storage/index.md
+++ b/files/es/web/api/storage/index.md
@@ -11,42 +11,39 @@ tags:
   - data
 translation_of: Web/API/Storage
 ---
-<p>{{APIRef("Web Storage API")}}</p>
+{{APIRef("Web Storage API")}}
 
-<p>La interfaz <code>Storage</code> de la API de almacenamiento web provee acceso al almacenamiento de la sesión o al almacenamiento local para un dominio en particular, permitiéndote por ejemplo añadir, modificar o eliminar elementos de dato almacenados.</p>
+La interfaz `Storage` de la API de almacenamiento web provee acceso al almacenamiento de la sesión o al almacenamiento local para un dominio en particular, permitiéndote por ejemplo añadir, modificar o eliminar elementos de dato almacenados.
 
-<p>Si deseas manipular el almacenamiento de sesión para un dominio, debes llamar al método {{domxref("Window.sessionStorage")}}; Si deseas manipular el almacenamiento local para un dominio, debes llamar a {{domxref("Window.localStorage")}}.</p>
+Si deseas manipular el almacenamiento de sesión para un dominio, debes llamar al método {{domxref("Window.sessionStorage")}}; Si deseas manipular el almacenamiento local para un dominio, debes llamar a {{domxref("Window.localStorage")}}.
 
-<h2 id="Propiedades">Propiedades</h2>
+## Propiedades
 
-<dl>
- <dt>{{domxref("Storage.length")}} {{readonlyInline}}</dt>
- <dd>Retorna un entero que representa el número de elementos almacenados en el objeto<code> Storage</code>.</dd>
-</dl>
+- {{domxref("Storage.length")}} {{readonlyInline}}
+  - : Retorna un entero que representa el número de elementos almacenados en el objeto` Storage`.
 
-<h2 id="Métodos">Métodos</h2>
+## Métodos
 
-<dl>
- <dt>{{domxref("Storage.key()")}}</dt>
- <dd>Cuando se le pasa un número n, éste método retorna el nombre de la enésima clave en el almacenamiento.</dd>
-</dl>
+- {{domxref("Storage.key()")}}
+  - : Cuando se le pasa un número n, éste método retorna el nombre de la enésima clave en el almacenamiento.
 
-<dl>
- <dt>{{domxref("Storage.getItem()")}}</dt>
- <dd>Cuando se le pasa un nombre de clave, retorna el valor de esa clave.</dd>
- <dt>{{domxref("Storage.setItem()")}}</dt>
- <dd>Cuando se le pasa un nombre de clave y un valor, añade dicha clave al almacenamiento, o la actualiza el valor de la clave si ya existe.</dd>
- <dt>{{domxref("Storage.removeItem()")}}</dt>
- <dd>Cuando se le pasa el nombre de una clave, eliminará dicha clave del almacenamiento.</dd>
- <dt>{{domxref("Storage.clear()")}}</dt>
- <dd>Cuando es invocado vacía todas las claves del almacenamiento.</dd>
-</dl>
+<!---->
 
-<h2 id="Ejemplos">Ejemplos</h2>
+- {{domxref("Storage.getItem()")}}
+  - : Cuando se le pasa un nombre de clave, retorna el valor de esa clave.
+- {{domxref("Storage.setItem()")}}
+  - : Cuando se le pasa un nombre de clave y un valor, añade dicha clave al almacenamiento, o la actualiza el valor de la clave si ya existe.
+- {{domxref("Storage.removeItem()")}}
+  - : Cuando se le pasa el nombre de una clave, eliminará dicha clave del almacenamiento.
+- {{domxref("Storage.clear()")}}
+  - : Cuando es invocado vacía todas las claves del almacenamiento.
 
-<p>Aquí tenemos un objeto <code>Storage</code> al llamar a <code>localStorage</code>. Primero probamos si el almacenamiento local contiene elementos de dato usando <code>!localStorage.getItem('bgcolor')</code>. Si lo hace, ejecutamos una función llamada <code>setStyles()</code> que obtiene los elementos usando {{domxref("localStorage.getItem()")}} y utiliza dichos valores para actualizar los estilos de la página. Si no, ejecutamos otra función, <code>populateStorage()</code>, que utiliza {{domxref("localStorage.setItem()")}} para definir los valores de los elementos, luego ejecuta <code>setStyles()</code>.</p>
+## Ejemplos
 
-<pre class="brush: js">if(!localStorage.getItem('bgcolor')) {
+Aquí tenemos un objeto `Storage` al llamar a `localStorage`. Primero probamos si el almacenamiento local contiene elementos de dato usando `!localStorage.getItem('bgcolor')`. Si lo hace, ejecutamos una función llamada `setStyles()` que obtiene los elementos usando {{domxref("localStorage.getItem()")}} y utiliza dichos valores para actualizar los estilos de la página. Si no, ejecutamos otra función, `populateStorage()`, que utiliza {{domxref("localStorage.setItem()")}} para definir los valores de los elementos, luego ejecuta `setStyles()`.
+
+```js
+if(!localStorage.getItem('bgcolor')) {
   populateStorage();
 } else {
   setStyles();
@@ -72,33 +69,21 @@ function setStyles() {
   htmlElem.style.backgroundColor = '#' + currentColor;
   pElem.style.fontFamily = currentFont;
   imgElem.setAttribute('src', currentImage);
-}</pre>
-
-<div class="note">
-<p><strong>Nota</strong>: Para ver la ejecución de esto como un ejemplo funcional completo, mira nuestra <a href="https://github.com/mdn/web-storage-demo">Demo de almacenamiento web</a>.</p>
-</div>
-
-<h2 id="Especificaciones">Especificaciones</h2>
-
-<table class="standard-table">
- <tbody>
-  <tr>
-   <th scope="col">Especificación</th>
-   <th scope="col">Estado</th>
-   <th scope="col">Comentario</th>
-  </tr>
-  <tr>
-   <td>{{SpecName('Web Storage', '#the-storage-interface', 'Storage')}}</td>
-   <td>{{Spec2('Web Storage')}}</td>
-   <td> </td>
-  </tr>
- </tbody>
-</table>
-
-<h2 id="Compatibilidad_de_navegadores">Compatibilidad de navegadores</h2>
+}
+```
+
+> **Nota:** Para ver la ejecución de esto como un ejemplo funcional completo, mira nuestra [Demo de almacenamiento web](https://github.com/mdn/web-storage-demo).
+
+## Especificaciones
+
+| Especificación                                                                       | Estado                           | Comentario |
+| ------------------------------------------------------------------------------------ | -------------------------------- | ---------- |
+| {{SpecName('Web Storage', '#the-storage-interface', 'Storage')}} | {{Spec2('Web Storage')}} |            |
+
+## Compatibilidad de navegadores
 
 {{Compat("api.Storage")}}
 
-<h2 id="Ver_también">Ver también</h2>
+## Ver también
 
-<p><a href="/en-US/docs/Web/API/Web_Storage_API/Using_the_Web_Storage_API">Usar la API de almacenamiento Web</a></p>
+[Usar la API de almacenamiento Web](/es/docs/Web/API/Web_Storage_API/Using_the_Web_Storage_API)
diff --git a/files/es/web/api/storage/length/index.md b/files/es/web/api/storage/length/index.md
index a9be458c78a6ef..e80833b71af6e4 100644
--- a/files/es/web/api/storage/length/index.md
+++ b/files/es/web/api/storage/length/index.md
@@ -3,55 +3,46 @@ title: Storage.length
 slug: Web/API/Storage/length
 translation_of: Web/API/Storage/length
 ---
-<p>{{APIRef("Web Storage API")}}</p>
+{{APIRef("Web Storage API")}}
 
-<p>La propiedad de sólo lectura <code>length</code> de la interfaz {{domxref("Storage")}} devuelve un entero que indica el numero de elementos guardados en el objeto<code> Storage</code>.</p>
+La propiedad de sólo lectura `length` de la interfaz {{domxref("Storage")}} devuelve un entero que indica el numero de elementos guardados en el objeto` Storage`.
 
-<h2 id="Sintaxis">Sintaxis</h2>
+## Sintaxis
 
-<pre class="syntaxbox">var <em>aLength</em> = <em>storage</em>.length;</pre>
+```
+var aLength = storage.length;
+```
 
-<h3 id="Valor_devuelto">Valor devuelto</h3>
+### Valor devuelto
 
-<p>Entero</p>
+Entero
 
-<h2 id="Ejemplo">Ejemplo</h2>
+## Ejemplo
 
-<p>La siguiente función añade tres elementos de datos en el almacen local para el dominio actual, posteriormente, devuelve el número de elementos guardados en el almacen:</p>
+La siguiente función añade tres elementos de datos en el almacen local para el dominio actual, posteriormente, devuelve el número de elementos guardados en el almacen:
 
-<pre class="brush: js">function populateStorage() {
+```js
+function populateStorage() {
   localStorage.setItem('bgcolor', 'yellow');
   localStorage.setItem('font', 'Helvetica');
   localStorage.setItem('image', 'cats.png');
 
   localStorage.length; // should return 3
-}</pre>
-
-<div class="note">
-<p><strong>Nota</strong>: Para un ejemplo real, vea nuestro <a href="https://github.com/mdn/web-storage-demo">Web Storage Demo</a>.</p>
-</div>
-
-<h2 id="Especificaciones">Especificaciones</h2>
-
-<table class="standard-table">
- <tbody>
-  <tr>
-   <th scope="col">Especificacíon</th>
-   <th scope="col">Estado</th>
-   <th scope="col">Comentario</th>
-  </tr>
-  <tr>
-   <td>{{SpecName('Web Storage', '#dom-storage-length', 'length')}}</td>
-   <td>{{Spec2('Web Storage')}}</td>
-   <td> </td>
-  </tr>
- </tbody>
-</table>
-
-<h2 id="Compatibilidad_en_navegadores">Compatibilidad en navegadores</h2>
+}
+```
+
+> **Nota:** Para un ejemplo real, vea nuestro [Web Storage Demo](https://github.com/mdn/web-storage-demo).
+
+## Especificaciones
+
+| Especificacíon                                                                   | Estado                           | Comentario |
+| -------------------------------------------------------------------------------- | -------------------------------- | ---------- |
+| {{SpecName('Web Storage', '#dom-storage-length', 'length')}} | {{Spec2('Web Storage')}} |            |
+
+## Compatibilidad en navegadores
 
 {{Compat("api.Storage.length")}}
 
-<h2 id="Vea_también">Vea también</h2>
+## Vea también
 
-<p><a href="/en-US/docs/Web/API/Web_Storage_API/Using_the_Web_Storage_API">Uso de la Web Storage API</a></p>
+[Uso de la Web Storage API](/es/docs/Web/API/Web_Storage_API/Using_the_Web_Storage_API)
diff --git a/files/es/web/api/storage/removeitem/index.md b/files/es/web/api/storage/removeitem/index.md
index 88affb392bb6f9..3411768abe140e 100644
--- a/files/es/web/api/storage/removeitem/index.md
+++ b/files/es/web/api/storage/removeitem/index.md
@@ -11,72 +11,63 @@ tags:
   - metodo
 translation_of: Web/API/Storage/removeItem
 ---
-<p>{{APIRef("Web Storage API")}}</p>
+{{APIRef("Web Storage API")}}
 
-<p>El método <code>removeItem()</code> de la interfaz {{domxref("Storage")}} elimina la clave cuyo nombre recibe por parámetro del almacenamiento. La interfaz <code>Storage</code> de la <a href="/es/docs/Web/API/API_de_almacenamiento_web">API de almacenamiento web</a> provee acceso al almacenamiento de la sesión (<code>sessionStorage</code>) o al almacenamiento local (<code>localStorage</code>).</p>
+El método `removeItem()` de la interfaz {{domxref("Storage")}} elimina la clave cuyo nombre recibe por parámetro del almacenamiento. La interfaz `Storage` de la [API de almacenamiento web](/es/docs/Web/API/API_de_almacenamiento_web) provee acceso al almacenamiento de la sesión (`sessionStorage`) o al almacenamiento local (`localStorage`).
 
-<h2 id="Sintaxis">Sintaxis</h2>
+## Sintaxis
 
-<pre class="syntaxbox notranslate"><em>storage</em>.removeItem(<em>keyName</em>);</pre>
+```
+storage.removeItem(keyName);
+```
 
-<h3 id="Parámetros">Parámetros</h3>
+### Parámetros
 
-<dl>
- <dt><em><u>keyName</u></em></dt>
- <dd>Una {{domxref("DOMString")}} que contiene el nombre de la clave que se desea eliminar.</dd>
-</dl>
+- _**keyName**_
+  - : Una {{domxref("DOMString")}} que contiene el nombre de la clave que se desea eliminar.
 
-<h3 id="Devuelve">Devuelve</h3>
+### Devuelve
 
-<p><em>Ningún valor.</em></p>
+_Ningún valor._
 
-<h2 id="Ejemplos">Ejemplos</h2>
+## Ejemplos
 
-<p>La siguiente función crea 3 elementos dentro del almacenamiento local y después elimina el elemento <code>image</code>.</p>
+La siguiente función crea 3 elementos dentro del almacenamiento local y después elimina el elemento `image`.
 
-<pre class="brush: js notranslate">function populateStorage() {
+```js
+function populateStorage() {
   localStorage.setItem('bgcolor', 'red');
   localStorage.setItem('font', 'Helvetica');
   localStorage.setItem('image', 'myCat.png');
 
   localStorage.removeItem('image');
-}</pre>
+}
+```
 
-<p>De la misma manera se podría manipular el almacenamiento de sesión:</p>
+De la misma manera se podría manipular el almacenamiento de sesión:
 
-<pre class="brush: js notranslate">function populateSessionStorage() {
+```js
+function populateSessionStorage() {
   sessionStorage.setItem('bgcolor', 'red');
   sessionStorage.setItem('font', 'Helvetica');
   sessionStorage.setItem('image', 'myCat.png');
 
   sessionStorage.removeItem('image');
-}</pre>
-
-<div class="note">
-<p><strong>Nota</strong>: Para ver esto en un ejemplo real, vea nuestra <a href="https://github.com/mdn/web-storage-demo">Demo de Web Storage</a>.</p>
-</div>
-
-<h2 id="Especificaciones">Especificaciones</h2>
-
-<table class="standard-table">
- <tbody>
-  <tr>
-   <th scope="col">Especificación</th>
-   <th scope="col">Estado</th>
-   <th scope="col">Comentarios</th>
-  </tr>
-  <tr>
-   <td>{{SpecName('HTML WHATWG', 'webstorage.html#dom-storage-removeitem', 'Storage.removeItem')}}</td>
-   <td>{{Spec2('Web Storage')}}</td>
-   <td></td>
-  </tr>
- </tbody>
-</table>
-
-<h2 id="Compatibilidad_con_navegadores">Compatibilidad con navegadores</h2>
+}
+```
+
+> **Nota:** Para ver esto en un ejemplo real, vea nuestra [Demo de Web Storage](https://github.com/mdn/web-storage-demo).
+
+## Especificaciones
+
+| Especificación                                                                                                           | Estado                           | Comentarios |
+| ------------------------------------------------------------------------------------------------------------------------ | -------------------------------- | ----------- |
+| {{SpecName('HTML WHATWG', 'webstorage.html#dom-storage-removeitem', 'Storage.removeItem')}} | {{Spec2('Web Storage')}} |             |
+
+## Compatibilidad con navegadores
 
 {{Compat("api.Storage.removeItem")}}
 
-<h2 id="Vea_también">Vea también</h2>
+## Vea también
 
-<p><a href="https://developer.mozilla.org/en-US/docs/Web/API/Web_Storage_API/Using_the_Web_Storage_API">Utilizando la API de Web Storage</a></p>
+[Utilizando la API de Web Storage](/es/docs/Web/API/Web_Storage_API/Using_the_Web_Storage_API)
diff --git a/files/es/web/api/storage/setitem/index.md b/files/es/web/api/storage/setitem/index.md
index 3dd16a896fc332..50773891d0e771 100644
--- a/files/es/web/api/storage/setitem/index.md
+++ b/files/es/web/api/storage/setitem/index.md
@@ -10,67 +10,56 @@ tags:
   - metodo
 translation_of: Web/API/Storage/setItem
 ---
-<p>{{APIRef("Web Storage API")}}</p>
+{{APIRef("Web Storage API")}}
 
-<p>El método <code>setItem()</code> de la interfaz {{domxref("Storage")}}, cuando reciba una clave y un valor, añadirá estos al almacén, o actualizará el valor si la clave ya existe.</p>
+El método `setItem()` de la interfaz {{domxref("Storage")}}, cuando reciba una clave y un valor, añadirá estos al almacén, o actualizará el valor si la clave ya existe.
 
-<h2 id="Sintaxis">Sintaxis</h2>
+## Sintaxis
 
-<pre class="syntaxbox"><em>storage</em>.setItem(<em>keyName</em>, <em>keyValue</em>);</pre>
+```
+storage.setItem(keyName, keyValue);
+```
 
-<h3 id="Parámetros">Parámetros</h3>
+### Parámetros
 
-<dl>
- <dt><em>keyName</em></dt>
- <dd>Un {{domxref("DOMString")}} conteniendo la clave que se quiere crear/actualizar.</dd>
- <dt><em>keyValue</em></dt>
- <dd>Un {{domxref("DOMString")}} conteniendo el valor que se le quiere dar a la clave que se está creando/actualizando.</dd>
-</dl>
+- _keyName_
+  - : Un {{domxref("DOMString")}} conteniendo la clave que se quiere crear/actualizar.
+- _keyValue_
+  - : Un {{domxref("DOMString")}} conteniendo el valor que se le quiere dar a la clave que se está creando/actualizando.
 
-<h3 id="Devuelve">Devuelve</h3>
+### Devuelve
 
-<p><em>No devuelve valor.</em></p>
+_No devuelve valor._
 
-<h3 id="Excepciones">Excepciones</h3>
+### Excepciones
 
-<p><code>setItem()</code> puede lanzar una excepción si el almacén esta lleno. Particularmente, en Safari Mobile (desde iOS 5) siempre lo hará cuando el usuario ingresa en modo privado (Safari determina una cuota de 0 bytes en modo privado, al contrario de otros navegadores, que permiten almacenamiento en modo privado, usando contenedores de información separados).<br>
- Por lo tanto, los desarrolladores deben asegurarse de <strong>capturar siempre las posibles excepciones de <code>setItem()</code></strong>.</p>
+`setItem()` puede lanzar una excepción si el almacén esta lleno. Particularmente, en Safari Mobile (desde iOS 5) siempre lo hará cuando el usuario ingresa en modo privado (Safari determina una cuota de 0 bytes en modo privado, al contrario de otros navegadores, que permiten almacenamiento en modo privado, usando contenedores de información separados).
+Por lo tanto, los desarrolladores deben asegurarse de **capturar siempre las posibles excepciones de `setItem()`**.
 
-<h2 id="Ejemplo">Ejemplo</h2>
+## Ejemplo
 
-<p>La siguiente función crea tres ítems dentro del almacenamiento local.</p>
+La siguiente función crea tres ítems dentro del almacenamiento local.
 
-<pre class="brush: js">function populateStorage() {
+```js
+function populateStorage() {
   localStorage.setItem('bgcolor', 'red');
   localStorage.setItem('font', 'Helvetica');
   localStorage.setItem('image', 'myCat.png');
-}</pre>
-
-<div class="note">
-<p><strong>Nota</strong>: Para ver un ejemplo real, vea nuestro <a href="https://github.com/mdn/web-storage-demo">Web Storage Demo</a>.</p>
-</div>
-
-<h2 id="Especificaciones">Especificaciones</h2>
-
-<table class="standard-table">
- <tbody>
-  <tr>
-   <th scope="col">Especificación</th>
-   <th scope="col">Estado</th>
-   <th scope="col">Comentario</th>
-  </tr>
-  <tr>
-   <td>{{SpecName('Web Storage', '#dom-storage-setitem', 'setItem()')}}</td>
-   <td>{{Spec2('Web Storage')}}</td>
-   <td> </td>
-  </tr>
- </tbody>
-</table>
-
-<h2 id="Compatibilidad_en_navegadores">Compatibilidad en navegadores</h2>
+}
+```
+
+> **Nota:** Para ver un ejemplo real, vea nuestro [Web Storage Demo](https://github.com/mdn/web-storage-demo).
+
+## Especificaciones
+
+| Especificación                                                                       | Estado                           | Comentario |
+| ------------------------------------------------------------------------------------ | -------------------------------- | ---------- |
+| {{SpecName('Web Storage', '#dom-storage-setitem', 'setItem()')}} | {{Spec2('Web Storage')}} |            |
+
+## Compatibilidad en navegadores
 
 {{Compat("api.Storage.setItem")}}
 
-<h2 id="Vea_también">Vea también</h2>
+## Vea también
 
-<p><a href="/en-US/docs/Web/API/Web_Storage_API/Using_the_Web_Storage_API">Usando la Web Storage API</a></p>
+[Usando la Web Storage API](/es/docs/Web/API/Web_Storage_API/Using_the_Web_Storage_API)
diff --git a/files/es/web/api/storagemanager/estimate/index.md b/files/es/web/api/storagemanager/estimate/index.md
index e81dffc1a55822..852929b4586e4b 100644
--- a/files/es/web/api/storagemanager/estimate/index.md
+++ b/files/es/web/api/storagemanager/estimate/index.md
@@ -15,76 +15,65 @@ tags:
   - metodo
 translation_of: Web/API/StorageManager/estimate
 ---
-<p>{{securecontext_header}}{{APIRef("Storage")}}</p>
+{{securecontext_header}}{{APIRef("Storage")}}
 
-<p>El método <strong><code>estimate()</code></strong> de la interfaz {{domxref("StorageManager")}} solicita al Gestor de Almacenamiento la información de cuota y uso para el origen actual. Este método opera de forma asíncrona, por lo que devuelve una {{jsxref("Promise")}} que se resuelve una vez que la información esté disponible. La función que controla el cumplimiento de la promesa recibe un {{domxref("StorageEstimate")}} como entrada con la informción de uso y cuota.</p>
+El método **`estimate()`** de la interfaz {{domxref("StorageManager")}} solicita al Gestor de Almacenamiento la información de cuota y uso para el origen actual. Este método opera de forma asíncrona, por lo que devuelve una {{jsxref("Promise")}} que se resuelve una vez que la información esté disponible. La función que controla el cumplimiento de la promesa recibe un {{domxref("StorageEstimate")}} como entrada con la informción de uso y cuota.
 
-<h2 id="Sintaxis">Sintaxis</h2>
+## Sintaxis
 
-<pre class="syntaxbox">var <em>estimatePromise</em> = <em>StorageManager</em>.estimate();</pre>
+```
+var estimatePromise = StorageManager.estimate();
+```
 
-<h3 id="Parámetros">Parámetros</h3>
+### Parámetros
 
-<p>Ninguno.</p>
+Ninguno.
 
-<h3 id="Valor_devuelto">Valor devuelto</h3>
+### Valor devuelto
 
-<p>Una {{jsxref('Promise')}} que se resuelve como un objeto que se ajusta al diccionario {{domxref('StorageEstimate')}}. Este diccionario contiene estimaciones sobre la cantidad de espacio disponible para el origen o aplicación (en {{domxref("StorageEstimate.quota")}}, así como la cantidad que se usa en ese momento (in {{domxref("StorageEstimate.usage")}}). Estos no son números exactos; entre la compresión, la deduplicación y la ofuscación por razones de seguridad, no serán precisos.</p>
+Una {{jsxref('Promise')}} que se resuelve como un objeto que se ajusta al diccionario {{domxref('StorageEstimate')}}. Este diccionario contiene estimaciones sobre la cantidad de espacio disponible para el origen o aplicación (en {{domxref("StorageEstimate.quota")}}, así como la cantidad que se usa en ese momento (in {{domxref("StorageEstimate.usage")}}). Estos no son números exactos; entre la compresión, la deduplicación y la ofuscación por razones de seguridad, no serán precisos.
 
-<p>Es posible que la <code>quota</code> varíe de una aplicación a otra en función de factores como la frecuencia con la que el usuario la visita, los datos de popularidad del sitio, etc.</p>
+Es posible que la `quota` varíe de una aplicación a otra en función de factores como la frecuencia con la que el usuario la visita, los datos de popularidad del sitio, etc.
 
-<h2 id="Ejemplo" name="Ejemplo">Ejemplo</h2>
+## Ejemplo
 
-<p>En este ejemplo, obtenemos las estimaciones de uso y presentamos el porcentaje de la capacidad de almacenamiento utilizada actualmente al usuario.</p>
+En este ejemplo, obtenemos las estimaciones de uso y presentamos el porcentaje de la capacidad de almacenamiento utilizada actualmente al usuario.
 
-<h3 id="HTML">HTML</h3>
+### HTML
 
-<pre class="brush: html">&lt;p&gt;
-  You're currently using about &lt;span id="percent"&gt;
-  &lt;/span&gt;% of your available storage.
-&lt;/p&gt;
-</pre>
+```html
+<p>
+  You're currently using about <span id="percent">
+  </span>% of your available storage.
+</p>
+```
 
-<h3 id="JavaScript">JavaScript</h3>
+### JavaScript
 
-<pre class="brush: js">navigator.storage.estimate().then(function(estimate) {
+```js
+navigator.storage.estimate().then(function(estimate) {
   document.getElementById("percent").innerHTML =
       (estimate.usage / estimate.quota).toFixed(2);
 });
-</pre>
+```
 
-<h3 id="Resultado">Resultado</h3>
+### Resultado
 
-<p>{{ EmbedLiveSample('Example', 600, 40) }}</p>
+{{ EmbedLiveSample('Example', 600, 40) }}
 
-<h2 id="Especificaciones">Especificaciones</h2>
+## Especificaciones
 
-<table class="standard-table">
- <tbody>
-  <tr>
-   <th scope="col">Especificación</th>
-   <th scope="col">Estado</th>
-   <th scope="col">Comentario</th>
-  </tr>
-  <tr>
-   <td>{{SpecName('Storage','#dom-storagemanager-estimate','estimate()')}}</td>
-   <td>{{Spec2('Storage')}}</td>
-   <td>Definición inicial.</td>
-  </tr>
- </tbody>
-</table>
+| Especificación                                                                           | Estado                       | Comentario          |
+| ---------------------------------------------------------------------------------------- | ---------------------------- | ------------------- |
+| {{SpecName('Storage','#dom-storagemanager-estimate','estimate()')}} | {{Spec2('Storage')}} | Definición inicial. |
 
-<h2 id="Compatibilidad_con_navegadores">Compatibilidad con navegadores</h2>
+## Compatibilidad con navegadores
 
+{{Compat("api.StorageManager.estimate")}}
 
+## Ver también
 
-<p>{{Compat("api.StorageManager.estimate")}}</p>
-
-<h2 id="Ver_también">Ver también</h2>
-
-<ul>
- <li>Storage API</li>
- <li>{{domxref("Storage")}}, el objeto devuelto por {{domxref("Window.localStorage")}}</li>
- <li>{{domxref("StorageManager")}}</li>
- <li>{{domxref("navigator.storage")}}</li>
-</ul>
+- Storage API
+- {{domxref("Storage")}}, el objeto devuelto por {{domxref("Window.localStorage")}}
+- {{domxref("StorageManager")}}
+- {{domxref("navigator.storage")}}
diff --git a/files/es/web/api/storagemanager/index.md b/files/es/web/api/storagemanager/index.md
index 6c0d25fa47d051..0ad4dc76e1d3e7 100644
--- a/files/es/web/api/storagemanager/index.md
+++ b/files/es/web/api/storagemanager/index.md
@@ -16,40 +16,25 @@ tags:
   - Usage
 translation_of: Web/API/StorageManager
 ---
-<p>{{securecontext_header}}{{SeeCompatTable}}{{APIRef("Storage")}}</p>
+{{securecontext_header}}{{SeeCompatTable}}{{APIRef("Storage")}}
 
-<p>The <strong><code>StorageManager</code></strong> interface of the the <a href="/en-US/docs/Web/API/Storage_API">Storage API</a> provides an interface for managing persistance permissions and estimating available storage. You can get a reference to this interface using either {{domxref("navigator.storage")}} or {{domxref("WorkerNavigator.storage")}}.</p>
+The **`StorageManager`** interface of the the [Storage API](/es/docs/Web/API/Storage_API) provides an interface for managing persistance permissions and estimating available storage. You can get a reference to this interface using either {{domxref("navigator.storage")}} or {{domxref("WorkerNavigator.storage")}}.
 
-<h2 id="Methods">Methods</h2>
+## Methods
 
-<dl>
-	<dt>{{domxref("StorageManager.estimate()")}} {{securecontext_inline}}</dt>
-	<dd>Returns a {{domxref("StorageEstimate")}} object containing usage and quota numbers for your origin.</dd>
-	<dt>{{domxref("StorageManager.persist()")}} {{securecontext_inline}}</dt>
-	<dd>Returns a {{jsxref('Promise')}} that resolves to <code>true</code> if the user agent is able to persist your site's storage.</dd>
-	<dt>{{domxref("StorageManager.persisted()")}} {{securecontext_inline}}</dt>
-	<dd>Returns a {{jsxref('Promise')}} that resolves to <code>true</code> if persistence has already been granted for your site's storage.</dd>
-</dl>
+- {{domxref("StorageManager.estimate()")}} {{securecontext_inline}}
+  - : Returns a {{domxref("StorageEstimate")}} object containing usage and quota numbers for your origin.
+- {{domxref("StorageManager.persist()")}} {{securecontext_inline}}
+  - : Returns a {{jsxref('Promise')}} that resolves to `true` if the user agent is able to persist your site's storage.
+- {{domxref("StorageManager.persisted()")}} {{securecontext_inline}}
+  - : Returns a {{jsxref('Promise')}} that resolves to `true` if persistence has already been granted for your site's storage.
 
-<h2 id="Specifications">Specifications</h2>
+## Specifications
 
-<table class="standard-table">
-	<tbody>
-		<tr>
-			<th scope="col">Specification</th>
-			<th scope="col">Status</th>
-			<th scope="col">Comment</th>
-		</tr>
-		<tr>
-			<td>{{SpecName('Storage','#storagemanager','StorageManger')}}</td>
-			<td>{{Spec2('Storage')}}</td>
-			<td>Initial definition.</td>
-		</tr>
-	</tbody>
-</table>
+| Specification                                                                | Status                       | Comment             |
+| ---------------------------------------------------------------------------- | ---------------------------- | ------------------- |
+| {{SpecName('Storage','#storagemanager','StorageManger')}} | {{Spec2('Storage')}} | Initial definition. |
 
-<h2 id="Browser_compatibility">Browser compatibility</h2>
+## Browser compatibility
 
-
-
-<p>{{Compat("api.StorageManager")}}</p>
+{{Compat("api.StorageManager")}}
diff --git a/files/es/web/api/storagemanager/persist/index.md b/files/es/web/api/storagemanager/persist/index.md
index 429242a1fbecd5..53b5a8cdd81049 100644
--- a/files/es/web/api/storagemanager/persist/index.md
+++ b/files/es/web/api/storagemanager/persist/index.md
@@ -9,51 +9,42 @@ tags:
   - persist()
 translation_of: Web/API/StorageManager/persist
 ---
-<p>{{securecontext_header}}{{APIRef("Storage")}}{{SeeCompatTable}}</p>
+{{securecontext_header}}{{APIRef("Storage")}}{{SeeCompatTable}}
 
-<p><span class="seoSummary">El método <strong><code>persist()</code></strong> de la interfaz {{domxref("StorageManager")}} solicita permiso para usar el almacenamiento persistente, y devuelve una {{jsxref('Promise')}} que se resuelve como <code>true</code> si se concede el permiso y <em>box mode</em> es persistente, y <code>false</code> en cualquier otro caso.</span></p>
+El método **`persist()`** de la interfaz {{domxref("StorageManager")}} solicita permiso para usar el almacenamiento persistente, y devuelve una {{jsxref('Promise')}} que se resuelve como `true` si se concede el permiso y _box mode_ es persistente, y `false` en cualquier otro caso.
 
-<h2 id="Sintaxis">Sintaxis</h2>
+## Sintaxis
 
-<pre class="syntaxbox">navigator.storage.persist().then(function(persistent) { ... })</pre>
+```
+navigator.storage.persist().then(function(persistent) { ... })
+```
 
-<h3 id="Parámetros">Parámetros</h3>
+### Parámetros
 
-<p>Ninguno.</p>
+Ninguno.
 
-<h3 id="Valor_devuelto">Valor devuelto</h3>
+### Valor devuelto
 
-<p>Una {{jsxref('Promise')}} que se resuelve en un {{jsxref('Boolean')}}.</p>
+Una {{jsxref('Promise')}} que se resuelve en un {{jsxref('Boolean')}}.
 
-<h2 id="Ejemplo">Ejemplo</h2>
+## Ejemplo
 
-<pre class="brush: js">if (navigator.storage &amp;&amp; navigator.storage.persist)
+```js
+if (navigator.storage && navigator.storage.persist)
   navigator.storage.persist().then(function(persistent) {
     if (persistent)
       console.log("Storage will not be cleared except by explicit user action");
     else
       console.log("Storage may be cleared by the UA under storage pressure.");
-  });</pre>
+  });
+```
 
-<h2 id="Especificaciones">Especificaciones</h2>
+## Especificaciones
 
-<table class="standard-table">
- <tbody>
-  <tr>
-   <th scope="col">Especificación</th>
-   <th scope="col">Estado</th>
-   <th scope="col">Comentario</th>
-  </tr>
-  <tr>
-   <td>{{SpecName('Storage','#dom-storagemanager-persist','persist')}}</td>
-   <td>{{Spec2('Storage')}}</td>
-   <td>Definición inicial.</td>
-  </tr>
- </tbody>
-</table>
+| Especificación                                                                       | Estado                       | Comentario          |
+| ------------------------------------------------------------------------------------ | ---------------------------- | ------------------- |
+| {{SpecName('Storage','#dom-storagemanager-persist','persist')}} | {{Spec2('Storage')}} | Definición inicial. |
 
-<h2 id="Compatibilidad_con_navegadores">Compatibilidad con navegadores</h2>
+## Compatibilidad con navegadores
 
-
-
-<p>{{Compat("api.StorageManager.persist")}}</p>
+{{Compat("api.StorageManager.persist")}}
diff --git a/files/es/web/api/storagemanager/persisted/index.md b/files/es/web/api/storagemanager/persisted/index.md
index 38a4e3895553ea..d8fabeff348504 100644
--- a/files/es/web/api/storagemanager/persisted/index.md
+++ b/files/es/web/api/storagemanager/persisted/index.md
@@ -9,51 +9,42 @@ tags:
   - persisted()
 translation_of: Web/API/StorageManager/persisted
 ---
-<p>{{securecontext_header}}{{APIRef("Storage")}}{{SeeCompatTable}}</p>
+{{securecontext_header}}{{APIRef("Storage")}}{{SeeCompatTable}}
 
-<p><span class="seoSummary">La propiedad <strong><code>persisted</code></strong> de la interfaz {{domxref("StorageManager")}} devuelve una {{jsxref('Promise')}} que se resuelve como <code>true</code> si <em>box mode</em> es</span> persistente <span class="seoSummary">para el alamacenamiento de su sitio.</span></p>
+La propiedad **`persisted`** de la interfaz {{domxref("StorageManager")}} devuelve una {{jsxref('Promise')}} que se resuelve como `true` si _box mode_ es persistente para el alamacenamiento de su sitio.
 
-<h2 id="Sintaxis">Sintaxis</h2>
+## Sintaxis
 
-<pre class="syntaxbox">navigator.storage.persisted().then(function(persistent) { ... })</pre>
+```
+navigator.storage.persisted().then(function(persistent) { ... })
+```
 
-<h3 id="Parámetros">Parámetros</h3>
+### Parámetros
 
-<p>Ninguno.</p>
+Ninguno.
 
-<h3 id="Devuelve">Devuelve</h3>
+### Devuelve
 
-<p>Una {{jsxref('Promise')}} que se resuelve como {{jsxref('Boolean')}}.</p>
+Una {{jsxref('Promise')}} que se resuelve como {{jsxref('Boolean')}}.
 
-<h2 id="Ejemplo">Ejemplo</h2>
+## Ejemplo
 
-<pre class="brush: js"><code>if (navigator.storage &amp;&amp; navigator.storage.persist)
+```js
+if (navigator.storage && navigator.storage.persist)
   navigator.storage.persisted().then(function(persistent) {
     if (persistent)
       console.log("Storage will not be cleared except by explicit user action");
     else
       console.log("Storage may be cleared by the UA under storage pressure.");
-  });</code></pre>
+  });
+```
 
-<h2 id="Especificaciones">Especificaciones</h2>
+## Especificaciones
 
-<table class="standard-table">
- <tbody>
-  <tr>
-   <th scope="col">Especificación</th>
-   <th scope="col">Estado</th>
-   <th scope="col">Comentario</th>
-  </tr>
-  <tr>
-   <td>{{SpecName('Storage','#dom-storagemanager-persisted','persisted')}}</td>
-   <td>{{Spec2('Storage')}}</td>
-   <td>Definición inicial.</td>
-  </tr>
- </tbody>
-</table>
+| Especificación                                                                           | Estado                       | Comentario          |
+| ---------------------------------------------------------------------------------------- | ---------------------------- | ------------------- |
+| {{SpecName('Storage','#dom-storagemanager-persisted','persisted')}} | {{Spec2('Storage')}} | Definición inicial. |
 
-<h2 id="Compatibilidad_con_navegadores">Compatibilidad con navegadores</h2>
+## Compatibilidad con navegadores
 
-
-
-<p>{{Compat("api.StorageManager.persisted")}}</p>
+{{Compat("api.StorageManager.persisted")}}
diff --git a/files/es/web/api/stylesheet/disabled/index.md b/files/es/web/api/stylesheet/disabled/index.md
index 470283c9dc3049..3314c1f470c801 100644
--- a/files/es/web/api/stylesheet/disabled/index.md
+++ b/files/es/web/api/stylesheet/disabled/index.md
@@ -3,18 +3,29 @@ title: Stylesheet.disabled
 slug: Web/API/StyleSheet/disabled
 translation_of: Web/API/StyleSheet/disabled
 ---
-<p>{{ ApiRef() }}</p>
-<h3 id="Summary" name="Summary">Resumen</h3>
-<p>Esta propiedad indica si es se aplica o no, la hoja de estilo actual.</p>
-<h3 id="Syntax" name="Syntax">Sintaxis</h3>
-<pre class="eval"><em>bool</em> = stylesheet.disabled
-</pre>
-<h3 id="Example" name="Example">Ejemplo</h3>
-<pre>// si la hoja de estilo está deshabilitada...
+{{ ApiRef() }}
+
+### Resumen
+
+Esta propiedad indica si es se aplica o no, la hoja de estilo actual.
+
+### Sintaxis
+
+```
+bool = stylesheet.disabled
+```
+
+### Ejemplo
+
+```
+// si la hoja de estilo está deshabilitada...
 if (stylesheet.disabled) {
    // apply style in-line
 }
-</pre>
-<h3 id="Specification" name="Specification">Especificación</h3>
-<p><a class="external" href="http://www.w3.org/TR/2000/REC-DOM-Level-2-Style-20001113/stylesheets.html#StyleSheets-StyleSheet-disabled">disabled </a></p>
-<p>{{ languages( { "pl": "pl/DOM/stylesheet.disabled" } ) }}</p>
+```
+
+### Especificación
+
+[disabled](http://www.w3.org/TR/2000/REC-DOM-Level-2-Style-20001113/stylesheets.html#StyleSheets-StyleSheet-disabled)
+
+{{ languages( { "pl": "pl/DOM/stylesheet.disabled" } ) }}
diff --git a/files/es/web/api/stylesheet/href/index.md b/files/es/web/api/stylesheet/href/index.md
index 879794e5887a10..c1559aa1b965fc 100644
--- a/files/es/web/api/stylesheet/href/index.md
+++ b/files/es/web/api/stylesheet/href/index.md
@@ -3,36 +3,47 @@ title: stylesheet.href
 slug: Web/API/StyleSheet/href
 translation_of: Web/API/StyleSheet/href
 ---
-<p>{{ ApiRef() }}</p>
-<h3 id="Summary" name="Summary">Resumen</h3>
-<p>Devuelve la localización de la hoja de estilo.</p>
-<h3 id="Syntax" name="Syntax">Sintaxis</h3>
-<pre class="eval"><em>uri</em> = stylesheet.href
-</pre>
-<h3 id="Parameters" name="Parameters">Parámetros</h3>
-<ul>
- <li><code>uri</code> es una cadena que contiene la URI de la hoja de estilo.</li>
-</ul>
-<h3 id="Example" name="Example">Ejemplo</h3>
-<pre> // en una máquina local:
- &lt;html&gt;
-  &lt;head&gt;
-   &lt;link rel="StyleSheet" href="example.css" type="text/css" /&gt;
-   &lt;script&gt;
+{{ ApiRef() }}
+
+### Resumen
+
+Devuelve la localización de la hoja de estilo.
+
+### Sintaxis
+
+```
+uri = stylesheet.href
+```
+
+### Parámetros
+
+- `uri` es una cadena que contiene la URI de la hoja de estilo.
+
+### Ejemplo
+
+```
+ // en una máquina local:
+ <html>
+  <head>
+   <link rel="StyleSheet" href="example.css" type="text/css" />
+   <script>
     function sref() {
      alert(document.styleSheets[0].href);
     }
-   &lt;/script&gt;
-  &lt;/head&gt;
-  &lt;body&gt;
-   &lt;div class="thunder"&gt;Thunder&lt;/div&gt;
-   &lt;button onclick="sref()"&gt;ss&lt;/button&gt;
-  &lt;/body&gt;
- &lt;/html&gt;
+   </script>
+  </head>
+  <body>
+   <div class="thunder">Thunder</div>
+   <button onclick="sref()">ss</button>
+  </body>
+ </html>
 // returns "file:////C:/Windows/Desktop/example.css
-</pre>
-<h3 id="Notes" name="Notes">Notas</h3>
-<p>Si la hoja de estilo es un enlace, el valor de este atributo es su localización. Para las hojas de estilo in-line, el valor del atributo es NULL.</p>
-<p> </p>
-<h3 id="Specification" name="Specification">Specification</h3>
-<p><a class="external" href="http://www.w3.org/TR/2000/REC-DOM-Level-2-Style-20001113/stylesheets.html#StyleSheets-StyleSheet-href">href </a></p>
+```
+
+### Notas
+
+Si la hoja de estilo es un enlace, el valor de este atributo es su localización. Para las hojas de estilo in-line, el valor del atributo es NULL.
+
+### Specification
+
+[href](http://www.w3.org/TR/2000/REC-DOM-Level-2-Style-20001113/stylesheets.html#StyleSheets-StyleSheet-href)
diff --git a/files/es/web/api/stylesheet/index.md b/files/es/web/api/stylesheet/index.md
index 3344780e212339..f9f7c8ca91c1a9 100644
--- a/files/es/web/api/stylesheet/index.md
+++ b/files/es/web/api/stylesheet/index.md
@@ -3,48 +3,44 @@ title: objeto Stylesheet
 slug: Web/API/StyleSheet
 translation_of: Web/API/StyleSheet
 ---
-<p>{{ ApiRef("CSSOM") }}</p>
-
-<p>Esta sección describe el objeto <a class="external" href="http://www.w3.org/TR/DOM-Level-2-Style/css.html#CSS-CSSStyleSheet">CSSStyleSheet</a>, que representa una única hoja de estilos CSS.</p>
-
-<p>Una hoja de estilos CSS consiste en reglas CSS que pueden, cada una de ellas, ser manipuladas a través del objeto <a href="/Es/DOM/CssRule" title="es/DOM/cssRule">CSSRule</a>. El objeto de la hoja de estilo en sí mismo, te permite examinar y modificar la hoja de estilos, incluyendo su lista de reglas.</p>
-
-<p>Puedes tomar la lista de estilos de un documento determinado mediante el uso de la propiedad <a href="/es/DOM/document.styleSheets" title="es/DOM/document.styleSheets">document.styleSheets</a>.</p>
-
-<h3 id="Properties" name="Properties">Propiedades</h3>
-
-<dl>
- <dt><a href="/Es/DOM/Stylesheet.cssRules" title="es/DOM/stylesheet.cssRules">stylesheet.cssRules</a></dt>
- <dd>Devuelve todas las reglas CSS que hay en la hoja de estilo, en forma de arreglo.</dd>
- <dt><a href="/es/DOM/stylesheet.disabled" title="es/DOM/stylesheet.disabled">stylesheet.disabled</a></dt>
- <dd>Esta propiedad indica si se ha aplicado o no, la hoja de estilo actual.</dd>
- <dt><a href="/es/DOM/stylesheet.href" title="es/DOM/stylesheet.href">stylesheet.href</a></dt>
- <dd>Devuelve la localización de la hoja de estilo.</dd>
- <dt><a href="/es/DOM/stylesheet.media" title="es/DOM/stylesheet.media">stylesheet.media</a></dt>
- <dd>Especifica el medio al que se tiene intención de aplicar la hoja de estilo.</dd>
- <dt><a href="/es/DOM/stylesheet.ownerNode" title="es/DOM/stylesheet.ownerNode">stylesheet.ownerNode</a></dt>
- <dd>el nodo que asocia la hoja de estilo con el documento.</dd>
- <dt><a href="/es/DOM/stylesheet.ownerRule" title="es/DOM/stylesheet.ownerRule">stylesheet.ownerRule</a></dt>
- <dd>Si la hoja de estilo tiene una regla marcada con @import, la propiedad ownerRule contendrá la CSSImportRule.</dd>
- <dt><a href="/es/DOM/stylesheet.parentStyleSheet" title="es/DOM/stylesheet.parentStyleSheet">stylesheet.parentStyleSheet</a></dt>
- <dd>Devuelve la hoja de estilo que que está incluida en esta, si existe.</dd>
- <dt><a href="/es/DOM/stylesheet.title" title="es/DOM/stylesheet.title">stylesheet.title</a></dt>
- <dd>Devuelve el título de la hoja de estilo actual.</dd>
- <dt><a href="/es/DOM/stylesheet.type" title="es/DOM/stylesheet.type">stylesheet.type</a></dt>
- <dd>Especifica el lenguaje de la hoja de estilo.</dd>
-</dl>
-
-<h3 id="Methods" name="Methods">Métodos</h3>
-
-<dl>
- <dt><a href="/es/DOM/stylesheet.deleteRule" title="es/DOM/stylesheet.deleteRule">stylesheet.deleteRule</a></dt>
- <dd>Elimina una regla de la hoja de estilo.</dd>
- <dt><a href="/es/DOM/stylesheet.insertRule" title="es/DOM/stylesheet.insertRule">stylesheet.insertRule</a></dt>
- <dd>Agrega una nueva regla de estilo a la hoja de estilo actualmente usada.</dd>
-</dl>
-
-<h3 id="Specification" name="Specification">Especificación</h3>
-
-<p><a class="external" href="http://www.w3.org/TR/DOM-Level-2-Style/stylesheets.html#StyleSheets-StyleSheet">DOM Level 2 Style Sheets: StyleSheet</a></p>
-
-<p><a class="external" href="http://www.w3.org/TR/DOM-Level-2-Style/css.html#CSS-CSSStyleSheet">DOM Level 2 CSS: CSSStyleSheet</a></p>
+{{ ApiRef("CSSOM") }}
+
+Esta sección describe el objeto [CSSStyleSheet](http://www.w3.org/TR/DOM-Level-2-Style/css.html#CSS-CSSStyleSheet), que representa una única hoja de estilos CSS.
+
+Una hoja de estilos CSS consiste en reglas CSS que pueden, cada una de ellas, ser manipuladas a través del objeto [CSSRule](/Es/DOM/CssRule "es/DOM/cssRule"). El objeto de la hoja de estilo en sí mismo, te permite examinar y modificar la hoja de estilos, incluyendo su lista de reglas.
+
+Puedes tomar la lista de estilos de un documento determinado mediante el uso de la propiedad [document.styleSheets](/es/DOM/document.styleSheets "es/DOM/document.styleSheets").
+
+### Propiedades
+
+- [stylesheet.cssRules](/Es/DOM/Stylesheet.cssRules "es/DOM/stylesheet.cssRules")
+  - : Devuelve todas las reglas CSS que hay en la hoja de estilo, en forma de arreglo.
+- [stylesheet.disabled](/es/DOM/stylesheet.disabled "es/DOM/stylesheet.disabled")
+  - : Esta propiedad indica si se ha aplicado o no, la hoja de estilo actual.
+- [stylesheet.href](/es/DOM/stylesheet.href "es/DOM/stylesheet.href")
+  - : Devuelve la localización de la hoja de estilo.
+- [stylesheet.media](/es/DOM/stylesheet.media "es/DOM/stylesheet.media")
+  - : Especifica el medio al que se tiene intención de aplicar la hoja de estilo.
+- [stylesheet.ownerNode](/es/DOM/stylesheet.ownerNode "es/DOM/stylesheet.ownerNode")
+  - : el nodo que asocia la hoja de estilo con el documento.
+- [stylesheet.ownerRule](/es/DOM/stylesheet.ownerRule "es/DOM/stylesheet.ownerRule")
+  - : Si la hoja de estilo tiene una regla marcada con @import, la propiedad ownerRule contendrá la CSSImportRule.
+- [stylesheet.parentStyleSheet](/es/DOM/stylesheet.parentStyleSheet "es/DOM/stylesheet.parentStyleSheet")
+  - : Devuelve la hoja de estilo que que está incluida en esta, si existe.
+- [stylesheet.title](/es/DOM/stylesheet.title "es/DOM/stylesheet.title")
+  - : Devuelve el título de la hoja de estilo actual.
+- [stylesheet.type](/es/DOM/stylesheet.type "es/DOM/stylesheet.type")
+  - : Especifica el lenguaje de la hoja de estilo.
+
+### Métodos
+
+- [stylesheet.deleteRule](/es/DOM/stylesheet.deleteRule "es/DOM/stylesheet.deleteRule")
+  - : Elimina una regla de la hoja de estilo.
+- [stylesheet.insertRule](/es/DOM/stylesheet.insertRule "es/DOM/stylesheet.insertRule")
+  - : Agrega una nueva regla de estilo a la hoja de estilo actualmente usada.
+
+### Especificación
+
+[DOM Level 2 Style Sheets: StyleSheet](http://www.w3.org/TR/DOM-Level-2-Style/stylesheets.html#StyleSheets-StyleSheet)
+
+[DOM Level 2 CSS: CSSStyleSheet](http://www.w3.org/TR/DOM-Level-2-Style/css.html#CSS-CSSStyleSheet)
diff --git a/files/es/web/api/stylesheet/media/index.md b/files/es/web/api/stylesheet/media/index.md
index 47e36011cdf38c..c771c97f980747 100644
--- a/files/es/web/api/stylesheet/media/index.md
+++ b/files/es/web/api/stylesheet/media/index.md
@@ -3,22 +3,35 @@ title: Stylesheet.media
 slug: Web/API/StyleSheet/media
 translation_of: Web/API/StyleSheet/media
 ---
-<p>{{ ApiRef() }}</p>
-<h3 id="Summary" name="Summary">Resumen</h3>
-<p><strong>media</strong> Especifica el medio al que se tiene intención de aplicar la hoja de estilo.</p>
-<h3 id="Syntax" name="Syntax">Sintaxis</h3>
-<pre class="eval"><em>medium</em> = stylesheet.media
-stylesheet.media = <em>medium</em>
-</pre>
-<h3 id="Parameters" name="Parameters">Parámetros</h3>
-<ul>
- <li><code>medium</code> es una cadena que describe un medio único o una lista de valores separados por comas.</li>
-</ul>
-<h3 id="Example" name="Example">Ejemplo</h3>
-<pre>&lt;link rel="StyleSheet" href="document.css" type="text/css" media="screen" /&gt;
-</pre>
-<h3 id="Notes" name="Notes">Notas</h3>
-<p>El valor por defecto para media es "screen."</p>
-<h3 id="Specification" name="Specification">Especificación</h3>
-<p>DOM Level 2 Styles - STYLESHEET</p>
-<p>{{ languages( { "pl": "pl/DOM/stylesheet.media" } ) }}</p>
+{{ ApiRef() }}
+
+### Resumen
+
+**media** Especifica el medio al que se tiene intención de aplicar la hoja de estilo.
+
+### Sintaxis
+
+```
+medium = stylesheet.media
+stylesheet.media = medium
+```
+
+### Parámetros
+
+- `medium` es una cadena que describe un medio único o una lista de valores separados por comas.
+
+### Ejemplo
+
+```
+<link rel="StyleSheet" href="document.css" type="text/css" media="screen" />
+```
+
+### Notas
+
+El valor por defecto para media es "screen."
+
+### Especificación
+
+DOM Level 2 Styles - STYLESHEET
+
+{{ languages( { "pl": "pl/DOM/stylesheet.media" } ) }}
diff --git a/files/es/web/api/stylesheet/ownernode/index.md b/files/es/web/api/stylesheet/ownernode/index.md
index 4658047e05a58f..e9478cdec0c746 100644
--- a/files/es/web/api/stylesheet/ownernode/index.md
+++ b/files/es/web/api/stylesheet/ownernode/index.md
@@ -3,33 +3,48 @@ title: Stylesheet.ownerNode
 slug: Web/API/StyleSheet/ownerNode
 translation_of: Web/API/StyleSheet/ownerNode
 ---
-<p>{{ ApiRef() }}</p>
-<h3 id="Summary" name="Summary">Resumen</h3>
-<p><strong>ownerNode</strong> devuelve el nodo que asocia la hoja de estilo con el documento.</p>
-<h3 id="Syntax" name="Syntax">Sintaxis</h3>
-<pre class="eval"><em>objRef</em> = stylesheet.ownerNode
-</pre>
-<h3 id="Example" name="Example">Ejemplo</h3>
-<pre class="eval">&lt;html&gt;
- &lt;head&gt;
-  &lt;link rel="StyleSheet" href="example.css" type="text/css" /&gt;
-  &lt;script&gt;
+{{ ApiRef() }}
+
+### Resumen
+
+**ownerNode** devuelve el nodo que asocia la hoja de estilo con el documento.
+
+### Sintaxis
+
+```
+objRef = stylesheet.ownerNode
+```
+
+### Ejemplo
+
+```
+<html>
+ <head>
+  <link rel="StyleSheet" href="example.css" type="text/css" />
+  <script>
    function stilo() {
     alert(document.styleSheets[0].ownerNode);
    }
-  &lt;/script&gt;
- &lt;/head&gt;
- &lt;body&gt;
-</pre>
-<div class="">
- Thunder</div>
-<pre class="eval">  &lt;button onclick="stilo()"&gt;ss&lt;/button&gt;
- &lt;/body&gt;
-&lt;/html&gt;
+  </script>
+ </head>
+ <body>
+```
+
+Thunder
+
+```
+  <button onclick="stilo()">ss</button>
+ </body>
+</html>
 // displays "object HTMLLinkElement"
-</pre>
-<h3 id="Notes" name="Notes">Notas</h3>
-<p>Para el HTML, <strong>ownerNode</strong> correspondería a un elemento <a href="/es/LINK" title="es/LINK">LINK</a> o <a href="/Es/DOM/Element.style" title="es/DOM/element.style">STYLE</a>. Para XML, serían las instrucciones del proceso de enlace. Para las hojas de estilo que están incluidas en otras hojas de estilo, este valor es NULL.</p>
-<h3 id="Specification" name="Specification">Especificación</h3>
-<p>DOM Level 2 Styles - STYLESHEET</p>
-<p>{{ languages( { "pl": "pl/DOM/stylesheet.ownerNode" } ) }}</p>
+```
+
+### Notas
+
+Para el HTML, **ownerNode** correspondería a un elemento [LINK](/es/LINK "es/LINK") o [STYLE](/Es/DOM/Element.style "es/DOM/element.style"). Para XML, serían las instrucciones del proceso de enlace. Para las hojas de estilo que están incluidas en otras hojas de estilo, este valor es NULL.
+
+### Especificación
+
+DOM Level 2 Styles - STYLESHEET
+
+{{ languages( { "pl": "pl/DOM/stylesheet.ownerNode" } ) }}
diff --git a/files/es/web/api/stylesheet/parentstylesheet/index.md b/files/es/web/api/stylesheet/parentstylesheet/index.md
index 118aedd82acd0d..a05f1e77ed6770 100644
--- a/files/es/web/api/stylesheet/parentstylesheet/index.md
+++ b/files/es/web/api/stylesheet/parentstylesheet/index.md
@@ -3,22 +3,35 @@ title: Stylesheet.parentStyleSheet
 slug: Web/API/StyleSheet/parentStyleSheet
 translation_of: Web/API/StyleSheet/parentStyleSheet
 ---
-<p>{{ ApiRef() }}</p>
-<h3 id="Summary" name="Summary">Resumen</h3>
-<p>Devuelve la hoja de estilo que incluye a la que está en curso, si existe.</p>
-<h3 id="Syntax" name="Syntax">Sintaxis</h3>
-<pre class="eval"><em>objRef</em> = stylesheet.parentStyleSheet
-</pre>
-<h3 id="Example" name="Example">Ejemplo</h3>
-<pre class="eval">// encuentra la hoja de estilo de alto nivel
+{{ ApiRef() }}
+
+### Resumen
+
+Devuelve la hoja de estilo que incluye a la que está en curso, si existe.
+
+### Sintaxis
+
+```
+objRef = stylesheet.parentStyleSheet
+```
+
+### Ejemplo
+
+```
+// encuentra la hoja de estilo de alto nivel
 if (stylesheet.parentStyleSheet) {
   sheet = stylesheet.parentStyleSheet;
 }
 else
 { sheet = stylesheet; }
-</pre>
-<h3 id="Notes" name="Notes">Notas</h3>
-<p>Esta propiedad devuelve NULL si la hoja de estilo actual es una hoja de estilo de alto nivel o si la inclusión de hojas de estilo no está implementada.</p>
-<h3 id="Specification" name="Specification">Specification</h3>
-<p><a class="external" href="http://www.w3.org/TR/2000/REC-DOM-Level-2-Style-20001113/stylesheets.html#StyleSheets-StyleSheet-parentStyleSheet">parentStyleSheet </a></p>
-<p>{{ languages( { "pl": "pl/DOM/stylesheet.parentStyleSheet" } ) }}</p>
+```
+
+### Notas
+
+Esta propiedad devuelve NULL si la hoja de estilo actual es una hoja de estilo de alto nivel o si la inclusión de hojas de estilo no está implementada.
+
+### Specification
+
+[parentStyleSheet](http://www.w3.org/TR/2000/REC-DOM-Level-2-Style-20001113/stylesheets.html#StyleSheets-StyleSheet-parentStyleSheet)
+
+{{ languages( { "pl": "pl/DOM/stylesheet.parentStyleSheet" } ) }}
diff --git a/files/es/web/api/stylesheet/title/index.md b/files/es/web/api/stylesheet/title/index.md
index e6c61082d79acd..4edbaab4c6c7b9 100644
--- a/files/es/web/api/stylesheet/title/index.md
+++ b/files/es/web/api/stylesheet/title/index.md
@@ -3,11 +3,18 @@ title: Stylesheet.title
 slug: Web/API/StyleSheet/title
 translation_of: Web/API/StyleSheet/title
 ---
-<p>{{ ApiRef() }}</p>
-<h3 id="Summary" name="Summary">Resumen</h3>
-<p><strong>title</strong> devuelve el título de la hoja de estilo que se está usando.</p>
-<h3 id="Notes" name="Notes">Notas</h3>
-<p>El título es a menudo especificado en el <a href="/es/DOM/stylesheet.ownerNode" title="es/DOM/stylesheet.ownerNode">ownerNode</a>.</p>
-<h3 id="Specification" name="Specification">Especificación</h3>
-<p><a class="external" href="http://www.w3.org/TR/2000/REC-DOM-Level-2-Style-20001113/stylesheets.html#StyleSheets-StyleSheet-title">title </a></p>
-<p>{{ languages( { "pl": "pl/DOM/stylesheet.title" } ) }}</p>
+{{ ApiRef() }}
+
+### Resumen
+
+**title** devuelve el título de la hoja de estilo que se está usando.
+
+### Notas
+
+El título es a menudo especificado en el [ownerNode](/es/DOM/stylesheet.ownerNode "es/DOM/stylesheet.ownerNode").
+
+### Especificación
+
+[title](http://www.w3.org/TR/2000/REC-DOM-Level-2-Style-20001113/stylesheets.html#StyleSheets-StyleSheet-title)
+
+{{ languages( { "pl": "pl/DOM/stylesheet.title" } ) }}
diff --git a/files/es/web/api/stylesheet/type/index.md b/files/es/web/api/stylesheet/type/index.md
index fa60372cc000b7..240acdacd05848 100644
--- a/files/es/web/api/stylesheet/type/index.md
+++ b/files/es/web/api/stylesheet/type/index.md
@@ -3,15 +3,26 @@ title: Stylesheet.type
 slug: Web/API/StyleSheet/type
 translation_of: Web/API/StyleSheet/type
 ---
-<p>{{ ApiRef() }}</p>
-<h3 id="Summary" name="Summary">Resumen</h3>
-<p>type especifica el lenguaje de la hoja de estilo.</p>
-<h3 id="Syntax" name="Syntax">Sintaxis</h3>
-<pre class="eval"><em>string</em> = stylesheet.type
-</pre>
-<h3 id="Example" name="Example">Ejemplo</h3>
-<pre> ss.type = "text/css";
-</pre>
-<h3 id="Specification" name="Specification">Especificación</h3>
-<p><a class="external" href="http://www.w3.org/TR/2000/REC-DOM-Level-2-Style-20001113/stylesheets.html#StyleSheets-StyleSheet-type">type </a></p>
-<p>{{ languages( { "pl": "pl/DOM/stylesheet.type" } ) }}</p>
+{{ ApiRef() }}
+
+### Resumen
+
+type especifica el lenguaje de la hoja de estilo.
+
+### Sintaxis
+
+```
+string = stylesheet.type
+```
+
+### Ejemplo
+
+```
+ ss.type = "text/css";
+```
+
+### Especificación
+
+[type](http://www.w3.org/TR/2000/REC-DOM-Level-2-Style-20001113/stylesheets.html#StyleSheets-StyleSheet-type)
+
+{{ languages( { "pl": "pl/DOM/stylesheet.type" } ) }}
diff --git a/files/es/web/api/subtlecrypto/digest/index.md b/files/es/web/api/subtlecrypto/digest/index.md
index 9786c5e9993a1f..6351b09f9bd585 100644
--- a/files/es/web/api/subtlecrypto/digest/index.md
+++ b/files/es/web/api/subtlecrypto/digest/index.md
@@ -3,73 +3,65 @@ title: SubtleCrypto.digest()
 slug: Web/API/SubtleCrypto/digest
 translation_of: Web/API/SubtleCrypto/digest
 ---
-<div>{{APIRef("Web Crypto API")}}</div>
+{{APIRef("Web Crypto API")}}
 
-<p>El método <code><strong>digest()</strong></code> de la interfaz {{domxref("SubtleCrypto")}} genera un digest de los datos proveidos. Un {{domxref("digest")}} es un valor corto de longitud fija derivado de alguna entrada de longitud variable. Los digest criptográficos deben mostrar resistencia a colisiones, lo que significa que es difícil encontrar dos entradas diferentes que tengan el mismo valor de digest.</p>
+El método **`digest()`** de la interfaz {{domxref("SubtleCrypto")}} genera un digest de los datos proveidos. Un {{domxref("digest")}} es un valor corto de longitud fija derivado de alguna entrada de longitud variable. Los digest criptográficos deben mostrar resistencia a colisiones, lo que significa que es difícil encontrar dos entradas diferentes que tengan el mismo valor de digest.
 
-<p>Toma como argumento un identificador para el algoritmo digest a utilizar y los datos a codificar. Devuelve un <a href="https://developer.mozilla.org/en-US/docs/Web/JavaScript/Reference/Global_Objects/Promise" title="The Promise object represents the eventual completion (or failure) of an asynchronous operation, and its resulting value."><code>Promise</code></a> que se completará con el digest.</p>
+Toma como argumento un identificador para el algoritmo digest a utilizar y los datos a codificar. Devuelve un [`Promise`](/es/docs/Web/JavaScript/Reference/Global_Objects/Promise "The Promise object represents the eventual completion (or failure) of an asynchronous operation, and its resulting value.") que se completará con el digest.
 
-<h2 id="Sintaxis">Sintaxis</h2>
+## Sintaxis
 
-<pre class="syntaxbox">const digest = <em>crypto</em><code>.subtle.digest(<em>algorithm</em>, <em>data</em>)</code>;
-</pre>
+```
+const digest = crypto.subtle.digest(algorithm, data);
+```
 
-<h3 id="Parámetros">Parámetros</h3>
+### Parámetros
 
-<ul>
- <li><em><code>algorithm</code></em> es un {{domxref("DOMString")}} definiendo la función hash a utilizar. Los valores admitidos son:
+- _`algorithm`_ es un {{domxref("DOMString")}} definiendo la función hash a utilizar. Los valores admitidos son:
 
-  <ul>
-   <li><code>SHA-1</code> (pero no debe utilizarse en aplicaciones criptográficas)</li>
-   <li><code>SHA-256</code></li>
-   <li><code>SHA-384</code></li>
-   <li><code>SHA-512</code></li>
-  </ul>
- </li>
- <li><em><code>data</code></em> es un {{jsxref("ArrayBuffer")}} o {{domxref("ArrayBufferView")}} que contiene los datos a ser digitalizados.</li>
-</ul>
+  - `SHA-1` (pero no debe utilizarse en aplicaciones criptográficas)
+  - `SHA-256`
+  - `SHA-384`
+  - `SHA-512`
 
-<h3 id="Valor_de_retorno">Valor de retorno</h3>
+- _`data`_ es un {{jsxref("ArrayBuffer")}} o {{domxref("ArrayBufferView")}} que contiene los datos a ser digitalizados.
 
-<ul>
- <li><code><em>digest</em></code> es un <a href="https://developer.mozilla.org/en-US/docs/Web/JavaScript/Reference/Global_Objects/Promise" title="The Promise object represents the eventual completion (or failure) of an asynchronous operation, and its resulting value."><code>Promise</code></a> que se completa con un <a href="https://developer.mozilla.org/en-US/docs/Web/JavaScript/Reference/Global_Objects/ArrayBuffer" title="The ArrayBuffer object is used to represent a generic, fixed-length raw binary data buffer. You cannot directly manipulate the contents of an ArrayBuffer; instead, you create one of the typed array objects or a DataView object which represents the buffer in a specific format, and use that to read and write the contents of the buffer."><code>ArrayBuffer</code></a> conteniendo el digest.</li>
-</ul>
+### Valor de retorno
 
-<h2 id="Algoritmos_soportados">Algoritmos soportados</h2>
+- `digest` es un [`Promise`](/es/docs/Web/JavaScript/Reference/Global_Objects/Promise "The Promise object represents the eventual completion (or failure) of an asynchronous operation, and its resulting value.") que se completa con un [`ArrayBuffer`](/es/docs/Web/JavaScript/Reference/Global_Objects/ArrayBuffer "The ArrayBuffer object is used to represent a generic, fixed-length raw binary data buffer. You cannot directly manipulate the contents of an ArrayBuffer; instead, you create one of the typed array objects or a DataView object which represents the buffer in a specific format, and use that to read and write the contents of the buffer.") conteniendo el digest.
 
-<p>Los argoritmos digest, también conocidos como <a href="/en-US/docs/Glossary/Cryptographic_hash_function">funciones criptográficas hash</a>, transforman un bloque de datos arbitrariamente grande en una salida de tamaño fijo, normalmente mucho más corta que la entrada. Tienen una variedad de aplicaciones en criptografía.</p>
+## Algoritmos soportados
 
-<h3 id="SHA-1">SHA-1</h3>
+Los argoritmos digest, también conocidos como [funciones criptográficas hash](/es/docs/Glossary/Cryptographic_hash_function), transforman un bloque de datos arbitrariamente grande en una salida de tamaño fijo, normalmente mucho más corta que la entrada. Tienen una variedad de aplicaciones en criptografía.
 
-<p>Este algoritmo se especifica en <a href="https://nvlpubs.nist.gov/nistpubs/FIPS/NIST.FIPS.180-4.pdf">FIPS 180-4</a>, sección 6.1, y produce una salida de 160 bits de largo.</p>
+### SHA-1
 
-<div class="blockIndicator warning">
-<p><strong>Advertencia</strong>: Este algoritmo se considera ahora vulnerable y no debe utilizarse para aplicaciones criptográficas.</p>
-</div>
+Este algoritmo se especifica en [FIPS 180-4](https://nvlpubs.nist.gov/nistpubs/FIPS/NIST.FIPS.180-4.pdf), sección 6.1, y produce una salida de 160 bits de largo.
 
-<h3 id="SHA-256">SHA-256</h3>
+> **Advertencia:** Este algoritmo se considera ahora vulnerable y no debe utilizarse para aplicaciones criptográficas.
 
-<p>Este algoritmo se especifica en <a href="https://nvlpubs.nist.gov/nistpubs/FIPS/NIST.FIPS.180-4.pdf">FIPS 180-4</a>, sección 6.2, y produce una salida de 256 bits de largo.</p>
+### SHA-256
 
-<h3 id="SHA-384">SHA-384</h3>
+Este algoritmo se especifica en [FIPS 180-4](https://nvlpubs.nist.gov/nistpubs/FIPS/NIST.FIPS.180-4.pdf), sección 6.2, y produce una salida de 256 bits de largo.
 
-<p>Este algoritmo se especifica en <a href="https://nvlpubs.nist.gov/nistpubs/FIPS/NIST.FIPS.180-4.pdf">FIPS 180-4</a>, sección 6.5, y produce una salida de 384 bits de largo.</p>
+### SHA-384
 
-<h3 id="SHA-512">SHA-512</h3>
+Este algoritmo se especifica en [FIPS 180-4](https://nvlpubs.nist.gov/nistpubs/FIPS/NIST.FIPS.180-4.pdf), sección 6.5, y produce una salida de 384 bits de largo.
 
-<p>Este algoritmo se especifica en <a href="https://nvlpubs.nist.gov/nistpubs/FIPS/NIST.FIPS.180-4.pdf">FIPS 180-4</a>, sección 6.4, y produce una salida de 512 bits de largo.</p>
+### SHA-512
 
-<div class="blockIndicator note">
-<p>Sugerencia: Si estás buscando aquí cómo crear un código de autenticación de mensajes "keyed-hash" (<a href="/en-US/docs/Glossary/HMAC">HMAC</a>), necesitas usar <a href="/en-US/docs/Web/API/SubtleCrypto/sign#HMAC">SubtleCrypto.sign()</a> en su lugar.</p>
-</div>
+Este algoritmo se especifica en [FIPS 180-4](https://nvlpubs.nist.gov/nistpubs/FIPS/NIST.FIPS.180-4.pdf), sección 6.4, y produce una salida de 512 bits de largo.
 
-<h2 id="Ejemplos">Ejemplos</h2>
+> **Nota:** Sugerencia: Si estás buscando aquí cómo crear un código de autenticación de mensajes "keyed-hash" ([HMAC](/es/docs/Glossary/HMAC)), necesitas usar [SubtleCrypto.sign()](/es/docs/Web/API/SubtleCrypto/sign#HMAC) en su lugar.
 
-<h3 id="Ejemplo_básico">Ejemplo básico</h3>
+## Ejemplos
 
-<p>Este ejemplo codifica un mensaje, luego calcula su digest SHA-256 y muestra la longitud del mismo:</p>
+### Ejemplo básico
 
-<pre class="brush: js">const text = 'An obscure body in the S-K System, your majesty. The inhabitants refer to it as the planet Earth.';
+Este ejemplo codifica un mensaje, luego calcula su digest SHA-256 y muestra la longitud del mismo:
+
+```js
+const text = 'An obscure body in the S-K System, your majesty. The inhabitants refer to it as the planet Earth.';
 
 async function digestMessage(message) {
   const encoder = new TextEncoder();
@@ -80,56 +72,40 @@ async function digestMessage(message) {
 
 const digestBuffer = await digestMessage(text);
 console.log(digestBuffer.byteLength);
-</pre>
+```
 
-<h3 id="Convirtiendo_un_digest_a_una_cadena_hexadecimal">Convirtiendo un digest a una cadena hexadecimal</h3>
+### Convirtiendo un digest a una cadena hexadecimal
 
-<p>El resumen se devuelve como un <code>ArrayBuffer</code>, pero para la comparación y visualización los digests se representan a menudo como cadenas hexadecimales. Este ejemplo calcula un digest, y luego convierte el <code>ArrayBuffer</code> a un string hexadecimal:</p>
+El resumen se devuelve como un `ArrayBuffer`, pero para la comparación y visualización los digests se representan a menudo como cadenas hexadecimales. Este ejemplo calcula un digest, y luego convierte el `ArrayBuffer` a un string hexadecimal:
 
-<pre class="brush: js">const text = 'An obscure body in the S-K System, your majesty. The inhabitants refer to it as the planet Earth.';
+```js
+const text = 'An obscure body in the S-K System, your majesty. The inhabitants refer to it as the planet Earth.';
 
 async function digestMessage(message) {
   const msgUint8 = new TextEncoder().encode(message);                           // encode as (utf-8) Uint8Array
   const hashBuffer = await crypto.subtle.digest('SHA-256', msgUint8);           // hash the message
   const hashArray = Array.from(new Uint8Array(hashBuffer));                     // convert buffer to byte array
-  const hashHex = hashArray.map(b =&gt; b.toString(16).padStart(2, '0')).join(''); // convert bytes to hex string
+  const hashHex = hashArray.map(b => b.toString(16).padStart(2, '0')).join(''); // convert bytes to hex string
   return hashHex;
 }
 
 const digestHex = await digestMessage(text);
 console.log(digestHex);
-</pre>
-
-<h2 id="Especificaciones">Especificaciones</h2>
-
-<table class="standard-table">
- <tbody>
-  <tr>
-   <th scope="col">Especificación</th>
-   <th scope="col">Estado</th>
-   <th scope="col">Comentario</th>
-  </tr>
-  <tr>
-   <td>{{SpecName('Web Crypto API', '#dfn-SubtleCrypto-method-digest', 'SubtleCrypto.digest()')}}</td>
-   <td>{{Spec2('Web Crypto API')}}</td>
-   <td>Definición inicial.</td>
-  </tr>
- </tbody>
-</table>
+```
 
-<h2 id="Compatibilidad_del_navegador">Compatibilidad del navegador</h2>
+## Especificaciones
 
+| Especificación                                                                                                           | Estado                               | Comentario          |
+| ------------------------------------------------------------------------------------------------------------------------ | ------------------------------------ | ------------------- |
+| {{SpecName('Web Crypto API', '#dfn-SubtleCrypto-method-digest', 'SubtleCrypto.digest()')}} | {{Spec2('Web Crypto API')}} | Definición inicial. |
 
+## Compatibilidad del navegador
 
-<p>{{Compat("api.SubtleCrypto.digest")}}</p>
+{{Compat("api.SubtleCrypto.digest")}}
 
-<div class="blockIndicator note">
-<p>En Chrome 60, se añadió una característica que deshabilita crypto.subtle para conexiones no TLS.</p>
-</div>
+> **Nota:** En Chrome 60, se añadió una característica que deshabilita crypto.subtle para conexiones no TLS.
 
-<h2 id="Ver_también">Ver también</h2>
+## Ver también
 
-<ul>
- <li><a href="https://www.chromium.org/Home/chromium-security/prefer-secure-origins-for-powerful-new-features">Chromium especificación de origines seguro</a></li>
- <li><a href="https://nvlpubs.nist.gov/nistpubs/FIPS/NIST.FIPS.180-4.pdf" rel="noopener">FIPS 180-4</a> especifica la familia de algoritmos de digest SHA.</li>
-</ul>
+- [Chromium especificación de origines seguro](https://www.chromium.org/Home/chromium-security/prefer-secure-origins-for-powerful-new-features)
+- [FIPS 180-4](https://nvlpubs.nist.gov/nistpubs/FIPS/NIST.FIPS.180-4.pdf) especifica la familia de algoritmos de digest SHA.
diff --git a/files/es/web/api/subtlecrypto/index.md b/files/es/web/api/subtlecrypto/index.md
index 4f47208922ae7c..43132a9f235098 100644
--- a/files/es/web/api/subtlecrypto/index.md
+++ b/files/es/web/api/subtlecrypto/index.md
@@ -9,282 +9,121 @@ tags:
   - Web Crypto API
 translation_of: Web/API/SubtleCrypto
 ---
-<div>{{APIRef("Web Crypto API")}}</div>
+{{APIRef("Web Crypto API")}}
 
-<p>La interfaz <code><strong>SubtleCrypto</strong></code> de la <a href="/en-US/docs/Web/API/Web_Crypto_API">Web Crypto API</a> provee una serie de funciones criptográficas de bajo nivel. Se accede a ella a través de las propiedades {{domxref("Crypto.subtle")}} disponible en un contexto de la ventana (via {{domxref("Window.crypto")}}).</p>
+La interfaz **`SubtleCrypto`** de la [Web Crypto API](/es/docs/Web/API/Web_Crypto_API) provee una serie de funciones criptográficas de bajo nivel. Se accede a ella a través de las propiedades {{domxref("Crypto.subtle")}} disponible en un contexto de la ventana (via {{domxref("Window.crypto")}}).
 
-<div class="warning">
-<p><strong>Advertencia:</strong> Esta API proporciona una serie de primitivos criptográficos de bajo nivel. Es muy fácil hacer un mal uso de ellos, y las trampas involucradas pueden ser muy sutiles.</p>
+> **Advertencia:** Esta API proporciona una serie de primitivos criptográficos de bajo nivel. Es muy fácil hacer un mal uso de ellos, y las trampas involucradas pueden ser muy sutiles.
+>
+> Incluso suponiendo que se utilicen correctamente las funciones criptográficas básicas, la gestión segura de las claves y el diseño general del sistema de seguridad son extremadamente difíciles de conseguir correctamente, y generalmente son el dominio de expertos en seguridad especializados.
+>
+> Los errores en el diseño e implementación del sistema de seguridad pueden hacer que la seguridad del sistema sea completamente ineficaz.
+>
+> **Si no estás seguro de saber lo que estás haciendo, probablemente no deberías usar esta API.**
 
-<p>Incluso suponiendo que se utilicen correctamente las funciones criptográficas básicas, la gestión segura de las claves y el diseño general del sistema de seguridad son extremadamente difíciles de conseguir correctamente, y generalmente son el dominio de expertos en seguridad especializados.</p>
+## Descripción general
 
-<p>Los errores en el diseño e implementación del sistema de seguridad pueden hacer que la seguridad del sistema sea completamente ineficaz.</p>
+Podemos dividir las funciones implementadas por esta API en dos grupos: funciones criptográficas y funciones de administración de claves.
 
-<p><strong>Si no estás seguro de saber lo que estás haciendo, probablemente no deberías usar esta API.</strong></p>
-</div>
+### Funciones criptográficas
 
-<h2 id="Descripción_general">Descripción general</h2>
+Estas son las funciones que puedes utilizar para implementar características de seguridad como la privacidad y la autenticación en un sistema. El API de `SubtleCrypto` proporciona las siguientes funciones criptográficas:
 
-<p>Podemos dividir las funciones implementadas por esta API en dos grupos: funciones criptográficas y funciones de administración de claves.</p>
+\* {{DOMxRef("SubtleCrypto.sign","sign()")}} y {{DOMxRef("SubtleCrypto.verify","verify()")}}: crea y verifica las firmas digitales. \* {{DOMxRef("SubtleCrypto.encrypt","encrypt()")}} y {{DOMxRef("SubtleCrypto.decrypt","decrypt()")}}: encripta y desencripta datos. \* {{DOMxRef("SubtleCrypto.digest","digest()")}}: crea un digest de longitud fija y resistente a colisiones de algunos datos.
 
-<h3 id="Funciones_criptográficas">Funciones criptográficas</h3>
+### Funciones de gestión clave
 
-<p>Estas son las funciones que puedes utilizar para implementar características de seguridad como la privacidad y la autenticación en un sistema. El API de <code>SubtleCrypto</code> proporciona las siguientes funciones criptográficas:</p>
+Excepto para {{DOMxRef("SubtleCrypto.digest","digest()")}}, todas las funciones de criptografía de la API utilizan claves criptográficas. En la API `SubtleCrypto` una clave criptográfica se representa usando un objeto {{DOMxRef("CryptoKey","CryptoKey")}}. Para realizar operaciones como firmado y encriptación, provee un objeto {{DOMxRef("CryptoKey","CryptoKey")}} a la función {{DOMxRef("SubtleCrypto.sign","sign()")}} o {{DOMxRef("SubtleCrypto.encrypt","encrypt()")}}.
 
-<p>* {{DOMxRef("SubtleCrypto.sign","sign()")}} y {{DOMxRef("SubtleCrypto.verify","verify()")}}: crea y verifica las firmas digitales.<br>
- * {{DOMxRef("SubtleCrypto.encrypt","encrypt()")}} y {{DOMxRef("SubtleCrypto.decrypt","decrypt()")}}: encripta y desencripta datos.<br>
- * {{DOMxRef("SubtleCrypto.digest","digest()")}}: crea un digest de longitud fija y resistente a colisiones de algunos datos.</p>
-
-<h3 id="Funciones_de_gestión_clave">Funciones de gestión clave</h3>
-
-<p>Excepto para {{DOMxRef("SubtleCrypto.digest","digest()")}}, todas las funciones de criptografía de la API utilizan claves criptográficas. En la API <code>SubtleCrypto</code> una clave criptográfica se representa usando un objeto {{DOMxRef("CryptoKey","CryptoKey")}}. Para realizar operaciones como firmado y encriptación, provee un objeto {{DOMxRef("CryptoKey","CryptoKey")}} a la función {{DOMxRef("SubtleCrypto.sign","sign()")}} o {{DOMxRef("SubtleCrypto.encrypt","encrypt()")}}.</p>
-
-<h4 id="Generando_y_derivando_claves">Generando y derivando claves</h4>
-
-<p>Las funciones {{DOMxRef("SubtleCrypto.generateKey","generateKey()")}} y {{DOMxRef("SubtleCrypto.deriveKey","deriveKey()")}} ambos crean un nuevo objeto {{DOMxRef("CryptoKey")}}.</p>
-
-<p>La diferencia es que <code>generateKey()</code> generará un nuevo valor clave distinto cada vez que lo llames, mientras que <code>deriveKey()</code> deriva una llave de algún material inicial de claves. Si proporcionas el mismo material de claves a dos llamadas separadas a <code>deriveKey()</code>, obtendrás dos objetos  <code>CryptoKey</code> que tienen el mismo valor de base. Esto es útil si, por ejemplo, se quiere derivar una clave de cifrado de una contraseña y luego derivar la misma clave de la misma contraseña para descifrar los datos.</p>
-
-<h4 id="Importación_y_exportación_de_claves">Importación y exportación de claves</h4>
-
-<p>Para hacer que las claves estén disponibles fuera de tu aplicación, necesitas exportar la clave, y para eso sirve {{DOMxRef("SubtleCrypto.exportKey","exportKey()")}}.Puedes elegir uno de varios formatos de exportación.</p>
-
-<p>El inverso de <code>exportKey()</code> es {{DOMxRef("SubtleCrypto.importKey","importKey()")}}. Puedes importar claves de otros sistemas, y la compatibilidad con formatos estándar como <a href="https://tools.ietf.org/html/rfc5208">PKCS #8</a> y <a href="https://tools.ietf.org/html/rfc7517">JSON Web Key</a> te ayudan a hacer esto. La función <code>exportKey()</code> exporta la clave en un formato no codificado.</p>
-
-<p>Si la clave es sensible, deberías usar {{DOMxRef("SubtleCrypto.wrapKey","wrapKey()")}}, que exporta la clave y luego la encripta usando otra clave; el API llama a una "llave de envoltura".</p>
-
-<p>El inverso de <code>wrapKey()</code> es {{DOMxRef("SubtleCrypto.unwrapKey","unwrapKey()")}}, que descifra y luego importa la llave.</p>
-
-<h4 id="Almacenamiento_de_claves">Almacenamiento de claves</h4>
-
-<p>Epecification objetos <code>CryptoKey</code> pueden ser almacenados usando el <a href="/en-US/docs/Web/API/Web_Workers_API/Structured_clone_algorithm">structured clone algorithm</a>, lo que significa que puedes almacenarlos y recuperarlos usando las API de almacenamiento web estándar. La especificación espera que la mayoría de los desarrolladores usen el <a href="/en-US/docs/Web/API/IndexedDB_API">IndexedDB API</a> para almacenar objetos <code>CryptoKey</code>.</p>
-
-<h3 id="Algoritmos_Suportados">Algoritmos Suportados</h3>
-
-<p>Las funciones criptográficas que proporciona la Web Crypto API pueden ser realizadas por uno o más <em>algoritmos criptográficos </em>diferentes: El argumento <code>algorithm</code> de la función indica el algoritmo a utilizar. Algunos algoritmos necesitan parámetros adicionales: en estos casos el argumento <code>algorithm</code> es un objeto de diccionario que incluye los parámetros adicionales.</p>
-
-<p>En el cuadro que figura a continuación se resume qué algoritmos son adecuados para cada operación criptográfica:</p>
-
-<table class="standard-table">
- <thead>
-  <tr>
-   <th scope="row"></th>
-   <th scope="col">
-    <p><a href="/en-US/docs/Web/API/SubtleCrypto/sign">sign()</a></p>
-
-    <p><a href="/en-US/docs/Web/API/SubtleCrypto/verify">verify()</a></p>
-   </th>
-   <th scope="col">
-    <p><a href="/en-US/docs/Web/API/SubtleCrypto/encrypt">encrypt()</a></p>
-
-    <p><a href="/en-US/docs/Web/API/SubtleCrypto/decrypt">decrypt()</a></p>
-   </th>
-   <th scope="col"><a href="/en-US/docs/Web/API/SubtleCrypto/digest">digest()</a></th>
-   <th scope="col">
-    <p><a href="/en-US/docs/Web/API/SubtleCrypto/deriveBits">deriveBits()</a></p>
-
-    <p><a href="/en-US/docs/Web/API/SubtleCrypto/deriveKey">deriveKey()</a></p>
-   </th>
-   <th scope="col">
-    <p><a href="/en-US/docs/Web/API/SubtleCrypto/wrapKey">wrapKey()</a></p>
-
-    <p><a href="/en-US/docs/Web/API/SubtleCrypto/unwrapKey">unwrapKey()</a></p>
-   </th>
-  </tr>
- </thead>
- <tbody>
-  <tr>
-   <th scope="row">RSASSA-PKCS1-v1_5</th>
-   <td>✓</td>
-   <td></td>
-   <td></td>
-   <td></td>
-   <td></td>
-  </tr>
-  <tr>
-   <th scope="row">RSA-PSS</th>
-   <td>✓</td>
-   <td></td>
-   <td></td>
-   <td></td>
-   <td></td>
-  </tr>
-  <tr>
-   <th scope="row">ECDSA</th>
-   <td>✓</td>
-   <td></td>
-   <td></td>
-   <td></td>
-   <td></td>
-  </tr>
-  <tr>
-   <th scope="row">HMAC</th>
-   <td>✓</td>
-   <td></td>
-   <td></td>
-   <td></td>
-   <td></td>
-  </tr>
-  <tr>
-   <th scope="row">RSA-OAEP</th>
-   <td></td>
-   <td>✓</td>
-   <td></td>
-   <td></td>
-   <td>✓</td>
-  </tr>
-  <tr>
-   <th scope="row">AES-CTR</th>
-   <td></td>
-   <td>✓</td>
-   <td></td>
-   <td></td>
-   <td>✓</td>
-  </tr>
-  <tr>
-   <th scope="row">AES-CBC</th>
-   <td></td>
-   <td>✓</td>
-   <td></td>
-   <td></td>
-   <td>✓</td>
-  </tr>
-  <tr>
-   <th scope="row">AES-GCM</th>
-   <td></td>
-   <td>✓</td>
-   <td></td>
-   <td></td>
-   <td>✓</td>
-  </tr>
-  <tr>
-   <th scope="row">SHA-1</th>
-   <td></td>
-   <td></td>
-   <td>✓</td>
-   <td></td>
-   <td></td>
-  </tr>
-  <tr>
-   <th scope="row">SHA-256</th>
-   <td></td>
-   <td></td>
-   <td>✓</td>
-   <td></td>
-   <td></td>
-  </tr>
-  <tr>
-   <th scope="row">SHA-384</th>
-   <td></td>
-   <td></td>
-   <td>✓</td>
-   <td></td>
-   <td></td>
-  </tr>
-  <tr>
-   <th scope="row">SHA-512</th>
-   <td></td>
-   <td></td>
-   <td>✓</td>
-   <td></td>
-   <td></td>
-  </tr>
-  <tr>
-   <th scope="row">ECDH</th>
-   <td></td>
-   <td></td>
-   <td></td>
-   <td>✓</td>
-   <td></td>
-  </tr>
-  <tr>
-   <th scope="row">HKDF</th>
-   <td></td>
-   <td></td>
-   <td></td>
-   <td>✓</td>
-   <td></td>
-  </tr>
-  <tr>
-   <th scope="row">PBKDF2</th>
-   <td></td>
-   <td></td>
-   <td></td>
-   <td>✓</td>
-   <td></td>
-  </tr>
-  <tr>
-   <th scope="row">AES-KW</th>
-   <td></td>
-   <td></td>
-   <td></td>
-   <td></td>
-   <td>✓</td>
-  </tr>
- </tbody>
-</table>
-
-<h2 id="Propiedades">Propiedades</h2>
-
-<p><em>Esta interfaz no hereda ni implementa ninguna propiedad.</em></p>
-
-<h2 id="Métodos">Métodos</h2>
-
-<p><em>Esta interfaz no hereda ningún método.</em></p>
-
-<dl>
- <dt>{{domxref("SubtleCrypto.encrypt()")}}</dt>
- <dd>Retorna un {{jsxref("Promise")}} que se completa con los datos codificados correspondientes al texto sin cifrar, el algoritmo y la clave dados como parámetros.</dd>
- <dt>{{domxref("SubtleCrypto.decrypt()")}}</dt>
- <dd>Retorna un {{jsxref("Promise")}} que se completa con los datos claros correspondientes al texto encriptado, el algoritmo y la clave dados como parámetros.</dd>
- <dt>{{domxref("SubtleCrypto.sign()")}}</dt>
- <dd>Retorna un {{jsxref("Promise")}} que se completa con la firma correspondiente al texto, algoritmo y clave dados como parámetros.</dd>
- <dt>{{domxref("SubtleCrypto.verify()")}}</dt>
- <dd>Retorna un {{jsxref("Promise")}} que se completa con un valor {{jsxref("Boolean")}} indicando si la firma dada como parámetro coincide con el texto, el algoritmo y la clave que también se dan como parámetros.</dd>
- <dt>{{domxref("SubtleCrypto.digest()")}}</dt>
- <dd>Retorna un {{jsxref("Promise")}} que se completa con digest generado a partir del algoritmo y el texto dados como parámetros.</dd>
- <dt>{{domxref("SubtleCrypto.generateKey()")}}</dt>
- <dd>Retorna un {{jsxref("Promise")}} que se completa con un recién generado {{domxref("CryptoKey")}}, para algoritmos simétricos, o un {{domxref("CryptoKeyPair")}}, que contiene dos claves recién generadas, para algoritmos asimétricos. Estas coincidirán con el algoritmo, usos y extraíbles dados como parámetros.</dd>
- <dt>{{domxref("SubtleCrypto.deriveKey()")}}</dt>
- <dd>Retorna un {{jsxref("Promise")}} que se completa con un recién generado {{domxref("CryptoKey")}} derivado de la clave maestra y el algoritmo específico dados como parámetros.</dd>
- <dt>{{domxref("SubtleCrypto.deriveBits()")}}</dt>
- <dd>Retorna un {{jsxref("Promise")}} que se completa con un recién generado buffer de bits pseudo-aleatorios derivado de la clave maestra y el algoritmo específico dados como parámetros.</dd>
- <dt>{{domxref("SubtleCrypto.importKey()")}}</dt>
- <dd>Retorna un {{jsxref("Promise")}} que se completa con un {{domxref("CryptoKey")}} correspondiente al formato, el algoritmo, los datos clave en bruto, los usos y la extraíbilidad dados como parámetros.</dd>
- <dt>{{domxref("SubtleCrypto.exportKey()")}}</dt>
- <dd>Retorna un {{jsxref("Promise")}} que se completa con un buffer que contiene la clave en el formato solicitado.</dd>
- <dt>{{domxref("SubtleCrypto.wrapKey()")}}</dt>
- <dd>Retorna un {{jsxref("Promise")}} que se completa con una llave simétrica envuelta para su uso (transferencia y almacenamiento) en entornos inseguros. La llave envuelta coincide con el formato especificado en los parámetros dados, y la envoltura se hace con la llave envuelta dada, usando el algoritmo especificado.</dd>
- <dt>{{domxref("SubtleCrypto.unwrapKey()")}}</dt>
- <dd>Retorna un {{jsxref("Promise")}} que se completa con un {{domxref("CryptoKey")}} correspondiente a la llave envuelta dada en el parámetro.</dd>
-</dl>
-
-<h2 id="Especificaciones">Especificaciones</h2>
-
-<table class="standard-table">
- <tbody>
-  <tr>
-   <th scope="col">Especificación</th>
-   <th scope="col">Estado</th>
-   <th scope="col">Comentario</th>
-  </tr>
-  <tr>
-   <td>{{ SpecName('Web Crypto API', '#subtlecrypto-interface', 'SubtleCrypto') }}</td>
-   <td>{{ Spec2('Web Crypto API') }}</td>
-   <td>Definición inicial.</td>
-  </tr>
- </tbody>
-</table>
-
-<h2 id="Compatibilidad_del_navegador">Compatibilidad del navegador</h2>
-
-
-
-<p>{{Compat("api.SubtleCrypto")}}</p>
-
-<h2 id="Ver_también">Ver también</h2>
-
-<ul>
- <li>{{domxref("Crypto")}} and {{domxref("Crypto.subtle")}}.</li>
- <li><a href="https://www.crypto101.io/">Crypto 101</a>: un curso de introducción a la criptografía (en inglés).</li>
-</ul>
+#### Generando y derivando claves
+
+Las funciones {{DOMxRef("SubtleCrypto.generateKey","generateKey()")}} y {{DOMxRef("SubtleCrypto.deriveKey","deriveKey()")}} ambos crean un nuevo objeto {{DOMxRef("CryptoKey")}}.
+
+La diferencia es que `generateKey()` generará un nuevo valor clave distinto cada vez que lo llames, mientras que `deriveKey()` deriva una llave de algún material inicial de claves. Si proporcionas el mismo material de claves a dos llamadas separadas a `deriveKey()`, obtendrás dos objetos `CryptoKey` que tienen el mismo valor de base. Esto es útil si, por ejemplo, se quiere derivar una clave de cifrado de una contraseña y luego derivar la misma clave de la misma contraseña para descifrar los datos.
+
+#### Importación y exportación de claves
+
+Para hacer que las claves estén disponibles fuera de tu aplicación, necesitas exportar la clave, y para eso sirve {{DOMxRef("SubtleCrypto.exportKey","exportKey()")}}.Puedes elegir uno de varios formatos de exportación.
+
+El inverso de `exportKey()` es {{DOMxRef("SubtleCrypto.importKey","importKey()")}}. Puedes importar claves de otros sistemas, y la compatibilidad con formatos estándar como [PKCS #8](https://tools.ietf.org/html/rfc5208) y [JSON Web Key](https://tools.ietf.org/html/rfc7517) te ayudan a hacer esto. La función `exportKey()` exporta la clave en un formato no codificado.
+
+Si la clave es sensible, deberías usar {{DOMxRef("SubtleCrypto.wrapKey","wrapKey()")}}, que exporta la clave y luego la encripta usando otra clave; el API llama a una "llave de envoltura".
+
+El inverso de `wrapKey()` es {{DOMxRef("SubtleCrypto.unwrapKey","unwrapKey()")}}, que descifra y luego importa la llave.
+
+#### Almacenamiento de claves
+
+Epecification objetos `CryptoKey` pueden ser almacenados usando el [structured clone algorithm](/es/docs/Web/API/Web_Workers_API/Structured_clone_algorithm), lo que significa que puedes almacenarlos y recuperarlos usando las API de almacenamiento web estándar. La especificación espera que la mayoría de los desarrolladores usen el [IndexedDB API](/es/docs/Web/API/IndexedDB_API) para almacenar objetos `CryptoKey`.
+
+### Algoritmos Suportados
+
+Las funciones criptográficas que proporciona la Web Crypto API pueden ser realizadas por uno o más _algoritmos criptográficos_ diferentes: El argumento `algorithm` de la función indica el algoritmo a utilizar. Algunos algoritmos necesitan parámetros adicionales: en estos casos el argumento `algorithm` es un objeto de diccionario que incluye los parámetros adicionales.
+
+En el cuadro que figura a continuación se resume qué algoritmos son adecuados para cada operación criptográfica:
+
+|                   | [sign()](/es/docs/Web/API/SubtleCrypto/sign)[verify()](/es/docs/Web/API/SubtleCrypto/verify) | [encrypt()](/es/docs/Web/API/SubtleCrypto/encrypt)[decrypt()](/es/docs/Web/API/SubtleCrypto/decrypt) | [digest()](/es/docs/Web/API/SubtleCrypto/digest) | [deriveBits()](/es/docs/Web/API/SubtleCrypto/deriveBits)[deriveKey()](/es/docs/Web/API/SubtleCrypto/deriveKey) | [wrapKey()](/es/docs/Web/API/SubtleCrypto/wrapKey)[unwrapKey()](/es/docs/Web/API/SubtleCrypto/unwrapKey) |
+| ----------------- | -------------------------------------------------------------------------------------------- | ---------------------------------------------------------------------------------------------------- | ------------------------------------------------ | -------------------------------------------------------------------------------------------------------------- | -------------------------------------------------------------------------------------------------------- |
+| RSASSA-PKCS1-v1_5 | ✓                                                                                            |                                                                                                      |                                                  |                                                                                                                |                                                                                                          |
+| RSA-PSS           | ✓                                                                                            |                                                                                                      |                                                  |                                                                                                                |                                                                                                          |
+| ECDSA             | ✓                                                                                            |                                                                                                      |                                                  |                                                                                                                |                                                                                                          |
+| HMAC              | ✓                                                                                            |                                                                                                      |                                                  |                                                                                                                |                                                                                                          |
+| RSA-OAEP          |                                                                                              | ✓                                                                                                    |                                                  |                                                                                                                | ✓                                                                                                        |
+| AES-CTR           |                                                                                              | ✓                                                                                                    |                                                  |                                                                                                                | ✓                                                                                                        |
+| AES-CBC           |                                                                                              | ✓                                                                                                    |                                                  |                                                                                                                | ✓                                                                                                        |
+| AES-GCM           |                                                                                              | ✓                                                                                                    |                                                  |                                                                                                                | ✓                                                                                                        |
+| SHA-1             |                                                                                              |                                                                                                      | ✓                                                |                                                                                                                |                                                                                                          |
+| SHA-256           |                                                                                              |                                                                                                      | ✓                                                |                                                                                                                |                                                                                                          |
+| SHA-384           |                                                                                              |                                                                                                      | ✓                                                |                                                                                                                |                                                                                                          |
+| SHA-512           |                                                                                              |                                                                                                      | ✓                                                |                                                                                                                |                                                                                                          |
+| ECDH              |                                                                                              |                                                                                                      |                                                  | ✓                                                                                                              |                                                                                                          |
+| HKDF              |                                                                                              |                                                                                                      |                                                  | ✓                                                                                                              |                                                                                                          |
+| PBKDF2            |                                                                                              |                                                                                                      |                                                  | ✓                                                                                                              |                                                                                                          |
+| AES-KW            |                                                                                              |                                                                                                      |                                                  |                                                                                                                | ✓                                                                                                        |
+
+## Propiedades
+
+_Esta interfaz no hereda ni implementa ninguna propiedad._
+
+## Métodos
+
+_Esta interfaz no hereda ningún método._
+
+- {{domxref("SubtleCrypto.encrypt()")}}
+  - : Retorna un {{jsxref("Promise")}} que se completa con los datos codificados correspondientes al texto sin cifrar, el algoritmo y la clave dados como parámetros.
+- {{domxref("SubtleCrypto.decrypt()")}}
+  - : Retorna un {{jsxref("Promise")}} que se completa con los datos claros correspondientes al texto encriptado, el algoritmo y la clave dados como parámetros.
+- {{domxref("SubtleCrypto.sign()")}}
+  - : Retorna un {{jsxref("Promise")}} que se completa con la firma correspondiente al texto, algoritmo y clave dados como parámetros.
+- {{domxref("SubtleCrypto.verify()")}}
+  - : Retorna un {{jsxref("Promise")}} que se completa con un valor {{jsxref("Boolean")}} indicando si la firma dada como parámetro coincide con el texto, el algoritmo y la clave que también se dan como parámetros.
+- {{domxref("SubtleCrypto.digest()")}}
+  - : Retorna un {{jsxref("Promise")}} que se completa con digest generado a partir del algoritmo y el texto dados como parámetros.
+- {{domxref("SubtleCrypto.generateKey()")}}
+  - : Retorna un {{jsxref("Promise")}} que se completa con un recién generado {{domxref("CryptoKey")}}, para algoritmos simétricos, o un {{domxref("CryptoKeyPair")}}, que contiene dos claves recién generadas, para algoritmos asimétricos. Estas coincidirán con el algoritmo, usos y extraíbles dados como parámetros.
+- {{domxref("SubtleCrypto.deriveKey()")}}
+  - : Retorna un {{jsxref("Promise")}} que se completa con un recién generado {{domxref("CryptoKey")}} derivado de la clave maestra y el algoritmo específico dados como parámetros.
+- {{domxref("SubtleCrypto.deriveBits()")}}
+  - : Retorna un {{jsxref("Promise")}} que se completa con un recién generado buffer de bits pseudo-aleatorios derivado de la clave maestra y el algoritmo específico dados como parámetros.
+- {{domxref("SubtleCrypto.importKey()")}}
+  - : Retorna un {{jsxref("Promise")}} que se completa con un {{domxref("CryptoKey")}} correspondiente al formato, el algoritmo, los datos clave en bruto, los usos y la extraíbilidad dados como parámetros.
+- {{domxref("SubtleCrypto.exportKey()")}}
+  - : Retorna un {{jsxref("Promise")}} que se completa con un buffer que contiene la clave en el formato solicitado.
+- {{domxref("SubtleCrypto.wrapKey()")}}
+  - : Retorna un {{jsxref("Promise")}} que se completa con una llave simétrica envuelta para su uso (transferencia y almacenamiento) en entornos inseguros. La llave envuelta coincide con el formato especificado en los parámetros dados, y la envoltura se hace con la llave envuelta dada, usando el algoritmo especificado.
+- {{domxref("SubtleCrypto.unwrapKey()")}}
+  - : Retorna un {{jsxref("Promise")}} que se completa con un {{domxref("CryptoKey")}} correspondiente a la llave envuelta dada en el parámetro.
+
+## Especificaciones
+
+| Especificación                                                                                       | Estado                                   | Comentario          |
+| ---------------------------------------------------------------------------------------------------- | ---------------------------------------- | ------------------- |
+| {{ SpecName('Web Crypto API', '#subtlecrypto-interface', 'SubtleCrypto') }} | {{ Spec2('Web Crypto API') }} | Definición inicial. |
+
+## Compatibilidad del navegador
+
+{{Compat("api.SubtleCrypto")}}
+
+## Ver también
+
+- {{domxref("Crypto")}} and {{domxref("Crypto.subtle")}}.
+- [Crypto 101](https://www.crypto101.io/): un curso de introducción a la criptografía (en inglés).
diff --git a/files/es/web/api/svgpoint/index.md b/files/es/web/api/svgpoint/index.md
index 9709061af47601..e10a3cbf43967b 100644
--- a/files/es/web/api/svgpoint/index.md
+++ b/files/es/web/api/svgpoint/index.md
@@ -8,6 +8,6 @@ tags:
   - matrixTransform
 translation_of: Web/API/SVGPoint
 ---
-<div>{{APIRef("SVG")}}</div>
+{{APIRef("SVG")}}
 
-<p>Crea un nuevo elemento SVGPoint que se inicializa en el origen ( 0,0) del sistema de coordenadas. El elemento no es visible ni es agregado al DOM</p>
+Crea un nuevo elemento SVGPoint que se inicializa en el origen ( 0,0) del sistema de coordenadas. El elemento no es visible ni es agregado al DOM
diff --git a/files/es/web/api/texttrack/cuechange_event/index.md b/files/es/web/api/texttrack/cuechange_event/index.md
index 695de580291e4b..419c4e6f046a67 100644
--- a/files/es/web/api/texttrack/cuechange_event/index.md
+++ b/files/es/web/api/texttrack/cuechange_event/index.md
@@ -16,92 +16,85 @@ tags:
   - track
 translation_of: Web/API/TextTrack/cuechange_event
 ---
-<div>{{APIRef}}</div>
+{{APIRef}}
 
-<p><span class="seoSummary">El evento <strong><code>cuechange</code></strong> se activa cuando un {{domxref("TextTrack")}} ha cambiado las anotaciones que se estan mostrando.</span> El evento es activado tanto en <code>TextTrack</code> <em>y</em> en el {{domxref("HTMLTrackElement")}} donde esta siendo mostrado, si lo hay.</p>
+El evento **`cuechange`** se activa cuando un {{domxref("TextTrack")}} ha cambiado las anotaciones que se estan mostrando. El evento es activado tanto en `TextTrack` _y_ en el {{domxref("HTMLTrackElement")}} donde esta siendo mostrado, si lo hay.
 
 <table class="properties">
- <tbody>
-  <tr>
-   <th scope="row">Burbujas</th>
-   <td>No</td>
-  </tr>
-  <tr>
-   <th scope="row">Cancelable</th>
-   <td>No</td>
-  </tr>
-  <tr>
-   <th scope="row">Interfaz</th>
-   <td>{{domxref("Event")}}</td>
-  </tr>
-  <tr>
-   <th scope="row">Propiedad del controlador de eventos</th>
-   <td>{{domxref("GlobalEventHandlers.oncuechange")}}</td>
-  </tr>
- </tbody>
+  <tbody>
+    <tr>
+      <th scope="row">Burbujas</th>
+      <td>No</td>
+    </tr>
+    <tr>
+      <th scope="row">Cancelable</th>
+      <td>No</td>
+    </tr>
+    <tr>
+      <th scope="row">Interfaz</th>
+      <td>{{domxref("Event")}}</td>
+    </tr>
+    <tr>
+      <th scope="row">Propiedad del controlador de eventos</th>
+      <td>{{domxref("GlobalEventHandlers.oncuechange")}}</td>
+    </tr>
+  </tbody>
 </table>
 
-<h2 id="Ejemplos">Ejemplos</h2>
+## Ejemplos
 
-<h3 id="En_el_TextTrack">En el TextTrack</h3>
+### En el TextTrack
 
-<p>Tu puedes preparar una escucha para el evento <code>cuechange</code> en un <code>TextTrack</code> usando el método {{domxref("EventTarget.addEventListener", "addEventListener()")}}:</p>
+Tu puedes preparar una escucha para el evento `cuechange` en un `TextTrack` usando el método {{domxref("EventTarget.addEventListener", "addEventListener()")}}:
 
-<pre class="brush: js notranslate">track.addEventListener('cuechange', function () {
+```js
+track.addEventListener('cuechange', function () {
   let cues = track.activeCues;  // array de las anotaciones actuales
 });
-</pre>
+```
 
-<p>O puedes solo preparar la propiedad del controlador de eventos {{domxref("GlobalEventHandlers.oncuechange", "oncuechange")}}:</p>
+O puedes solo preparar la propiedad del controlador de eventos {{domxref("GlobalEventHandlers.oncuechange", "oncuechange")}}:
 
-<pre class="brush: js notranslate">track.oncuechange = function () {
+```js
+track.oncuechange = function () {
   let cues = track.activeCues; // array of current cues
-}</pre>
+}
+```
 
-<h3 id="En_el_elemento_track">En el elemento track</h3>
+### En el elemento track
 
-<p>El subyacente {{domxref("TextTrack")}}, indicado por la propiedad {{domxref("HTMLTrackElement.track", "track")}}, recive un evento  {{domxref("TextTrack.cuechange_event", "cuechange")}} cada vez que la anotación que esta siendo actualmente presentada cambia. Est sucede incluso si la pista de texto no está asociada cun un elemento multimedia.</p>
+El subyacente {{domxref("TextTrack")}}, indicado por la propiedad {{domxref("HTMLTrackElement.track", "track")}}, recive un evento {{domxref("TextTrack.cuechange_event", "cuechange")}} cada vez que la anotación que esta siendo actualmente presentada cambia. Est sucede incluso si la pista de texto no está asociada cun un elemento multimedia.
 
-<p>Si la pista de texto <em>está</em> asociada con el elemento multimedia, usando el elemento {{HTMLElement("track")}} como hijo del elemento {{HTMLElement("audio")}} o del elemento {{HTMLElement("video")}}, el evento <code>cuechange</code> es también enviado al {{domxref("HTMLTrackElement")}}.</p>
+Si la pista de texto _está_ asociada con el elemento multimedia, usando el elemento {{HTMLElement("track")}} como hijo del elemento {{HTMLElement("audio")}} o del elemento {{HTMLElement("video")}}, el evento `cuechange` es también enviado al {{domxref("HTMLTrackElement")}}.
 
-<pre class="brush: js notranslate">let textTrackElem = document.getElementById("texttrack");
+```js
+let textTrackElem = document.getElementById("texttrack");
 
-textTrackElem.addEventListener("cuechange", (event) =&gt; {
+textTrackElem.addEventListener("cuechange", (event) => {
   let cues = event.target.track.activeCues;
 });
-</pre>
+```
 
-<p>Además, puedes utilizar el controlador de eventos <code>oncuechange</code>:</p>
+Además, puedes utilizar el controlador de eventos `oncuechange`:
 
-<pre class="brush: js notranslate">let textTrackElem = document.getElementById("texttrack");
+```js
+let textTrackElem = document.getElementById("texttrack");
 
-textTrackElem.oncuechange = (event) =&gt; {
+textTrackElem.oncuechange = (event) => {
   let cues = event.target.track.activeCues;
-});</pre>
-
-<h2 id="Especificaciones">Especificaciones</h2>
-
-<table class="standard-table">
- <thead>
-  <tr>
-   <th scope="col">Especificación</th>
-   <th scope="col">Estado</th>
-  </tr>
- </thead>
- <tbody>
-  <tr>
-   <td>{{SpecName('HTML WHATWG', '#event-media-cuechange', 'cuechange')}}</td>
-   <td>{{Spec2('HTML WHATWG')}}</td>
-  </tr>
- </tbody>
-</table>
+});
+```
+
+## Especificaciones
+
+| Especificación                                                                           | Estado                           |
+| ---------------------------------------------------------------------------------------- | -------------------------------- |
+| {{SpecName('HTML WHATWG', '#event-media-cuechange', 'cuechange')}} | {{Spec2('HTML WHATWG')}} |
 
-<h2 id="Compatibilidad_de_los_navegadores">Compatibilidad de los navegadores</h2>
+## Compatibilidad de los navegadores
 
-<p>{{Compat("api.TextTrack.cuechange_event")}}</p>
+{{Compat("api.TextTrack.cuechange_event")}}
 
-<h2 id="Ver_también">Ver también</h2>
+## Ver también
 
-<ul>
- <li>{{glossary("WebVTT")}}</li>
-</ul>
+- {{glossary("WebVTT")}}
diff --git a/files/es/web/api/texttrack/index.md b/files/es/web/api/texttrack/index.md
index 22337a0f8631fb..8c2d590c4ba76a 100644
--- a/files/es/web/api/texttrack/index.md
+++ b/files/es/web/api/texttrack/index.md
@@ -13,90 +13,66 @@ tags:
   - WebVTT
 translation_of: Web/API/TextTrack
 ---
-<div>{{APIRef("WebVTT")}}</div>
-
-<div id="interface_description">
-<p>The <code>TextTrack</code> interface—part of the API for handling WebVTT (text tracks on media presentations)—describes and controls the text track associated with a particular {{HTMLElement("track")}} element.</p>
-</div>
-
-<h2 id="Properties">Properties</h2>
-
-<p class=""><em>This interface also inherits properties from {{domxref("EventTarget")}}.</em></p>
-
-<dl id="property_definitions">
-	<dt>{{domxref("TextTrack.activeCues")}} {{readonlyInline}}</dt>
-	<dd>A {{domxref("TextTrackCueList")}} object listing the currently active set of text track cues. Track cues are active if the current playback position of the media is between the cues' start and end times. Thus, for displayed cues such as captions or subtitles, the active cues are currently being displayed.</dd>
-	<dt>{{domxref("TextTrack.cues")}} {{readonlyInline}}</dt>
-	<dd>A {{domxref("TextTrackCueList")}} which contains all of the track's cues.</dd>
-	<dt>{{domxref("TextTrack.id")}} {{readonlyInline}}</dt>
-	<dd>A {{domxref("DOMString")}} which identifies the track, if it has one. If it doesn't have an ID, then this value is an empty string (<code>""</code>). If the <code>TextTrack</code> is associated with a {{HTMLElement("track")}} element, then the track's ID matches the element's ID.</dd>
-	<dt>{{domxref("TextTrack.inBandMetadataTrackDispatchType")}} {{readonlyInline}}</dt>
-	<dd>Returns a {{domxref("DOMString")}} which indicates the track's in-band metadata track dispatch type. <em><strong>needs details</strong></em></dd>
-	<dt>{{domxref("TextTrack.kind")}} {{readonlyInline}}</dt>
-	<dd>Returns a {{domxref("DOMString")}} indicating what kind of text track the <code>TextTrack</code> describes. The value must be one of those in the TextTrackKind enum.</dd>
-	<dt>{{domxref("TextTrack.label")}} {{readonlyInline}}</dt>
-	<dd>A human-readable {{domxref("DOMString")}} which contains the text track's label, if one is present; otherwise, this is an empty string (<code>""</code>), in which case a custom label may need to be generated by your code using other attributes of the track, if the track's label needs to be exposed to the user.</dd>
-	<dt>{{domxref("TextTrack.language")}} {{readonlyInline}}</dt>
-	<dd>A {{domxref("DOMString")}} which specifies the text language in which the text track's contents is written. The value must adhere to the format specified in the <a href="https://tools.ietf.org/html/bcp47">Tags for Identifying Languages</a> (<a href="https://tools.ietf.org/html/bcp47">BCP 47</a>) document from the IETF, just like the HTML {{htmlattrxref("lang")}} attribute. For example, this can be <code>"en-US"</code> for United States English or <code>"pt-BR"</code> for Brazilian Portuguese.</dd>
-	<dt>{{domxref("TextTrack.mode")}}</dt>
-	<dd>A {{domxref("DOMString")}} specifying the track's current mode. Changing this property's value changes the track's current mode to match. Permitted values are listed under <a href="/en-US/docs/Web/API/TextTrack/mode#Text_track_mode_constants">Text track mode constants</a>. The default is <code>disabled</code>, unless the {{HTMLElement("track")}} element's {{htmlattrxref("default", "track")}} Boolean attribute is specified, in which case the default mode is <code>started</code>.</dd>
-</dl>
-
-<h2 id="Events">Events</h2>
-
-<dl id="event_handler_property_definitions">
-	<dt><code><a href="/en-US/docs/Web/API/TextTrack/cuechange_event">cuechange</a></code></dt>
-	<dd>Fired when cues are entered and exited. A given text cue appears when the cue is entered and disappears when the cue is exited.<br>
-	Also available via the <code><a href="/en-US/docs/Web/API/GlobalEventHandlers/oncuechange">oncuechange</a></code> property.</dd>
-</dl>
-
-<h2 id="methods" name="methods">Methods</h2>
-
-<p class=""><em>This interface also inherits methods from {{domxref("EventTarget")}}.</em></p>
-
-<dl id="method_definitions">
-	<dt>{{domxref("TextTrack.addCue()")}}</dt>
-	<dd>Adds a cue (specified as a {{domxref("TextTrackCue")}} object to the track's list of cues.</dd>
-	<dt>{{domxref("TextTrack.removeCue()")}}</dt>
-	<dd>Removes a cue (specified as a {{domxref("TextTrackCue")}} object from the track's list of cues.</dd>
-</dl>
-
-<dl id="method_definitions_obsolete">
-</dl>
-
-<h2 id="Example" name="Example">Example</h2>
-
-<p>tbd</p>
-
-<h2 id="Specifications">Specifications</h2>
-
-<table class="standard-table">
-	<tbody>
-		<tr>
-			<th scope="col">Specification</th>
-			<th scope="col">Status</th>
-			<th scope="col">Comment</th>
-		</tr>
-		<tr>
-			<td>{{ SpecName('HTML WHATWG', '#texttrack', 'TextTrack') }}</td>
-			<td>{{ Spec2('HTML WHATWG') }}</td>
-			<td></td>
-		</tr>
-	</tbody>
-</table>
-
-<h2 id="Browser_compatibility">Browser compatibility</h2>
-
-
-
-<p>{{Compat("api.TextTrack")}}</p>
-
-<h2 id="See_also">See also</h2>
-
-<ul>
-	<li><a href="/en-US/docs/Web/API/WebVTT_API">WebVTT</a></li>
-	<li>{{domxref("TextTrackCueList")}}</li>
-	<li>{{domxref("VTTCue")}}</li>
-	<li>{{HTMLElement("track")}}</li>
-	<li>{{domxref("HTMLTrackElement")}}</li>
-</ul>
+{{APIRef("WebVTT")}}
+
+The `TextTrack` interface—part of the API for handling WebVTT (text tracks on media presentations)—describes and controls the text track associated with a particular {{HTMLElement("track")}} element.
+
+## Properties
+
+_This interface also inherits properties from {{domxref("EventTarget")}}._
+
+- {{domxref("TextTrack.activeCues")}} {{readonlyInline}}
+  - : A {{domxref("TextTrackCueList")}} object listing the currently active set of text track cues. Track cues are active if the current playback position of the media is between the cues' start and end times. Thus, for displayed cues such as captions or subtitles, the active cues are currently being displayed.
+- {{domxref("TextTrack.cues")}} {{readonlyInline}}
+  - : A {{domxref("TextTrackCueList")}} which contains all of the track's cues.
+- {{domxref("TextTrack.id")}} {{readonlyInline}}
+  - : A {{domxref("DOMString")}} which identifies the track, if it has one. If it doesn't have an ID, then this value is an empty string (`""`). If the `TextTrack` is associated with a {{HTMLElement("track")}} element, then the track's ID matches the element's ID.
+- {{domxref("TextTrack.inBandMetadataTrackDispatchType")}} {{readonlyInline}}
+  - : Returns a {{domxref("DOMString")}} which indicates the track's in-band metadata track dispatch type. _**needs details**_
+- {{domxref("TextTrack.kind")}} {{readonlyInline}}
+  - : Returns a {{domxref("DOMString")}} indicating what kind of text track the `TextTrack` describes. The value must be one of those in the TextTrackKind enum.
+- {{domxref("TextTrack.label")}} {{readonlyInline}}
+  - : A human-readable {{domxref("DOMString")}} which contains the text track's label, if one is present; otherwise, this is an empty string (`""`), in which case a custom label may need to be generated by your code using other attributes of the track, if the track's label needs to be exposed to the user.
+- {{domxref("TextTrack.language")}} {{readonlyInline}}
+  - : A {{domxref("DOMString")}} which specifies the text language in which the text track's contents is written. The value must adhere to the format specified in the [Tags for Identifying Languages](https://tools.ietf.org/html/bcp47) ([BCP 47](https://tools.ietf.org/html/bcp47)) document from the IETF, just like the HTML {{htmlattrxref("lang")}} attribute. For example, this can be `"en-US"` for United States English or `"pt-BR"` for Brazilian Portuguese.
+- {{domxref("TextTrack.mode")}}
+  - : A {{domxref("DOMString")}} specifying the track's current mode. Changing this property's value changes the track's current mode to match. Permitted values are listed under [Text track mode constants](/es/docs/Web/API/TextTrack/mode#Text_track_mode_constants). The default is `disabled`, unless the {{HTMLElement("track")}} element's {{htmlattrxref("default", "track")}} Boolean attribute is specified, in which case the default mode is `started`.
+
+## Events
+
+- [`cuechange`](/en-US/docs/Web/API/TextTrack/cuechange_event)
+  - : Fired when cues are entered and exited. A given text cue appears when the cue is entered and disappears when the cue is exited.
+    Also available via the [`oncuechange`](/en-US/docs/Web/API/GlobalEventHandlers/oncuechange) property.
+
+## Methods
+
+_This interface also inherits methods from {{domxref("EventTarget")}}._
+
+- {{domxref("TextTrack.addCue()")}}
+  - : Adds a cue (specified as a {{domxref("TextTrackCue")}} object to the track's list of cues.
+- {{domxref("TextTrack.removeCue()")}}
+  - : Removes a cue (specified as a {{domxref("TextTrackCue")}} object from the track's list of cues.
+
+<!---->
+
+## Example
+
+tbd
+
+## Specifications
+
+| Specification                                                                | Status                               | Comment |
+| ---------------------------------------------------------------------------- | ------------------------------------ | ------- |
+| {{ SpecName('HTML WHATWG', '#texttrack', 'TextTrack') }} | {{ Spec2('HTML WHATWG') }} |         |
+
+## Browser compatibility
+
+{{Compat("api.TextTrack")}}
+
+## See also
+
+- [WebVTT](/es/docs/Web/API/WebVTT_API)
+- {{domxref("TextTrackCueList")}}
+- {{domxref("VTTCue")}}
+- {{HTMLElement("track")}}
+- {{domxref("HTMLTrackElement")}}
diff --git a/files/es/web/api/touch_events/index.md b/files/es/web/api/touch_events/index.md
index 9091a4e940a293..f0a3402ff84d97 100644
--- a/files/es/web/api/touch_events/index.md
+++ b/files/es/web/api/touch_events/index.md
@@ -10,44 +10,41 @@ tags:
 translation_of: Web/API/Touch_events
 original_slug: DOM/Touch_events
 ---
-<p>Con el fin de proporcionar soporte de calidad para usuarios de interfaces táctiles, los eventos táctiles dan la posibilidad de interpretar la actividad de los dedos en pantallas táctiles o trackpads.</p>
+Con el fin de proporcionar soporte de calidad para usuarios de interfaces táctiles, los eventos táctiles dan la posibilidad de interpretar la actividad de los dedos en pantallas táctiles o trackpads.
 
-<h2 id="Definiciones">Definiciones</h2>
+## Definiciones
 
-<dl>
- <dt>Superficie</dt>
- <dd>La superficie sensible al tacto. Esta puede ser una pantalla o un trackpad.</dd>
-</dl>
+- Superficie
+  - : La superficie sensible al tacto. Esta puede ser una pantalla o un trackpad.
 
-<dl>
- <dt><strong style="font-weight: bold;">Punto de toque</strong></dt>
- <dd>Un punto de contacto con la superficie. Esto podría ser un dedo (o un codo, oreja, nariz, o lo que sea, pero probablemente un dedo) o un stylus.</dd>
-</dl>
+<!---->
 
-<h2 id="Interfaces">Interfaces</h2>
+- **Punto de toque**
+  - : Un punto de contacto con la superficie. Esto podría ser un dedo (o un codo, oreja, nariz, o lo que sea, pero probablemente un dedo) o un stylus.
 
-<dl>
- <dt>{{ domxref("TouchEvent") }}</dt>
- <dd>Representa un evento que ocurre cuando el estado de los toques en la superficie cambian.</dd>
- <dt>{{ domxref("Touch") }}</dt>
- <dd>Represeta un único punto de contacto entre el usuario y la superficie táctil.</dd>
- <dt>{{ domxref("TouchList") }}</dt>
- <dd>Representa varios puntos de toque: esto se utiliza cuando el usuario tiene, por ejemplo, varios dedos en la superficie al mismo tiempo.</dd>
- <dt>{{ domxref("DocumentTouch") }}</dt>
- <dd>Contiene varios métodos para crear objetos de {{domxref("Touch")}} y {{domxref("TouchList")}}.</dd>
-</dl>
+## Interfaces
 
-<h2 id="Ejemplo">Ejemplo</h2>
+- {{ domxref("TouchEvent") }}
+  - : Representa un evento que ocurre cuando el estado de los toques en la superficie cambian.
+- {{ domxref("Touch") }}
+  - : Represeta un único punto de contacto entre el usuario y la superficie táctil.
+- {{ domxref("TouchList") }}
+  - : Representa varios puntos de toque: esto se utiliza cuando el usuario tiene, por ejemplo, varios dedos en la superficie al mismo tiempo.
+- {{ domxref("DocumentTouch") }}
+  - : Contiene varios métodos para crear objetos de {{domxref("Touch")}} y {{domxref("TouchList")}}.
 
-<p>Este ejemplo muestra múltiples puntos de toques al mismo tiempo, permitiendo al usuario dibujar en un {{ HTMLElement("canvas") }} con más de un dedo a la vez. Esto funciona solamente en un navegador que soporte eventos táctiles.</p>
+## Ejemplo
 
-<div class="note"><strong>Not</strong><strong>a:</strong> El texto de abajo usa el término "dedo" cuando describe el contacto con la superficie, pero esto podría ser, por supuesto, también un stylus u otro método de contacto.</div>
+Este ejemplo muestra múltiples puntos de toques al mismo tiempo, permitiendo al usuario dibujar en un {{ HTMLElement("canvas") }} con más de un dedo a la vez. Esto funciona solamente en un navegador que soporte eventos táctiles.
 
-<h3 id="Configurando_los_eventos_de_manipulación">Configurando los eventos de manipulación</h3>
+> **Nota:** **Not\*\***a:\*\* El texto de abajo usa el término "dedo" cuando describe el contacto con la superficie, pero esto podría ser, por supuesto, también un stylus u otro método de contacto.
 
-<p>Cuando la página carga, la función <code>startup()</code> mostrada a continuación es llamada por nuestro atributo <code>onload</code> del elemento {{ HTMLElement("body") }}.</p>
+### Configurando los eventos de manipulación
 
-<pre class="brush: js">function startup() {
+Cuando la página carga, la función `startup()` mostrada a continuación es llamada por nuestro atributo `onload` del elemento {{ HTMLElement("body") }}.
+
+```js
+function startup() {
   var el = document.getElementsByTagName("canvas")[0];
   el.addEventListener("touchstart", handleStart, false);
   el.addEventListener("touchend", handleEnd, false);
@@ -55,38 +52,40 @@ original_slug: DOM/Touch_events
   el.addEventListener("touchleave", handleLeave, false);
   el.addEventListener("touchmove", handleMove, false);
 }
-</pre>
+```
 
-<p>Esto simplemente configura todos los detectores de eventos para nuestro elemento {{ HTMLElement("canvas") }}, por lo que podremos manejar todos los eventos de toque cuando se produzcan.</p>
+Esto simplemente configura todos los detectores de eventos para nuestro elemento {{ HTMLElement("canvas") }}, por lo que podremos manejar todos los eventos de toque cuando se produzcan.
 
-<h3 id="Seguimiento_de_nuevos_toques">Seguimiento de nuevos toques</h3>
+### Seguimiento de nuevos toques
 
-<p>Cuando un evento <code>touchstart</code> ocurre, indicando que un nuevo toque sobre la superficie se ha producido, la función <code>handleStart()</code> de a continuación es llamada.</p>
+Cuando un evento `touchstart` ocurre, indicando que un nuevo toque sobre la superficie se ha producido, la función `handleStart()` de a continuación es llamada.
 
-<pre class="brush: js">function handleStart(evt) {
+```js
+function handleStart(evt) {
   evt.preventDefault();
   var el = document.getElementsByTagName("canvas")[0];
   var ctx = el.getContext("2d");
   var touches = evt.changedTouches;
 
-  for (var i=0; i&lt;touches.length; i++) {
+  for (var i=0; i<touches.length; i++) {
     ongoingTouches.push(touches[i]);
     var color = colorForTouch(touches[i]);
     ctx.fillStyle = color;
     ctx.fillRect(touches[i].pageX-2, touches[i].pageY-2, 4, 4);
   }
 }
-</pre>
+```
 
-<p>Esto llama a {{ domxref("event.preventDefault()") }} para mantener al navegador procesando el evento de toque (esto también previene que un evento del ratón o mouse sea entregado). Entonces obtenemos el contexto y lanzamos la lista de puntos de contacto cambiados de la propiedad {{ domxref("TouchEvent.changedTouches") }} del evento.</p>
+Esto llama a {{ domxref("event.preventDefault()") }} para mantener al navegador procesando el evento de toque (esto también previene que un evento del ratón o mouse sea entregado). Entonces obtenemos el contexto y lanzamos la lista de puntos de contacto cambiados de la propiedad {{ domxref("TouchEvent.changedTouches") }} del evento.
 
-<p>Después de ello, iteramos sobre todos los objetos {{ domxref("Touch") }} de la lista, insertándolo en una matriz de puntos de toque activos y dibujando el punto de inicio como un pequeño rectángulo; estamos usando una línea de 4 pixeles de ancho, por tanto estamos dibujando un cuadrado de 4 por 4 píxeles como punto de consistencia.</p>
+Después de ello, iteramos sobre todos los objetos {{ domxref("Touch") }} de la lista, insertándolo en una matriz de puntos de toque activos y dibujando el punto de inicio como un pequeño rectángulo; estamos usando una línea de 4 pixeles de ancho, por tanto estamos dibujando un cuadrado de 4 por 4 píxeles como punto de consistencia.
 
-<h3 id="Dibujando_mientras_los_eventos_de_toque_se_mueven">Dibujando mientras los eventos de toque se mueven</h3>
+### Dibujando mientras los eventos de toque se mueven
 
-<p>Cada vez que uno o más dedos se mueven, un evento <code>touchmove</code> es entregado, resultando en una llamada a nuestra función <code>handleMove()</code>. Su responsabilidad en este ejemplo es actualizar la información de toque cacheada y dibujar una línea desde la posición previa a la posición actual en cada toque.</p>
+Cada vez que uno o más dedos se mueven, un evento `touchmove` es entregado, resultando en una llamada a nuestra función `handleMove()`. Su responsabilidad en este ejemplo es actualizar la información de toque cacheada y dibujar una línea desde la posición previa a la posición actual en cada toque.
 
-<pre class="brush: js">function handleMove(evt) {
+```js
+function handleMove(evt) {
   evt.preventDefault();
   var el = document.getElementsByTagName("canvas")[0];
   var ctx = el.getContext("2d");
@@ -94,7 +93,7 @@ original_slug: DOM/Touch_events
 
   ctx.lineWidth = 4;
 
-  for (var i=0; i&lt;touches.length; i++) {
+  for (var i=0; i<touches.length; i++) {
     var color = colorForTouch(touches[i]);
     var idx = ongoingTouchIndexById(touches[i].identifier);
 
@@ -107,19 +106,20 @@ original_slug: DOM/Touch_events
     ongoingTouches.splice(idx, 1, touches[i]);  // swap in the new touch record
   }
 }
-</pre>
+```
 
-<p>Esto se repite también en los toques cambiados, pero mira en nuestra matriz de información de toques cacheados la información previa de cada toque con el fin de determinar los puntos de inicio para cada nuevo segmento de línea de toques que será dibujada. Esto se hace mirando cada propiedad de los toques de {{ domxref("Touch.identifier") }} . Esta propiedad es un único entero para cada toque, y sigue siendo consistente para cada evento durante la duración del contacto de cada dedo con la superficie.</p>
+Esto se repite también en los toques cambiados, pero mira en nuestra matriz de información de toques cacheados la información previa de cada toque con el fin de determinar los puntos de inicio para cada nuevo segmento de línea de toques que será dibujada. Esto se hace mirando cada propiedad de los toques de {{ domxref("Touch.identifier") }} . Esta propiedad es un único entero para cada toque, y sigue siendo consistente para cada evento durante la duración del contacto de cada dedo con la superficie.
 
-<p>Esto nos permite conseguir las coordenadas de la posición previa de cada toque y usar el método apropiado de contexto para dibujar un segmento de línea uniendo dos posiciones a la vez.</p>
+Esto nos permite conseguir las coordenadas de la posición previa de cada toque y usar el método apropiado de contexto para dibujar un segmento de línea uniendo dos posiciones a la vez.
 
-<p>Después de dibujar la línea, llamamos a  <a href="/en/JavaScript/Reference/Global_Objects/Array/splice" title="en/JavaScript/Reference/Global Objects/Array/splice"><code>Array.splice()</code></a> para reemplazar la información previa sobre el punto de toque con la información actual de la matriz <code>ongoingTouches</code>.</p>
+Después de dibujar la línea, llamamos a [`Array.splice()`](/en/JavaScript/Reference/Global_Objects/Array/splice "en/JavaScript/Reference/Global Objects/Array/splice") para reemplazar la información previa sobre el punto de toque con la información actual de la matriz `ongoingTouches`.
 
-<h3 id="Manejando_el_final_de_un_toque">Manejando el final de un toque</h3>
+### Manejando el final de un toque
 
-<p>Cuando el usuario levanta un dedo de la superficie, un evento <code>touchend</code> es enviado.  De igual manera, si el dedo se desliza fuera de nuestro lienzo, obtenemos un evento <code>touchleave</code>. Manejamos ambos casos de la misma manera: llamando a la función <code>handleEnd()</code> de abajo. Su trabajo es dibujar el último segmento de línea para cada toque que ha finalizado y remueve el punto de toque de la lista de toques en marcha.</p>
+Cuando el usuario levanta un dedo de la superficie, un evento `touchend` es enviado. De igual manera, si el dedo se desliza fuera de nuestro lienzo, obtenemos un evento `touchleave`. Manejamos ambos casos de la misma manera: llamando a la función `handleEnd()` de abajo. Su trabajo es dibujar el último segmento de línea para cada toque que ha finalizado y remueve el punto de toque de la lista de toques en marcha.
 
-<pre class="brush: js">function handleEnd(evt) {
+```js
+function handleEnd(evt) {
   evt.preventDefault();
   var el = document.getElementsByTagName("canvas")[0];
   var ctx = el.getContext("2d");
@@ -127,7 +127,7 @@ original_slug: DOM/Touch_events
 
   ctx.lineWidth = 4;
 
-  for (var i=0; i&lt;touches.length; i++) {
+  for (var i=0; i<touches.length; i++) {
     var color = colorForTouch(touches[i]);
     var idx = ongoingTouchIndexById(touches[i].identifier);
 
@@ -138,49 +138,52 @@ original_slug: DOM/Touch_events
     ongoingTouches.splice(i, 1);  // remove it; we're done
   }
 }
-</pre>
+```
 
-<p>Esto es muy similar a la función previa; la única diferencia real es que cuando llamamos a  <a href="/en/JavaScript/Reference/Global_Objects/Array/splice" title="en/JavaScript/Reference/Global Objects/Array/splice"><code>Array.splice()</code></a>, simplemente remueve la antigua entrada de la lista de toques en marcha, sin añadir la información actualizada. El resultado es que detenemos el seguimiento del punto de toque.</p>
+Esto es muy similar a la función previa; la única diferencia real es que cuando llamamos a [`Array.splice()`](/en/JavaScript/Reference/Global_Objects/Array/splice "en/JavaScript/Reference/Global Objects/Array/splice"), simplemente remueve la antigua entrada de la lista de toques en marcha, sin añadir la información actualizada. El resultado es que detenemos el seguimiento del punto de toque.
 
-<h3 id="Manejando_los_toques_cancelados">Manejando los toques cancelados</h3>
+### Manejando los toques cancelados
 
-<p>Si el dedo del usuario se equivoca en la Interfaz del navegador, o el toque necesita ser cancelado, el evento <code>touchcancel</code> es enviado, y llamamos a la función <code>handleCancel()</code> abajo.</p>
+Si el dedo del usuario se equivoca en la Interfaz del navegador, o el toque necesita ser cancelado, el evento `touchcancel` es enviado, y llamamos a la función `handleCancel()` abajo.
 
-<pre class="brush: js">function handleCancel(evt) {
+```js
+function handleCancel(evt) {
   evt.preventDefault();
   var touches = evt.changedTouches;
 
-  for (var i=0; i&lt;touches.length; i++) {
+  for (var i=0; i<touches.length; i++) {
     ongoingTouches.splice(i, 1);  // remove it; we're done
   }
 }
-</pre>
+```
 
-<p>Dado que la idea es cancelar el toque inmediatamente, simplemente lo removemos de la lista de toques en marcha sin dibujar un segmento de línea final.</p>
+Dado que la idea es cancelar el toque inmediatamente, simplemente lo removemos de la lista de toques en marcha sin dibujar un segmento de línea final.
 
-<h3 id="Funciones_de_conveniencia">Funciones de conveniencia</h3>
+### Funciones de conveniencia
 
-<p>Este ejemplo usa dos funciones de convenience que deben mirarse brevemente para ayudar a que el resto del código sea más claro.</p>
+Este ejemplo usa dos funciones de convenience que deben mirarse brevemente para ayudar a que el resto del código sea más claro.
 
-<h4 id="Seleccionando_un_color_para_cada_toque">Seleccionando un color para cada toque</h4>
+#### Seleccionando un color para cada toque
 
-<p>Con el fin de hacer que cada dibujo de toque se vea diferente, la función  <code>colorForTouch()</code> es usada para elegir un color basado en el identificador único de toque. Este identificador estará siempre entre 0 y un valor menos que el número de toques activos. Puesto que es muy improbable que alguna persona con más de 16 dedos use este demo, convertimos estos directamente en colores de escalas grises.</p>
+Con el fin de hacer que cada dibujo de toque se vea diferente, la función `colorForTouch()` es usada para elegir un color basado en el identificador único de toque. Este identificador estará siempre entre 0 y un valor menos que el número de toques activos. Puesto que es muy improbable que alguna persona con más de 16 dedos use este demo, convertimos estos directamente en colores de escalas grises.
 
-<pre class="brush: js">function colorForTouch(touch) {
+```js
+function colorForTouch(touch) {
   var id = touch.identifier;
   id = id.toString(16); // make it a hex digit
   return "#" + id + id + id;
 }
-</pre>
+```
 
-<p>El resultado de esta función es un string o cadena que puede ser usada cuando se llame a funciones {{ HTMLElement("canvas") }} para configurar los colores de dibujos. Por ejemplo, para un valor {{ domxref("Touch.identifier") }}  de 10, el resultado string o cadena es "#aaa".</p>
+El resultado de esta función es un string o cadena que puede ser usada cuando se llame a funciones {{ HTMLElement("canvas") }} para configurar los colores de dibujos. Por ejemplo, para un valor {{ domxref("Touch.identifier") }} de 10, el resultado string o cadena es "#aaa".
 
-<h4 id="Encontrando_un_toque_continuo">Encontrando un toque continuo</h4>
+#### Encontrando un toque continuo
 
-<p>La función <code>ongoingTouchIndexById()</code> abajo explora mediante la matriz <code>ongoingTouches</code> para encontrar el toque que coincida con el identificador dado, luego devuelve los índices de toques a la matriz.</p>
+La función `ongoingTouchIndexById()` abajo explora mediante la matriz `ongoingTouches` para encontrar el toque que coincida con el identificador dado, luego devuelve los índices de toques a la matriz.
 
-<pre class="brush: js">function ongoingTouchIndexById(idToFind) {
-  for (var i=0; i&lt;ongoingTouches.length; i++) {
+```js
+function ongoingTouchIndexById(idToFind) {
+  for (var i=0; i<ongoingTouches.length; i++) {
     var id = ongoingTouches[i].identifier;
 
     if (id == idToFind) {
@@ -189,24 +192,25 @@ original_slug: DOM/Touch_events
   }
   return -1;    // not found
 }
-</pre>
+```
 
-<p><a href="/samples/domref/touchevents.html">Ver ejemplo en vivo</a></p>
+[Ver ejemplo en vivo](/samples/domref/touchevents.html)
 
-<h2 id="Consejos_adicionales">Consejos adicionales</h2>
+## Consejos adicionales
 
-<p>Esta sección provee consejos adicionales sobre como manejar los eventos de toques en tu aplicación web.</p>
+Esta sección provee consejos adicionales sobre como manejar los eventos de toques en tu aplicación web.
 
-<h3 id="Manejando_los_clics">Manejando los clics</h3>
+### Manejando los clics
 
-<p>Ya que la llamada <code>preventDefault()</code> en un <code>touchstart</code> o el primer evento <code>touchmove</code> de una serie impide que los eventos correspondientes eventos del mouse o ratón se disparen, es común llamar a <code>preventDefault()</code> en <code>touchmove</code> en lugar de <code>touchstart</code>. De esta manera, los eventos del ratón pueden todavía ser disparados y cosas como enlaces siguen funcionando. Alternativamente, algunos frameworks tienen que referirse a eventos de toque como eventos de ratón para este mismo propósito. (Este ejemplo es muy simplificado y podria resultar en un extraño comportamiento. Solo se diseñó como guía).</p>
+Ya que la llamada `preventDefault()` en un `touchstart` o el primer evento `touchmove` de una serie impide que los eventos correspondientes eventos del mouse o ratón se disparen, es común llamar a `preventDefault()` en `touchmove` en lugar de `touchstart`. De esta manera, los eventos del ratón pueden todavía ser disparados y cosas como enlaces siguen funcionando. Alternativamente, algunos frameworks tienen que referirse a eventos de toque como eventos de ratón para este mismo propósito. (Este ejemplo es muy simplificado y podria resultar en un extraño comportamiento. Solo se diseñó como guía).
 
-<pre class="brush: js">function onTouch(evt) {
+```js
+function onTouch(evt) {
   evt.preventDefault();
-  if (evt.touches.length &gt; 1 || (evt.type == "touchend" &amp;&amp; evt.touches.length &gt; 0))
+  if (evt.touches.length > 1 || (evt.type == "touchend" && evt.touches.length > 0))
     return;
 
-  var newEvt = <a href="https://developer.mozilla.org/en/DOM/document.createEvent" rel="internal" title="en/DOM/document.createEvent">document.createEvent</a>("MouseEvents");
+  var newEvt = document.createEvent("MouseEvents");
   var type = null;
   var touch = null;
   switch (event.type) {
@@ -214,20 +218,17 @@ original_slug: DOM/Touch_events
     case "touchmove":  type = "mousemove"; touch = event.changedTouches[[0];
     case "touchend":   type = "mouseup"; touch = event.changedTouches[0];
   }
-  newEvt.<strong>initMouseEvent</strong>(type, true, true, event.<code><a href="https://developer.mozilla.org/en/DOM/event.originalTarget" rel="custom">originalTarget</a>.ownerDocument.defaultView</code>, 0,
+  newEvt.initMouseEvent(type, true, true, event.originalTarget.ownerDocument.defaultView, 0,
     touch.screenX, touch.screenY, touch.clientX, touch.clientY,
     evt.ctrlKey, evt.altKey, evt.shirtKey, evt.metaKey, 0, null);
-  event.<code><a href="https://developer.mozilla.org/en/DOM/event.originalTarget" rel="custom">originalTarget</a></code>.<a href="https://developer.mozilla.org/en/DOM/element.dispatchEvent" rel="internal" title="en/DOM/element.dispatchEvent">dispatchEvent</a>(newEvt);
+  event.originalTarget.dispatchEvent(newEvt);
 }
-</pre>
-
-<h3 id="Llamando_a_preventDefault()_solo_en_un_segundo_toque">Llamando a preventDefault() solo en un segundo toque</h3>
+```
 
-<p>Una cosa para prevenir cosas como <code>pinchZoom</code> en una página es llamar a <code>preventDefault()</code> en el segundo toque de una serie. Este comportamiento no está bien definido en los eventos de toque, y resulta en diferentes comportamientos en diferentes navegadores (osea iOS evitará el zoom o acercamiento pero permitirá vista panorámica con ambos dedos. Android permitirá zoom o acercamiento pero no una panorámica. Opera and Firefox actualmente evita panorámica y zoom o acercamiento). Actualmente, no se recomienda depender de ningún comportamiento en particular en este caso, si no mas bien depender de una meta vista para evitar el zoom.</p>
+### Llamando a preventDefault() solo en un segundo toque
 
-<dl>
-</dl>
+Una cosa para prevenir cosas como `pinchZoom` en una página es llamar a `preventDefault()` en el segundo toque de una serie. Este comportamiento no está bien definido en los eventos de toque, y resulta en diferentes comportamientos en diferentes navegadores (osea iOS evitará el zoom o acercamiento pero permitirá vista panorámica con ambos dedos. Android permitirá zoom o acercamiento pero no una panorámica. Opera and Firefox actualmente evita panorámica y zoom o acercamiento). Actualmente, no se recomienda depender de ningún comportamiento en particular en este caso, si no mas bien depender de una meta vista para evitar el zoom.
 
-<h2 id="Compatibilidad_de_navegadores">Compatibilidad de navegadores</h2>
+## Compatibilidad de navegadores
 
 {{Compat("api.Touch")}}
diff --git a/files/es/web/api/touchevent/index.md b/files/es/web/api/touchevent/index.md
index 3b11445f972d1d..624774bc9a103d 100644
--- a/files/es/web/api/touchevent/index.md
+++ b/files/es/web/api/touchevent/index.md
@@ -3,125 +3,100 @@ title: TouchEvent
 slug: Web/API/TouchEvent
 translation_of: Web/API/TouchEvent
 ---
-<p>{{ APIRef("Touch Events") }}</p>
+{{ APIRef("Touch Events") }}
 
-<p>La interfaz <strong><code>TouchEvent</code></strong> representa un evento enviado cuando cambia el estado de los contactos con una superficie sensible al tacto. Esta superficie puede ser una pantalla táctil o un trackpad, por ejemplo. El evento puede describir uno o mas puntos de contacto con la pantalla e incluye soporte para detectar el movimiento, adición y remoción de puntos de contacto, etc.</p>
+La interfaz **`TouchEvent`** representa un evento enviado cuando cambia el estado de los contactos con una superficie sensible al tacto. Esta superficie puede ser una pantalla táctil o un trackpad, por ejemplo. El evento puede describir uno o mas puntos de contacto con la pantalla e incluye soporte para detectar el movimiento, adición y remoción de puntos de contacto, etc.
 
-<p>Los toques pueden ser representados por el objeto {{ domxref("Touch") }}, cada toque es descrito por una posición, tamaño y forma, cantidad de presión, y el elemento que se presiona. Los toques son almacenados en el objeto {{ domxref("TouchList") }}</p>
+Los toques pueden ser representados por el objeto {{ domxref("Touch") }}, cada toque es descrito por una posición, tamaño y forma, cantidad de presión, y el elemento que se presiona. Los toques son almacenados en el objeto {{ domxref("TouchList") }}
 
-<p>Constructor</p>
+Constructor
 
-<dl>
- <dt>{{domxref("TouchEvent.TouchEvent", "TouchEvent()")}}</dt>
- <dd>Crea un objeto Touch<code>Event</code>.</dd>
-</dl>
+- {{domxref("TouchEvent.TouchEvent", "TouchEvent()")}}
+  - : Crea un objeto Touch`Event`.
 
-<h2 id="Propiedades">Propiedades</h2>
+## Propiedades
 
-<p><em>Esta interfaz hereda propiedades de sus padres {{domxref("UIEvent")}} y {{domxref("Event")}}.</em></p>
+_Esta interfaz hereda propiedades de sus padres {{domxref("UIEvent")}} y {{domxref("Event")}}._
 
-<dl>
- <dt>{{ domxref("TouchEvent.altKey") }} {{readonlyInline}}</dt>
- <dd>Un valor Booleano indicando si la tecla alt estaba pulsada cuando el evento touch fue lanzado.</dd>
- <dt>{{ domxref("TouchEvent.changedTouches") }} {{readonlyInline}}</dt>
- <dd>Una lista {{ domxref("TouchList") }} objetos {{ domxref("Touch") }} representan puntos de contacto individuales cuyos estados cambiaron entre el evento touch previo y este. </dd>
- <dt>{{ domxref("TouchEvent.ctrlKey") }} {{readonlyInline}}</dt>
- <dd>Un valor booleano que indica si la tecla de control estaba pulsada o no cuando el evento touch se disparó.</dd>
- <dt>{{ domxref("TouchEvent.metaKey") }} {{readonlyInline}}</dt>
- <dd>Un valor Boleano que indica si la tecla meta estaba apagada o no cuando el evento touch se disparó.</dd>
- <dt>{{ domxref("TouchEvent.shiftKey") }} {{readonlyInline}}</dt>
- <dd>Un valor Boleano que indica si la techa shift estaba apagado(presionada) cuando el evento touch se disparó.</dd>
- <dt>{{ domxref("TouchEvent.targetTouches") }}{{readonlyInline}}</dt>
- <dd>A {{ domxref("TouchList") }} of all the {{ domxref("Touch") }} objects that are both currently in contact with the touch surface <strong>and</strong> were also started on the same element that is the target of the event.</dd>
- <dt>{{ domxref("TouchEvent.touches") }} {{readonlyInline}}</dt>
- <dd>A {{ domxref("TouchList") }} of all the {{ domxref("Touch") }} objects representing all current points of contact with the surface, regardless of target or changed status.</dd>
-</dl>
+- {{ domxref("TouchEvent.altKey") }} {{readonlyInline}}
+  - : Un valor Booleano indicando si la tecla alt estaba pulsada cuando el evento touch fue lanzado.
+- {{ domxref("TouchEvent.changedTouches") }} {{readonlyInline}}
+  - : Una lista {{ domxref("TouchList") }} objetos {{ domxref("Touch") }} representan puntos de contacto individuales cuyos estados cambiaron entre el evento touch previo y este.
+- {{ domxref("TouchEvent.ctrlKey") }} {{readonlyInline}}
+  - : Un valor booleano que indica si la tecla de control estaba pulsada o no cuando el evento touch se disparó.
+- {{ domxref("TouchEvent.metaKey") }} {{readonlyInline}}
+  - : Un valor Boleano que indica si la tecla meta estaba apagada o no cuando el evento touch se disparó.
+- {{ domxref("TouchEvent.shiftKey") }} {{readonlyInline}}
+  - : Un valor Boleano que indica si la techa shift estaba apagado(presionada) cuando el evento touch se disparó.
+- {{ domxref("TouchEvent.targetTouches") }}{{readonlyInline}}
+  - : A {{ domxref("TouchList") }} of all the {{ domxref("Touch") }} objects that are both currently in contact with the touch surface **and** were also started on the same element that is the target of the event.
+- {{ domxref("TouchEvent.touches") }} {{readonlyInline}}
+  - : A {{ domxref("TouchList") }} of all the {{ domxref("Touch") }} objects representing all current points of contact with the surface, regardless of target or changed status.
 
-<h2 id="Tipos_de_evento_táctiles">Tipos de evento táctiles</h2>
+## Tipos de evento táctiles
 
-<p>Hay varios tipos de eventos que pueden ser disparados (activados) para indicar que han ocurrido cambios relacionados con el contacto. Puede determinar cuál de estos ha ocurrido mirando la propiedad {{domxref ("event.type", "TouchEvent.type")}} del evento.</p>
+Hay varios tipos de eventos que pueden ser disparados (activados) para indicar que han ocurrido cambios relacionados con el contacto. Puede determinar cuál de estos ha ocurrido mirando la propiedad {{domxref ("event.type", "TouchEvent.type")}} del evento.
 
-<div class="note"><strong>Nota:</strong> Es importante observar que en muchos casos, Los eventos táctiles y de mouse se envían (para permitir que el código no táctil específico aún interactúe con el usuario). Si usa eventos táctiles, debe llamar a {{domxref ("event.preventDefault ()")}} para evitar que también se envíe el evento del mouse.</div>
+> **Nota:** Es importante observar que en muchos casos, Los eventos táctiles y de mouse se envían (para permitir que el código no táctil específico aún interactúe con el usuario). Si usa eventos táctiles, debe llamar a {{domxref ("event.preventDefault ()")}} para evitar que también se envíe el evento del mouse.
 
-<h3 id="event(touchstart)">{{event("touchstart")}}</h3>
+### {{event("touchstart")}}
 
-<p>Sent when the user places a touch point on the touch surface. The event's target will be the {{ domxref("element") }} in which the touch occurred.</p>
+Sent when the user places a touch point on the touch surface. The event's target will be the {{ domxref("element") }} in which the touch occurred.
 
-<h3 id="event(touchend)">{{event("touchend")}}</h3>
+### {{event("touchend")}}
 
-<p>Sent when the user removes a touch point from the surface (that is, when they lift a finger or stylus from the surface). This is also sent if the touch point moves off the edge of the surface; for example, if the user's finger slides off the edge of the screen.</p>
+Sent when the user removes a touch point from the surface (that is, when they lift a finger or stylus from the surface). This is also sent if the touch point moves off the edge of the surface; for example, if the user's finger slides off the edge of the screen.
 
-<p>The event's target is the same {{ domxref("element") }} that received the <code>touchstart</code> event corresponding to the touch point, even if the touch point has moved outside that element.</p>
+The event's target is the same {{ domxref("element") }} that received the `touchstart` event corresponding to the touch point, even if the touch point has moved outside that element.
 
-<p>The touch point (or points) that were removed from the surface can be found in the {{ domxref("TouchList") }} specified by the <code>changedTouches</code> attribute.</p>
+The touch point (or points) that were removed from the surface can be found in the {{ domxref("TouchList") }} specified by the `changedTouches` attribute.
 
-<h3 id="event(touchmove)">{{event("touchmove")}}</h3>
+### {{event("touchmove")}}
 
-<p>Sent when the user moves a touch point along the surface. The event's target is the same {{ domxref("element") }} that received the <code>touchstart</code> event corresponding to the touch point, even if the touch point has moved outside that element.</p>
+Sent when the user moves a touch point along the surface. The event's target is the same {{ domxref("element") }} that received the `touchstart` event corresponding to the touch point, even if the touch point has moved outside that element.
 
-<p>This event is also sent if the values of the radius, rotation angle, or force attributes of a touch point change.</p>
+This event is also sent if the values of the radius, rotation angle, or force attributes of a touch point change.
 
-<div class="note"><strong>Note:</strong> The rate at which <code>touchmove</code> events is sent is browser-specific, and may also vary depending on the capability of the user's hardware. You must not rely on a specific granularity of these events.</div>
+> **Nota:** The rate at which `touchmove` events is sent is browser-specific, and may also vary depending on the capability of the user's hardware. You must not rely on a specific granularity of these events.
 
-<h3 id="event(touchcancel)">{{event("touchcancel")}}</h3>
+### {{event("touchcancel")}}
 
-<p>Sent when a touch point has been disrupted in some way. There are several possible reasons why this might happen (and the exact reasons will vary from device to device, as well as browser to browser):</p>
+Sent when a touch point has been disrupted in some way. There are several possible reasons why this might happen (and the exact reasons will vary from device to device, as well as browser to browser):
 
-<ul>
- <li>An event of some kind occurred that canceled the touch; this might happen if a modal alert pops up during the interaction.</li>
- <li>The touch point has left the document window and moved into the browser's UI area, a plug-in, or other external content.</li>
- <li>The user has placed more touch points on the screen than can be supported, in which case the earliest {{ domxref("Touch") }} in the {{ domxref("TouchList") }} gets canceled.</li>
-</ul>
+- An event of some kind occurred that canceled the touch; this might happen if a modal alert pops up during the interaction.
+- The touch point has left the document window and moved into the browser's UI area, a plug-in, or other external content.
+- The user has placed more touch points on the screen than can be supported, in which case the earliest {{ domxref("Touch") }} in the {{ domxref("TouchList") }} gets canceled.
 
-<h2 id="GlobalEventHandlers">GlobalEventHandlers</h2>
+## GlobalEventHandlers
 
-<p>{{SeeCompatTable}}</p>
+{{SeeCompatTable}}
 
-<dl>
- <dt>{{ domxref("GlobalEventHandlers.ontouchstart") }} {{experimental_inline}}</dt>
- <dd>A {{domxref("GlobalEventHandlers","global event handler")}} for the {{event("touchstart")}} event.</dd>
- <dt>{{ domxref("GlobalEventHandlers.ontouchend") }} {{experimental_inline}}</dt>
- <dd>A {{domxref("GlobalEventHandlers","global event handler")}} for the {{event("touchend")}} event.</dd>
- <dt>{{ domxref("GlobalEventHandlers.ontouchmove") }} {{experimental_inline}}</dt>
- <dd>A {{domxref("GlobalEventHandlers","global event handler")}} for the {{event("touchmove")}} event.</dd>
- <dt>{{ domxref("GlobalEventHandlers.ontouchcancel") }} {{experimental_inline}}</dt>
- <dd>A {{domxref("GlobalEventHandlers","global event handler")}} for the {{event("touchcancel")}} event.</dd>
-</dl>
+- {{ domxref("GlobalEventHandlers.ontouchstart") }} {{experimental_inline}}
+  - : A {{domxref("GlobalEventHandlers","global event handler")}} for the {{event("touchstart")}} event.
+- {{ domxref("GlobalEventHandlers.ontouchend") }} {{experimental_inline}}
+  - : A {{domxref("GlobalEventHandlers","global event handler")}} for the {{event("touchend")}} event.
+- {{ domxref("GlobalEventHandlers.ontouchmove") }} {{experimental_inline}}
+  - : A {{domxref("GlobalEventHandlers","global event handler")}} for the {{event("touchmove")}} event.
+- {{ domxref("GlobalEventHandlers.ontouchcancel") }} {{experimental_inline}}
+  - : A {{domxref("GlobalEventHandlers","global event handler")}} for the {{event("touchcancel")}} event.
 
-<h2 id="Ejemplo">Ejemplo</h2>
+## Ejemplo
 
-<p>See the <a href="/en/DOM/Touch_events#Example" title="en/DOM/Touch events#Example">example on the main Touch events article</a>.</p>
+See the [example on the main Touch events article](/en/DOM/Touch_events#Example "en/DOM/Touch events#Example").
 
-<h2 id="Especificaciones">Especificaciones</h2>
+## Especificaciones
 
-<table class="standard-table">
- <tbody>
-  <tr>
-   <th scope="col">Specification</th>
-   <th scope="col">Status</th>
-   <th scope="col">Comment</th>
-  </tr>
-  <tr>
-   <td>{{SpecName('Touch Events 2','#touchevent-interface', 'TouchEvent')}}</td>
-   <td>{{Spec2('Touch Events 2')}}</td>
-   <td>Added <code>ontouchstart</code>, <code>ontouchend</code>, <code>ontouchmove</code>, <code>ontouchend</code> global attribute handlers</td>
-  </tr>
-  <tr>
-   <td>{{SpecName('Touch Events', '#touchevent-interface', 'TouchEvent')}}</td>
-   <td>{{Spec2('Touch Events')}}</td>
-   <td>Definición inicial.</td>
-  </tr>
- </tbody>
-</table>
+| Specification                                                                                | Status                               | Comment                                                                                   |
+| -------------------------------------------------------------------------------------------- | ------------------------------------ | ----------------------------------------------------------------------------------------- |
+| {{SpecName('Touch Events 2','#touchevent-interface', 'TouchEvent')}} | {{Spec2('Touch Events 2')}} | Added `ontouchstart`, `ontouchend`, `ontouchmove`, `ontouchend` global attribute handlers |
+| {{SpecName('Touch Events', '#touchevent-interface', 'TouchEvent')}}     | {{Spec2('Touch Events')}}     | Definición inicial.                                                                       |
 
-<h2 id="Compatibilidad_en_navegadores">Compatibilidad en navegadores</h2>
+## Compatibilidad en navegadores
 
 {{Compat("api.TouchEvent")}}
 
-<h2 id="See_also">See also</h2>
+## See also
 
-<ul>
- <li>{{domxref("Touch_events","Touch Events Overview")}}</li>
- <li>{{domxref("GestureEvent")}}</li>
- <li>{{domxref("MSGestureEvent")}}</li>
-</ul>
+- {{domxref("Touch_events","Touch Events Overview")}}
+- {{domxref("GestureEvent")}}
+- {{domxref("MSGestureEvent")}}
diff --git a/files/es/web/api/uievent/index.md b/files/es/web/api/uievent/index.md
index 0f5151837368a8..6655efe837b8e3 100644
--- a/files/es/web/api/uievent/index.md
+++ b/files/es/web/api/uievent/index.md
@@ -6,68 +6,60 @@ tags:
 translation_of: Web/API/UIEvent
 browser-compat: api.UIEvent
 ---
-<p>{{APIRef("DOM Events")}}</p>
+{{APIRef("DOM Events")}}
 
-<p>The <strong><code>UIEvent</code></strong> interface represents simple user interface events.</p>
+The **`UIEvent`** interface represents simple user interface events.
 
-<p><code>UIEvent</code> derives from {{domxref("Event")}}. Though the {{domxref("UIEvent.initUIEvent()")}} method is kept for backward compatibility, creating of a <code>UIEvent</code> object should be done using the {{domxref("UIEvent.UIEvent", "UIEvent()")}} constructor.</p>
+`UIEvent` derives from {{domxref("Event")}}. Though the {{domxref("UIEvent.initUIEvent()")}} method is kept for backward compatibility, creating of a `UIEvent` object should be done using the {{domxref("UIEvent.UIEvent", "UIEvent()")}} constructor.
 
-<p>Several interfaces are direct or indirect descendants of this one: {{domxref("MouseEvent")}}, {{domxref("FocusEvent")}}, {{domxref("KeyboardEvent")}}, {{domxref("WheelEvent")}}, {{domxref("InputEvent")}}, and {{domxref("CompositionEvent")}}.</p>
+Several interfaces are direct or indirect descendants of this one: {{domxref("MouseEvent")}}, {{domxref("FocusEvent")}}, {{domxref("KeyboardEvent")}}, {{domxref("WheelEvent")}}, {{domxref("InputEvent")}}, and {{domxref("CompositionEvent")}}.
 
-<h2 id="Constructors">Constructors</h2>
+## Constructors
 
-<dl>
- <dt>{{domxref("UIEvent.UIEvent()", "UIEvent()")}}</dt>
- <dd>Creates a <code>UIEvent</code> object.</dd>
-</dl>
+- {{domxref("UIEvent.UIEvent()", "UIEvent()")}}
+  - : Creates a `UIEvent` object.
 
-<h2 id="Properties">Properties</h2>
+## Properties
 
-<p><em>This interface also inherits properties of its parent, {{domxref("Event")}}.</em></p>
+_This interface also inherits properties of its parent, {{domxref("Event")}}._
 
-<dl>
- <dt>{{domxref("UIEvent.cancelBubble")}} {{Deprecated_inline}}{{Non-standard_inline}}</dt>
- <dd>Is a {{jsxref("Boolean")}} indicating whether the bubbling of the event has been canceled or not.</dd>
-</dl>
+- {{domxref("UIEvent.cancelBubble")}} {{Deprecated_inline}}{{Non-standard_inline}}
+  - : Is a {{jsxref("Boolean")}} indicating whether the bubbling of the event has been canceled or not.
 
-<dl>
- <dt>{{domxref("UIEvent.detail")}}{{readonlyinline}}</dt>
- <dd>Returns a <code>long</code> that gives some detail about the event, depending on the type of event.</dd>
- <dt>{{domxref("UIEvent.isChar")}} {{Non-standard_inline}} {{readonlyinline}}</dt>
- <dd>Returns a {{jsxref("Boolean")}} indicating whether the event produced a key character or not.</dd>
- <dt>{{domxref("UIEvent.layerX")}} {{Non-standard_inline}} {{readonlyinline}}</dt>
- <dd>Returns the horizontal coordinate of the event relative to the current layer.</dd>
- <dt>{{domxref("UIEvent.layerY")}} {{Non-standard_inline}} {{readonlyinline}}</dt>
- <dd>Returns the vertical coordinate of the event relative to the current layer.</dd>
- <dt>{{domxref("UIEvent.pageX")}} {{Non-standard_inline}} {{readonlyinline}}</dt>
- <dd>Returns the horizontal coordinate of the event relative to the whole document.</dd>
- <dt>{{domxref("UIEvent.pageY")}} {{Non-standard_inline}} {{readonlyinline}}</dt>
- <dd>Returns the vertical coordinate of the event relative to the whole document.</dd>
- <dt>{{domxref("UIEvent.view")}}{{readonlyinline}}</dt>
- <dd>Returns a {{domxref("WindowProxy")}} that contains the view that generated the event.</dd>
- <dt>{{domxref("UIEvent.which")}} {{Non-standard_inline}} {{readonlyinline}}</dt>
- <dd>Returns the numeric <code>keyCode</code> of the key pressed, or the character code (<code>charCode</code>) for an alphanumeric key pressed.</dd>
-</dl>
+<!---->
 
-<h2 id="Methods">Methods</h2>
+- {{domxref("UIEvent.detail")}}{{readonlyinline}}
+  - : Returns a `long` that gives some detail about the event, depending on the type of event.
+- {{domxref("UIEvent.isChar")}} {{Non-standard_inline}} {{readonlyinline}}
+  - : Returns a {{jsxref("Boolean")}} indicating whether the event produced a key character or not.
+- {{domxref("UIEvent.layerX")}} {{Non-standard_inline}} {{readonlyinline}}
+  - : Returns the horizontal coordinate of the event relative to the current layer.
+- {{domxref("UIEvent.layerY")}} {{Non-standard_inline}} {{readonlyinline}}
+  - : Returns the vertical coordinate of the event relative to the current layer.
+- {{domxref("UIEvent.pageX")}} {{Non-standard_inline}} {{readonlyinline}}
+  - : Returns the horizontal coordinate of the event relative to the whole document.
+- {{domxref("UIEvent.pageY")}} {{Non-standard_inline}} {{readonlyinline}}
+  - : Returns the vertical coordinate of the event relative to the whole document.
+- {{domxref("UIEvent.view")}}{{readonlyinline}}
+  - : Returns a {{domxref("WindowProxy")}} that contains the view that generated the event.
+- {{domxref("UIEvent.which")}} {{Non-standard_inline}} {{readonlyinline}}
+  - : Returns the numeric `keyCode` of the key pressed, or the character code (`charCode`) for an alphanumeric key pressed.
 
-<p><em>This interface also inherits methods of its parent, {{domxref("Event")}}.</em></p>
+## Methods
 
-<dl>
- <dt>{{domxref("UIEvent.initUIEvent()")}} {{deprecated_inline}}</dt>
- <dd>Initializes a <code>UIEvent</code> object. If the event has already being dispatched, this method does nothing.</dd>
-</dl>
+_This interface also inherits methods of its parent, {{domxref("Event")}}._
 
-<h2 id="Specifications">Specifications</h2>
+- {{domxref("UIEvent.initUIEvent()")}} {{deprecated_inline}}
+  - : Initializes a `UIEvent` object. If the event has already being dispatched, this method does nothing.
+
+## Specifications
 
 {{Specifications}}
 
-<h2 id="Browser_compatibility" name="Browser_compatibility">Browser compatibility</h2>
+## Browser compatibility
 
 {{Compat("api.UIEvent")}}
 
-<h2 class="editable" id="See_also"><span>See also</span></h2>
+## See also
 
-<ul>
- <li>{{ domxref("Event") }}</li>
-</ul>
+- {{ domxref("Event") }}
diff --git a/files/es/web/api/uievent/which/index.md b/files/es/web/api/uievent/which/index.md
index e86c4363e10c08..49c2f674384ddb 100644
--- a/files/es/web/api/uievent/which/index.md
+++ b/files/es/web/api/uievent/which/index.md
@@ -9,19 +9,28 @@ tags:
 translation_of: Web/API/KeyboardEvent/which
 original_slug: Web/API/KeyboardEvent/which
 ---
-<p>{{ ApiRef() }}</p>
-<h3 id="Summary" name="Summary">Resumen</h3>
-<p>Devuelve el <code>keyCode</code> de la tecla presionada, o el codigo del caracter (<code>charCode</code>) de la tecla alfanumerica presionada.</p>
-<h3 id="Syntax" name="Syntax">Sintaxis</h3>
-<pre class="eval"><em>var keyResult</em> = event.which;
-</pre>
-<p><code>keyResult</code> contiene el codigo numerico para una tecla en particular, dependiendo si la tecla presionada es alfanumerica o no-alfanumerica. Por favor mire <code><a href="/en/DOM/event.charCode" title="en/DOM/event.charCode">charCode</a></code> y <code><a href="/en/DOM/event.keyCode" title="en/DOM/event.keyCode">keyCode</a></code> para mas informacion.</p>
-<h3 id="Example" name="Example">Ejemplo</h3>
-<pre>&lt;html&gt;
-&lt;head&gt;
-&lt;title&gt;charCode/keyCode/which example&lt;/title&gt;
-
-&lt;script type="text/javascript"&gt;
+{{ ApiRef() }}
+
+### Resumen
+
+Devuelve el `keyCode` de la tecla presionada, o el codigo del caracter (`charCode`) de la tecla alfanumerica presionada.
+
+### Sintaxis
+
+```
+var keyResult = event.which;
+```
+
+`keyResult` contiene el codigo numerico para una tecla en particular, dependiendo si la tecla presionada es alfanumerica o no-alfanumerica. Por favor mire [`charCode`](/en/DOM/event.charCode "en/DOM/event.charCode") y [`keyCode`](/en/DOM/event.keyCode "en/DOM/event.keyCode") para mas informacion.
+
+### Ejemplo
+
+```
+<html>
+<head>
+<title>charCode/keyCode/which example</title>
+
+<script type="text/javascript">
 
 function showKeyPress(evt)
 {
@@ -44,20 +53,22 @@ alert("onkeydown handler: \n"
 }
 
 
-&lt;/script&gt;
-&lt;/head&gt;
+</script>
+</head>
 
-&lt;body
+<body
  onkeypress="showKeyPress(event);"
  onkeydown="keyDown(event);"
-&gt;
+>
+
+<p>Por favor presione cualquier tecla.</p>
+
+</body>
+</html>
+```
+
+> **Nota:** El codigo de arriba falla en Firefox 9 debido al [bug 696020](https://bugzilla.mozilla.org/show_bug.cgi?id=696020 "onkeypress attribute on body no longer gets events happening on the window").
 
-&lt;p&gt;Por favor presione cualquier tecla.&lt;/p&gt;
+### Especificacion
 
-&lt;/body&gt;
-&lt;/html&gt;
-</pre>
-<div class="note">
- <strong>Nota:</strong> El codigo de arriba falla en Firefox 9 debido al <a class="link-https" href="https://bugzilla.mozilla.org/show_bug.cgi?id=696020" title="onkeypress attribute on body no longer gets events happening on the window">bug 696020</a>.</div>
-<h3 id="Specification" name="Specification">Especificacion</h3>
-<p>No es parte de ninguna especificacion.</p>
+No es parte de ninguna especificacion.
diff --git a/files/es/web/api/url/createobjecturl/index.md b/files/es/web/api/url/createobjecturl/index.md
index c405dec1dca00e..49bddc481bf700 100644
--- a/files/es/web/api/url/createobjecturl/index.md
+++ b/files/es/web/api/url/createobjecturl/index.md
@@ -10,68 +10,49 @@ tags:
   - createObjectURL
 translation_of: Web/API/URL/createObjectURL
 ---
-<p>{{ApiRef("URL")}}{{SeeCompatTable}}</p>
+{{ApiRef("URL")}}{{SeeCompatTable}}
 
-<p>El método estático <strong><code>URL.createObjectURL()</code></strong> crea un {{domxref("DOMString")}} que contiene una URL que representa al objeto pasado como parámetro. La vida de la URL está ligado al {{domxref("document")}} de la ventana en la que fue creada. El nuevo objeto URL representa al objeto {{domxref("File")}} especificado o al objeto {{domxref("Blob")}}.</p>
+El método estático **`URL.createObjectURL()`** crea un {{domxref("DOMString")}} que contiene una URL que representa al objeto pasado como parámetro. La vida de la URL está ligado al {{domxref("document")}} de la ventana en la que fue creada. El nuevo objeto URL representa al objeto {{domxref("File")}} especificado o al objeto {{domxref("Blob")}}.
 
-<div class="note">
-<p>El uso de un objeto {{domxref("MediaStream")}} como entrada a este método está en proceso de ser obsoleto. Las discusiones están en curso sobre si o no debe ser quitado totalmente. Como tal, <em>se debe de evitar usar este método con  {{domxref("MediaStream")}}s, y se debería usar {{domxref("HTMLMediaElement.srcObject", "HTMLMediaElement.srcObject()")}}</em>.</p>
-</div>
+> **Nota:** El uso de un objeto {{domxref("MediaStream")}} como entrada a este método está en proceso de ser obsoleto. Las discusiones están en curso sobre si o no debe ser quitado totalmente. Como tal, _se debe de evitar usar este método con {{domxref("MediaStream")}}s, y se debería usar {{domxref("HTMLMediaElement.srcObject", "HTMLMediaElement.srcObject()")}}_.
 
-<p>{{AvailableInWorkers}}</p>
+{{AvailableInWorkers}}
 
-<h2 id="Sintaxis">Sintaxis</h2>
+## Sintaxis
 
-<pre class="syntaxbox"><em>objectURL</em> = URL.createObjectURL(<em>object</em>);
-</pre>
+```
+objectURL = URL.createObjectURL(object);
+```
 
-<h2 id="Parámetros">Parámetros</h2>
+## Parámetros
 
-<dl>
- <dt><code>object</code></dt>
- <dd>Un objeto {{domxref("File")}} o un objeto {{domxref("Blob")}} para el que se creará la URL.</dd>
-</dl>
+- `object`
+  - : Un objeto {{domxref("File")}} o un objeto {{domxref("Blob")}} para el que se creará la URL.
 
-<ul>
-</ul>
+<!---->
 
-<h2 id="Ejemplo">Ejemplo</h2>
+## Ejemplo
 
-<p>Ver <a href="/en-US/docs/Using_files_from_web_applications#Example_Using_object_URLs_to_display_images" title="https://developer.mozilla.org/en/Using_files_from_web_applications#Example:_Using_object_URLs_to_display_images">Usando objetos URL para representar imágenes</a>.</p>
+Ver [Usando objetos URL para representar imágenes](/es/docs/Using_files_from_web_applications#Example_Using_object_URLs_to_display_images "https://developer.mozilla.org/en/Using_files_from_web_applications#Example:_Using_object_URLs_to_display_images").
 
-<h2 id="Notas">Notas</h2>
+## Notas
 
-<p>Cada vez que se llama a <code>createObjectURL()</code>, un nuevo objeto URL es creado, incluso si ya creaste uno para el mismo objeto. Cada uno de estos objetos puede ser liberado usando {{domxref("URL.revokeObjectURL()")}} cuándo ya no lo necesitas. Los navegadores liberan estos objetos cuando el documento es cerrado; de todas formas, para obtener un rendimiento óptimo y un óptimo uso de memoria, si hay momentos seguros en los que puedes liberar estos objetos deberías hacerlo. Por ejemplo: No liberar los recursos cuando se ha creado una URL a partir de un {{domxref('MediaStream')}} puede dejar la luz de la cámara del navegador encendida más tiempo del necesario.</p>
+Cada vez que se llama a `createObjectURL()`, un nuevo objeto URL es creado, incluso si ya creaste uno para el mismo objeto. Cada uno de estos objetos puede ser liberado usando {{domxref("URL.revokeObjectURL()")}} cuándo ya no lo necesitas. Los navegadores liberan estos objetos cuando el documento es cerrado; de todas formas, para obtener un rendimiento óptimo y un óptimo uso de memoria, si hay momentos seguros en los que puedes liberar estos objetos deberías hacerlo. Por ejemplo: No liberar los recursos cuando se ha creado una URL a partir de un {{domxref('MediaStream')}} puede dejar la luz de la cámara del navegador encendida más tiempo del necesario.
 
-<div class="note">
-<p>Notese que no es necesario crear URLs a partir de un {{domxref('MediaStream')}}, ya que los objetos de streams deberían asignarse directamente a elementos de reproducción con {{domxref("HTMLMediaElement.srcObject")}}. La posibilidad de usar un <code>MediaStream</code> como valor de un objeto está obsoleta.</p>
-</div>
+> **Nota:** Notese que no es necesario crear URLs a partir de un {{domxref('MediaStream')}}, ya que los objetos de streams deberían asignarse directamente a elementos de reproducción con {{domxref("HTMLMediaElement.srcObject")}}. La posibilidad de usar un `MediaStream` como valor de un objeto está obsoleta.
 
-<h2 id="Especificaciones">Especificaciones</h2>
+## Especificaciones
 
-<table class="standard-table">
- <tbody>
-  <tr>
-   <th scope="col">Especificación</th>
-   <th scope="col">Estado</th>
-   <th scope="col">Comentario</th>
-  </tr>
-  <tr>
-   <td>{{SpecName('File API', '#dfn-createObjectURL', 'URL')}}</td>
-   <td>{{Spec2('File API')}}</td>
-   <td>Definición inicial.</td>
-  </tr>
- </tbody>
-</table>
+| Especificación                                                           | Estado                       | Comentario          |
+| ------------------------------------------------------------------------ | ---------------------------- | ------------------- |
+| {{SpecName('File API', '#dfn-createObjectURL', 'URL')}} | {{Spec2('File API')}} | Definición inicial. |
 
-<h2 id="Compatibilidad_de_navegadores">Compatibilidad de navegadores</h2>
+## Compatibilidad de navegadores
 
 {{Compat("api.URL.createObjectURL")}}
 
-<h2 id="Mirar_también">Mirar también</h2>
+## Mirar también
 
-<ul>
- <li>{{domxref("URL.revokeObjectURL()")}}</li>
- <li>{{domxref("HTMLMediaElement.srcObject")}}</li>
- <li><a href="/en-US/docs/Using_files_from_web_applications" title="Using files from web applications">Usando archivos desde aplicaciones web</a></li>
-</ul>
+- {{domxref("URL.revokeObjectURL()")}}
+- {{domxref("HTMLMediaElement.srcObject")}}
+- [Usando archivos desde aplicaciones web](/es/docs/Using_files_from_web_applications "Using files from web applications")
diff --git a/files/es/web/api/url/host/index.md b/files/es/web/api/url/host/index.md
index f18934e6a6827d..ae773bbf5a5a82 100644
--- a/files/es/web/api/url/host/index.md
+++ b/files/es/web/api/url/host/index.md
@@ -3,25 +3,27 @@ title: Estabilidad
 slug: Web/API/URL/Host
 translation_of: Web/API/URL/host
 ---
-<div>{{ApiRef("URL API")}}</div>
+{{ApiRef("URL API")}}
 
-<p>The <strong><code>host</code></strong> property of the {{domxref("URL")}} interface is a {{domxref("USVString")}} containing the host, that is the {{domxref("URL.hostname", "hostname")}}, and then, if the {{glossary("port")}} of the URL is nonempty, a <code>':'</code>, followed by the {{domxref("URL.port", "port")}} of the URL.</p>
+The **`host`** property of the {{domxref("URL")}} interface is a {{domxref("USVString")}} containing the host, that is the {{domxref("URL.hostname", "hostname")}}, and then, if the {{glossary("port")}} of the URL is nonempty, a `':'`, followed by the {{domxref("URL.port", "port")}} of the URL.
 
-<p>{{AvailableInWorkers}}</p>
+{{AvailableInWorkers}}
 
-<h2 id="Syntax">Syntax</h2>
+## Syntax
 
-<pre class="syntaxbox">const <em>host</em> = <em>url</em>.host
-<em>url.<code>host</code></em> = <em>newHost</em>
-</pre>
+```
+const host = url.host
+url.host = newHost
+```
 
-<h3 id="Value">Value</h3>
+### Value
 
-<p>A {{domxref("USVString")}}.</p>
+A {{domxref("USVString")}}.
 
-<h2 id="Examples">Examples</h2>
+## Examples
 
-<pre class="brush: js">let url = new URL('https://developer.mozilla.org/en-US/docs/Web/API/URL/host');
+```js
+let url = new URL('https://developer.mozilla.org/en-US/docs/Web/API/URL/host');
 console.log(url.host); // "developer.mozilla.org"
 
 url = new URL('https://developer.mozilla.org:443/en-US/docs/Web/API/URL/host');
@@ -30,33 +32,18 @@ console.log(url.host); // "developer.mozilla.org"
 
 url = new URL('https://developer.mozilla.org:4097/en-US/docs/Web/API/URL/host');
 console.log(url.host); // "developer.mozilla.org:4097"
-</pre>
+```
 
-<h2 id="Specifications">Specifications</h2>
+## Specifications
 
-<table class="standard-table">
- <tbody>
-  <tr>
-   <th scope="col">Specification</th>
-   <th scope="col">Status</th>
-   <th scope="col">Comment</th>
-  </tr>
-  <tr>
-   <td>{{SpecName('URL', '#dom-url-host', 'URL.host')}}</td>
-   <td>{{Spec2('URL')}}</td>
-   <td>Initial definition</td>
-  </tr>
- </tbody>
-</table>
+| Specification                                                    | Status               | Comment            |
+| ---------------------------------------------------------------- | -------------------- | ------------------ |
+| {{SpecName('URL', '#dom-url-host', 'URL.host')}} | {{Spec2('URL')}} | Initial definition |
 
-<h2 id="Browser_compatibility">Browser compatibility</h2>
+## Browser compatibility
 
+{{Compat("api.URL.host")}}
 
+## See also
 
-<p>{{Compat("api.URL.host")}}</p>
-
-<h2 id="See_also">See also</h2>
-
-<ul>
- <li>The {{domxref("URL")}} interface it belongs to.</li>
-</ul>
+- The {{domxref("URL")}} interface it belongs to.
diff --git a/files/es/web/api/url/index.md b/files/es/web/api/url/index.md
index edc3758228605e..ab7dbf4bb4123c 100644
--- a/files/es/web/api/url/index.md
+++ b/files/es/web/api/url/index.md
@@ -10,100 +10,75 @@ tags:
   - URL API
 translation_of: Web/API/URL
 ---
-<div>{{ApiRef("URL API")}} {{SeeCompatTable}}</div>
-
-<p>La interfaz <strong><code>URL</code></strong> representa a un objeto que provee métodos estáticos para crear objetos URL.</p>
-
-<p>When using a user agent where no constructor has been implemented yet, it is possible to access such an object using the {{domxref("Window.URL")}} properties (prefixed with Webkit-based browser as <code>Window.webkitURL</code>).</p>
-
-<p>{{AvailableInWorkers}}</p>
-
-<h2 id="Properties">Properties</h2>
-
-<dl>
- <dt>{{domxref("URL.href")}}</dt>
- <dd>Is a {{domxref("DOMString")}} containing the whole URL.</dd>
- <dt>{{domxref("URL.protocol")}}</dt>
- <dd>Is a {{domxref("DOMString")}} containing the protocol scheme of the URL, including the final <code>':'</code>.</dd>
- <dt>{{domxref("URL.host")}}</dt>
- <dd>Is a {{domxref("DOMString")}} containing the host, that is the <em>hostname</em>, a <code>':'</code>, and the <em>port</em> of the URL.</dd>
- <dt>{{domxref("URL.hostname")}}</dt>
- <dd>Is a {{domxref("DOMString")}} containing the domain of the URL.</dd>
- <dt>{{domxref("URL.port")}}</dt>
- <dd>Is a {{domxref("DOMString")}} containing the port number of the URL.</dd>
- <dt>{{domxref("URL.pathname")}}</dt>
- <dd>Is a {{domxref("DOMString")}} containing an initial <code>'/'</code> followed by the path of the URL.</dd>
- <dt>{{domxref("URL.search")}}</dt>
- <dd>Is a {{domxref("DOMString")}} containing a <code>'?'</code> followed by the parameters of the URL.</dd>
- <dt>{{domxref("URL.hash")}}</dt>
- <dd>Is a {{domxref("DOMString")}} containing a <code>'#'</code> followed by the fragment identifier of the URL.</dd>
- <dt>{{domxref("URL.username")}}</dt>
- <dd>Is a {{domxref("DOMString")}} containing the username specified before the domain name.</dd>
- <dt>{{domxref("URL.password")}}</dt>
- <dd>Is a {{domxref("DOMString")}} containing the password specified before the domain name.</dd>
- <dt>{{domxref("URL.origin")}} {{readonlyInline}}</dt>
- <dd>Returns a {{domxref("DOMString")}} containing the origin of the URL, that is its scheme, its domain and its port.</dd>
-</dl>
-
-<dl>
- <dt>{{domxref("URL.searchParams")}}</dt>
- <dd>Returns a {{domxref("URLSearchParams")}} object allowing to access the GET query arguments contained in the URL.</dd>
-</dl>
-
-<h2 id="Constructor">Constructor</h2>
-
-<dl>
- <dt>{{domxref("URL.URL", "URL()")}}</dt>
- <dd>Creates and return a <code>URL</code> object composed from the given parameters.</dd>
-</dl>
-
-<h2 id="Methods">Methods</h2>
-
-<p><em>The <code>URL</code> interface implements methods defined in {{domxref("URLUtils")}}.</em></p>
-
-<dl>
- <dt>{{domxref("URLUtils.toString()")}}</dt>
- <dd>Returns a {{domxref("DOMString")}} containing the whole URL. It is a synonym for {{domxref("URLUtils.href")}}, though it can't be used to modify the value.</dd>
-</dl>
-
-<h2 id="Static_methods">Static methods</h2>
-
-<dl>
- <dt>{{domxref("URL.createObjectURL()")}}</dt>
- <dd>Returns a {{domxref("DOMString")}} containing a unique blob URL, that is a URL with <code>blob:</code> as its scheme, followed by an opaque string uniquely identifying the object in the browser.</dd>
- <dt>{{domxref("URL.revokeObjectURL()")}}</dt>
- <dd>Revokes an object URL previously created using {{domxref("URL.createObjectURL()")}}.</dd>
-</dl>
-
-<h2 id="Specifications">Specifications</h2>
-
-<table class="standard-table">
- <tbody>
-  <tr>
-   <th scope="col">Specification</th>
-   <th scope="col">Status</th>
-   <th scope="col">Comment</th>
-  </tr>
-  <tr>
-   <td>{{SpecName('File API', '#creating-revoking', 'URL')}}</td>
-   <td>{{Spec2('File API')}}</td>
-   <td>Added the static methods <code>URL.createObjectURL()</code> and <code>URL.revokeObjectURL</code><code>()</code>.</td>
-  </tr>
-  <tr>
-   <td>{{SpecName('URL', '#api', 'Node')}}</td>
-   <td>{{Spec2('URL')}}</td>
-   <td>Initial definition (implements <code>URLUtils</code>).</td>
-  </tr>
- </tbody>
-</table>
-
-<h2 id="Browser_compatibility">Browser compatibility</h2>
+{{ApiRef("URL API")}} {{SeeCompatTable}}
+
+La interfaz **`URL`** representa a un objeto que provee métodos estáticos para crear objetos URL.
+
+When using a user agent where no constructor has been implemented yet, it is possible to access such an object using the {{domxref("Window.URL")}} properties (prefixed with Webkit-based browser as `Window.webkitURL`).
+
+{{AvailableInWorkers}}
+
+## Properties
+
+- {{domxref("URL.href")}}
+  - : Is a {{domxref("DOMString")}} containing the whole URL.
+- {{domxref("URL.protocol")}}
+  - : Is a {{domxref("DOMString")}} containing the protocol scheme of the URL, including the final `':'`.
+- {{domxref("URL.host")}}
+  - : Is a {{domxref("DOMString")}} containing the host, that is the _hostname_, a `':'`, and the _port_ of the URL.
+- {{domxref("URL.hostname")}}
+  - : Is a {{domxref("DOMString")}} containing the domain of the URL.
+- {{domxref("URL.port")}}
+  - : Is a {{domxref("DOMString")}} containing the port number of the URL.
+- {{domxref("URL.pathname")}}
+  - : Is a {{domxref("DOMString")}} containing an initial `'/'` followed by the path of the URL.
+- {{domxref("URL.search")}}
+  - : Is a {{domxref("DOMString")}} containing a `'?'` followed by the parameters of the URL.
+- {{domxref("URL.hash")}}
+  - : Is a {{domxref("DOMString")}} containing a `'#'` followed by the fragment identifier of the URL.
+- {{domxref("URL.username")}}
+  - : Is a {{domxref("DOMString")}} containing the username specified before the domain name.
+- {{domxref("URL.password")}}
+  - : Is a {{domxref("DOMString")}} containing the password specified before the domain name.
+- {{domxref("URL.origin")}} {{readonlyInline}}
+  - : Returns a {{domxref("DOMString")}} containing the origin of the URL, that is its scheme, its domain and its port.
+
+<!---->
+
+- {{domxref("URL.searchParams")}}
+  - : Returns a {{domxref("URLSearchParams")}} object allowing to access the GET query arguments contained in the URL.
+
+## Constructor
+
+- {{domxref("URL.URL", "URL()")}}
+  - : Creates and return a `URL` object composed from the given parameters.
+
+## Methods
+
+_The `URL` interface implements methods defined in {{domxref("URLUtils")}}._
+
+- {{domxref("URLUtils.toString()")}}
+  - : Returns a {{domxref("DOMString")}} containing the whole URL. It is a synonym for {{domxref("URLUtils.href")}}, though it can't be used to modify the value.
+
+## Static methods
+
+- {{domxref("URL.createObjectURL()")}}
+  - : Returns a {{domxref("DOMString")}} containing a unique blob URL, that is a URL with `blob:` as its scheme, followed by an opaque string uniquely identifying the object in the browser.
+- {{domxref("URL.revokeObjectURL()")}}
+  - : Revokes an object URL previously created using {{domxref("URL.createObjectURL()")}}.
+
+## Specifications
+
+| Specification                                                            | Status                       | Comment                                                                           |
+| ------------------------------------------------------------------------ | ---------------------------- | --------------------------------------------------------------------------------- |
+| {{SpecName('File API', '#creating-revoking', 'URL')}} | {{Spec2('File API')}} | Added the static methods `URL.createObjectURL()` and ` URL.revokeObjectURL``() `. |
+| {{SpecName('URL', '#api', 'Node')}}                         | {{Spec2('URL')}}         | Initial definition (implements `URLUtils`).                                       |
+
+## Browser compatibility
 
 {{Compat("api.URL")}}
 
-<h2 id="See_also">See also</h2>
+## See also
 
-<ul>
- <li>Property allowing to get such an object: {{domxref("Window.URL")}}.</li>
- <li><a href="/en-US/docs/Components.utils.importGlobalProperties">Components.utils.importGlobalProperties</a></li>
-</ul>
+- Property allowing to get such an object: {{domxref("Window.URL")}}.
+- [Components.utils.importGlobalProperties](/es/docs/Components.utils.importGlobalProperties)
diff --git a/files/es/web/api/url/port/index.md b/files/es/web/api/url/port/index.md
index 5a6652930e43bd..46054bcaf814d2 100644
--- a/files/es/web/api/url/port/index.md
+++ b/files/es/web/api/url/port/index.md
@@ -3,51 +3,40 @@ title: URL.port
 slug: Web/API/URL/port
 translation_of: Web/API/URL/port
 ---
-<div>{{ApiRef("URL API")}}</div>
+{{ApiRef("URL API")}}
 
-<p>La propiedad <strong><code>port</code></strong> de la interfaz {{domxref("URL")}} es un {{domxref("USVString")}} que contiene el número de puerto de la URL. Si la URL no contiene un número de puerto explícito, se establecerá <code>''</code>.</p>
+La propiedad **`port`** de la interfaz {{domxref("URL")}} es un {{domxref("USVString")}} que contiene el número de puerto de la URL. Si la URL no contiene un número de puerto explícito, se establecerá `''`.
 
-<p>{{AvailableInWorkers}}</p>
+{{AvailableInWorkers}}
 
-<h2 id="Sintaxis">Sintaxis</h2>
+## Sintaxis
 
-<pre class="syntaxbox"><em>string</em> = <em>object</em>.port;
-<em>object</em>.port = <em>string</em>;
-</pre>
+```
+string = object.port;
+object.port = string;
+```
 
-<h3 id="Valor">Valor</h3>
+### Valor
 
-<p>Un {{domxref("USVString")}}.</p>
+Un {{domxref("USVString")}}.
 
-<h2 id="Ejemplos">Ejemplos</h2>
+## Ejemplos
 
-<pre class="brush: js">var url = new URL('<span class="message-body-wrapper"><span class="message-flex-body"><span class="devtools-monospace message-body"><span class="cm-string">https://mydomain.com:80/svn/Repos/</span></span></span></span>');
+```js
+var url = new URL('https://mydomain.com:80/svn/Repos/');
 var result = url.port; // Devuelve:'80'
-</pre>
-
-<h2 id="Especificaciones">Especificaciones</h2>
-
-<table class="standard-table">
- <tbody>
-  <tr>
-   <th scope="col">Especificación</th>
-   <th scope="col">Estado</th>
-   <th scope="col">Comentario</th>
-  </tr>
-  <tr>
-   <td>{{SpecName('URL', '#dom-url-port', 'URL.port')}}</td>
-   <td>{{Spec2('URL')}}</td>
-   <td>Definición inicial.</td>
-  </tr>
- </tbody>
-</table>
-
-<h2 id="Compatibilidad_del_navegador">Compatibilidad del navegador</h2>
-
-<p>{{Compat("api.URL.port")}}</p>
-
-<h2 id="Ver_también">Ver también</h2>
-
-<ul>
- <li>La interfaz {{domxref("URL")}} a la que pertenece.</li>
-</ul>
+```
+
+## Especificaciones
+
+| Especificación                                                   | Estado               | Comentario          |
+| ---------------------------------------------------------------- | -------------------- | ------------------- |
+| {{SpecName('URL', '#dom-url-port', 'URL.port')}} | {{Spec2('URL')}} | Definición inicial. |
+
+## Compatibilidad del navegador
+
+{{Compat("api.URL.port")}}
+
+## Ver también
+
+- La interfaz {{domxref("URL")}} a la que pertenece.
diff --git a/files/es/web/api/url/url/index.md b/files/es/web/api/url/url/index.md
index 196bc3a3f251dc..c252b96f871983 100644
--- a/files/es/web/api/url/url/index.md
+++ b/files/es/web/api/url/url/index.md
@@ -3,95 +3,69 @@ title: URL()
 slug: Web/API/URL/URL
 translation_of: Web/API/URL/URL
 ---
-<div>{{APIRef("URL API")}}</div>
+{{APIRef("URL API")}}
 
-<p>El constructor <strong><code>URL()</code></strong> devuelve un objeto {{domxref("URL")}} recién creado que representa la URL definida por los parámetros.</p>
+El constructor **`URL()`** devuelve un objeto {{domxref("URL")}} recién creado que representa la URL definida por los parámetros.
 
-<p>Si la URL base dada o la URL resultante no son URL válidas, se lanza un {{domxref("DOMException")}}  de tipo <code>SYNTAX_ERROR</code>.</p>
+Si la URL base dada o la URL resultante no son URL válidas, se lanza un {{domxref("DOMException")}} de tipo `SYNTAX_ERROR`.
 
-<p>{{AvailableInWorkers}}</p>
+{{AvailableInWorkers}}
 
-<h2 id="Sintaxis">Sintaxis</h2>
+## Sintaxis
 
-<pre class="syntaxbox"><em>url</em> = new URL(<em>url</em>, [<em>base</em>])
-</pre>
+```
+url = new URL(url, [base])
+```
 
-<h3 id="Parámetros">Parámetros</h3>
+### Parámetros
 
-<dl>
- <dt><code>url</code></dt>
- <dd>Un {{domxref("USVString")}} que representa una URL absoluta o relativa. Si <em>url</em> es una URL relativa, se requiere <em>base</em>, y se usará como URL base. Si url es una URL absoluta, se ignorará una <em>base</em> determinada.</dd>
- <dt><code>base</code><em> </em>{{optional_inline}}</dt>
- <dd>Un {{domxref("USVString")}} representa la URL base a usar en caso de que la URL sea una URL relativa. Si no se especifica, el valor predeterminado es <code>''</code>.</dd>
-</dl>
+- `url`
+  - : Un {{domxref("USVString")}} que representa una URL absoluta o relativa. Si _url_ es una URL relativa, se requiere _base_, y se usará como URL base. Si url es una URL absoluta, se ignorará una _base_ determinada.
+- `base`\_ \_{{optional_inline}}
+  - : Un {{domxref("USVString")}} representa la URL base a usar en caso de que la URL sea una URL relativa. Si no se especifica, el valor predeterminado es `''`.
 
-<div class="note">
-<p><strong>Nota</strong>: Aún puede usar un objeto {{domxref("URL")}} existente para la base, que se enchufa al atributo  {{domxref("DOMString.href","href")}} del objeto.</p>
-</div>
+> **Nota:** Aún puede usar un objeto {{domxref("URL")}} existente para la base, que se enchufa al atributo {{domxref("DOMString.href","href")}} del objeto.
 
-<h3 id="Excepciones">Excepciones</h3>
+### Excepciones
 
-<table class="standard-table">
- <thead>
-  <tr>
-   <th scope="col">Excepción</th>
-   <th scope="col">Explicación</th>
-  </tr>
- </thead>
- <tbody>
-  <tr>
-   <td><code>TypeError</code></td>
-   <td><em>url</em> (en el caso de URL absolutas) o <em>base</em> + <em>url</em> (en el caso de URL relativas) no es una URL válida.</td>
-  </tr>
- </tbody>
-</table>
+| Excepción   | Explicación                                                                                              |
+| ----------- | -------------------------------------------------------------------------------------------------------- |
+| `TypeError` | _url_ (en el caso de URL absolutas) o _base_ + _url_ (en el caso de URL relativas) no es una URL válida. |
 
-<h2 id="Ejemplos">Ejemplos</h2>
+## Ejemplos
 
-<pre class="brush: js">// Urls base
+```js
+// Urls base
 var m = 'https://developer.mozilla.org';
-var a = new URL("/", m);                                // =&gt; 'https://developer.mozilla.org/'
-var b = new URL(m);                                     // =&gt; 'https://developer.mozilla.org/'
+var a = new URL("/", m);                                // => 'https://developer.mozilla.org/'
+var b = new URL(m);                                     // => 'https://developer.mozilla.org/'
 
-        new URL('en-US/docs', b);                      // =&gt; 'https://developer.mozilla.org/en-US/docs'
-var d = new URL('/en-US/docs', b);                     // =&gt; 'https://developer.mozilla.org/en-US/docs'
-        new URL('/en-US/docs', d);                     // =&gt; 'https://developer.mozilla.org/en-US/docs'
-        new URL('/en-US/docs', a);                     // =&gt; 'https://developer.mozilla.org/en-US/docs'
+        new URL('en-US/docs', b);                      // => 'https://developer.mozilla.org/en-US/docs'
+var d = new URL('/en-US/docs', b);                     // => 'https://developer.mozilla.org/en-US/docs'
+        new URL('/en-US/docs', d);                     // => 'https://developer.mozilla.org/en-US/docs'
+        new URL('/en-US/docs', a);                     // => 'https://developer.mozilla.org/en-US/docs'
 
         new URL('/en-US/docs', "https://developer.mozilla.org/fr-FR/toto");
-                                                       // =&gt; 'https://developer.mozilla.org/en-US/docs'
+                                                       // => 'https://developer.mozilla.org/en-US/docs'
 
         new URL('/en-US/docs', '');                    // Provoca una excepción TypeError ya que '' no es una URL válida
         new URL('/en-US/docs');                        // Provoca una excepción TypeError ya que '/en-US/docs' no es una URL válida
-        new URL('http://www.example.com', );           // =&gt; 'http://www.example.com/'
-        new URL('http://www.example.com', b);          // =&gt; 'http://www.example.com/'
-
-        new URL("//foo.com", "https://example.com")    // =&gt; 'https://foo.com' (ver URL relativas)
-</pre>
-
-<h2 id="Especificación">Especificación</h2>
-
-<table class="standard-table">
- <tbody>
-  <tr>
-   <th scope="col">Especificación</th>
-   <th scope="col">Estado</th>
-   <th scope="col">Comentario</th>
-  </tr>
-  <tr>
-   <td>{{SpecName('URL', '#constructors', 'URL.URL()')}}</td>
-   <td>{{Spec2('URL')}}</td>
-   <td>Initial definition.</td>
-  </tr>
- </tbody>
-</table>
-
-<h2 id="Compatibilidad_del_navegador">Compatibilidad del navegador</h2>
-
-<p>{{Compat("api.URL.URL")}}</p>
-
-<h2 id="Ver_también">Ver también</h2>
-
-<ul>
- <li>La interfaz a la que pertenece: {{domxref("URL")}}.</li>
-</ul>
+        new URL('http://www.example.com', );           // => 'http://www.example.com/'
+        new URL('http://www.example.com', b);          // => 'http://www.example.com/'
+
+        new URL("//foo.com", "https://example.com")    // => 'https://foo.com' (ver URL relativas)
+```
+
+## Especificación
+
+| Especificación                                                   | Estado               | Comentario          |
+| ---------------------------------------------------------------- | -------------------- | ------------------- |
+| {{SpecName('URL', '#constructors', 'URL.URL()')}} | {{Spec2('URL')}} | Initial definition. |
+
+## Compatibilidad del navegador
+
+{{Compat("api.URL.URL")}}
+
+## Ver también
+
+- La interfaz a la que pertenece: {{domxref("URL")}}.
diff --git a/files/es/web/api/urlsearchparams/index.md b/files/es/web/api/urlsearchparams/index.md
index c62998f3ec5041..a44398035a5835 100644
--- a/files/es/web/api/urlsearchparams/index.md
+++ b/files/es/web/api/urlsearchparams/index.md
@@ -3,55 +3,52 @@ title: URLSearchParams
 slug: Web/API/URLSearchParams
 translation_of: Web/API/URLSearchParams
 ---
-<p>{{ApiRef("URL API")}}</p>
-
-<p>La interfaz <strong><code>URLSearchParams</code></strong> define métodos útiles para trabajar con los parámetros de búsqueda de una URL.</p>
-
-<p>Un objeto implementando <code>URLSearchParams</code> puede directamente ser usado en una {{jsxref("Statements/for...of", "for...of")}} estructura, en lugar de {{domxref('URLSearchParams.entries()', 'entries()')}}: <code>for (var p of mySearchParams)</code> la cual es equivalente a <code>for (var p of mySearchParams.entries())</code>.</p>
-
-<h2 id="Constructor">Constructor</h2>
-
-<dl>
- <dt>{{domxref("URLSearchParams.URLSearchParams", 'URLSearchParams()')}}</dt>
- <dd>El Constructor returna un objeto de tipo <code>URLSearchParams</code>.</dd>
-</dl>
-
-<h2 id="Propiedades">Propiedades</h2>
-
-<p><em>Esta interfaz no hereda ninguna propiedad.</em></p>
-
-<h2 id="Métodos">Métodos</h2>
-
-<p><em>Esta interfaz no hereda ningún método.</em></p>
-
-<dl>
- <dt>{{domxref("URLSearchParams.append()")}}</dt>
- <dd>Agrega el par de llave/valor especificado como un nuevo parámetro de búsqueda.</dd>
- <dt>{{domxref("URLSearchParams.delete()")}}</dt>
- <dd>Elimina el parámetro de búsqueda especificado, y su valor asociado, de la lista de todos los parámetros de búsqueda.</dd>
- <dt>{{domxref("URLSearchParams.entries()")}}</dt>
- <dd>Returna un {{jsxref("Iteration_protocols","iterator")}} que permite iterar a traves de todos los pares de llave/valor que contiene el objeto.</dd>
- <dt>{{domxref("URLSearchParams.get()")}}</dt>
- <dd>Returna el primer valor asociado al parámetro de búsqueda especificado.</dd>
- <dt>{{domxref("URLSearchParams.getAll()")}}</dt>
- <dd>Returna todas los valores asociados con el parámetro de búsqueda especificado.</dd>
- <dt>{{domxref("URLSearchParams.has()")}}</dt>
- <dd>Returna un {{jsxref("Boolean")}} que indica si el parametro de búsqueda especificado existe.</dd>
- <dt>{{domxref("URLSearchParams.keys()")}}</dt>
- <dd>Returna un {{jsxref("Iteration_protocols", "iterator")}} que permite iterar a través de todas las <strong>llaves </strong>de los pares de llave/valor que contiene un objeto.</dd>
- <dt>{{domxref("URLSearchParams.set()")}}</dt>
- <dd>Establece el valor al parámetro de búsqueda asociado con el valor dado. Si hay varios valores, elimina los demás.</dd>
- <dt>{{domxref("URLSearchParams.sort()")}}</dt>
- <dd>Organiza todos los pares de llave/valor, si existen, por sus llaves.</dd>
- <dt>{{domxref("URLSearchParams.toString()")}}</dt>
- <dd>Returna una cadena de texto que contiene un parámetro de consulta adecuado para utilizar en una URL.</dd>
- <dt>{{domxref("URLSearchParams.values()")}}</dt>
- <dd>Returna un {{jsxref("Iteration_protocols", "iterator")}} que permite iterar a través de todos los <strong>valores </strong>de los pares de llave/valor que contiene un objeto.</dd>
-</dl>
-
-<h2 id="Ejemplo">Ejemplo</h2>
-
-<pre class="brush: js">var paramsString = "q=URLUtils.searchParams&amp;topic=api"
+{{ApiRef("URL API")}}
+
+La interfaz **`URLSearchParams`** define métodos útiles para trabajar con los parámetros de búsqueda de una URL.
+
+Un objeto implementando `URLSearchParams` puede directamente ser usado en una {{jsxref("Statements/for...of", "for...of")}} estructura, en lugar de {{domxref('URLSearchParams.entries()', 'entries()')}}: `for (var p of mySearchParams)` la cual es equivalente a `for (var p of mySearchParams.entries())`.
+
+## Constructor
+
+- {{domxref("URLSearchParams.URLSearchParams", 'URLSearchParams()')}}
+  - : El Constructor returna un objeto de tipo `URLSearchParams`.
+
+## Propiedades
+
+_Esta interfaz no hereda ninguna propiedad._
+
+## Métodos
+
+_Esta interfaz no hereda ningún método._
+
+- {{domxref("URLSearchParams.append()")}}
+  - : Agrega el par de llave/valor especificado como un nuevo parámetro de búsqueda.
+- {{domxref("URLSearchParams.delete()")}}
+  - : Elimina el parámetro de búsqueda especificado, y su valor asociado, de la lista de todos los parámetros de búsqueda.
+- {{domxref("URLSearchParams.entries()")}}
+  - : Returna un {{jsxref("Iteration_protocols","iterator")}} que permite iterar a traves de todos los pares de llave/valor que contiene el objeto.
+- {{domxref("URLSearchParams.get()")}}
+  - : Returna el primer valor asociado al parámetro de búsqueda especificado.
+- {{domxref("URLSearchParams.getAll()")}}
+  - : Returna todas los valores asociados con el parámetro de búsqueda especificado.
+- {{domxref("URLSearchParams.has()")}}
+  - : Returna un {{jsxref("Boolean")}} que indica si el parametro de búsqueda especificado existe.
+- {{domxref("URLSearchParams.keys()")}}
+  - : Returna un {{jsxref("Iteration_protocols", "iterator")}} que permite iterar a través de todas las **llaves** de los pares de llave/valor que contiene un objeto.
+- {{domxref("URLSearchParams.set()")}}
+  - : Establece el valor al parámetro de búsqueda asociado con el valor dado. Si hay varios valores, elimina los demás.
+- {{domxref("URLSearchParams.sort()")}}
+  - : Organiza todos los pares de llave/valor, si existen, por sus llaves.
+- {{domxref("URLSearchParams.toString()")}}
+  - : Returna una cadena de texto que contiene un parámetro de consulta adecuado para utilizar en una URL.
+- {{domxref("URLSearchParams.values()")}}
+  - : Returna un {{jsxref("Iteration_protocols", "iterator")}} que permite iterar a través de todos los **valores** de los pares de llave/valor que contiene un objeto.
+
+## Ejemplo
+
+```js
+var paramsString = "q=URLUtils.searchParams&topic=api"
 var searchParams = new URLSearchParams(paramsString);
 
 //Itera los parámetros de búsqueda.
@@ -64,42 +61,26 @@ searchParams.get("topic") === "api"; // true
 searchParams.getAll("topic"); // ["api"]
 searchParams.get("foo") === null; // true
 searchParams.append("topic", "webdev");
-searchParams.toString(); // "q=URLUtils.searchParams&amp;topic=api&amp;topic=webdev"
+searchParams.toString(); // "q=URLUtils.searchParams&topic=api&topic=webdev"
 searchParams.set("topic", "More webdev");
-searchParams.toString(); // "q=URLUtils.searchParams&amp;topic=More+webdev"
+searchParams.toString(); // "q=URLUtils.searchParams&topic=More+webdev"
 searchParams.delete("topic");
 searchParams.toString(); // "q=URLUtils.searchParams"
-</pre>
-
-<h2 id="Especificaciones">Especificaciones</h2>
-
-<table class="standard-table">
- <thead>
-  <tr>
-   <th scope="col">Especificaciones</th>
-   <th scope="col">Estado</th>
-   <th scope="col">Comentario</th>
-  </tr>
- </thead>
- <tbody>
-  <tr>
-   <td>{{SpecName('URL', '#urlsearchparams', "URLSearchParams")}}</td>
-   <td>{{Spec2('URL')}}</td>
-   <td>Definición Inicial.</td>
-  </tr>
- </tbody>
-</table>
-
-<h2 id="Compatibilidad_con_navegadores">Compatibilidad con navegadores</h2>
+```
+
+## Especificaciones
+
+| Especificaciones                                                             | Estado               | Comentario          |
+| ---------------------------------------------------------------------------- | -------------------- | ------------------- |
+| {{SpecName('URL', '#urlsearchparams', "URLSearchParams")}} | {{Spec2('URL')}} | Definición Inicial. |
+
+## Compatibilidad con navegadores
 
 {{Compat("api.URLSearchParams")}}
 
-<h2 id="Vea_también">Vea también</h2>
+## Vea también
 
-<ul>
- <li>Otras interfaces relacionadas con URL: {{domxref("URL")}}, {{domxref("URLUtils")}}.</li>
- <li><a href="https://developers.google.com/web/updates/2016/01/urlsearchparams?hl=en">Google Developers: Fácil manipulación de una URL con URLSearchParams</a></li>
-</ul>
+- Otras interfaces relacionadas con URL: {{domxref("URL")}}, {{domxref("URLUtils")}}.
+- [Google Developers: Fácil manipulación de una URL con URLSearchParams](https://developers.google.com/web/updates/2016/01/urlsearchparams?hl=en)
 
-<dl>
-</dl>
+<!---->
diff --git a/files/es/web/api/urlsearchparams/urlsearchparams/index.md b/files/es/web/api/urlsearchparams/urlsearchparams/index.md
index 05152032f3240c..e7435b25d46427 100644
--- a/files/es/web/api/urlsearchparams/urlsearchparams/index.md
+++ b/files/es/web/api/urlsearchparams/urlsearchparams/index.md
@@ -9,33 +9,34 @@ tags:
   - URLSearchParams
 translation_of: Web/API/URLSearchParams/URLSearchParams
 ---
-<p>{{ApiRef("URL API")}}</p>
+{{ApiRef("URL API")}}
 
-<p>El constructor <code><strong>URLSearchParams()</strong></code> crea y retorna un nuevo objeto {{domxref("URLSearchParams")}}. Si se incluye el caracter <code>'?'</code> al comienzo, éste es ignorado.</p>
+El constructor **`URLSearchParams()`** crea y retorna un nuevo objeto {{domxref("URLSearchParams")}}. Si se incluye el caracter `'?'` al comienzo, éste es ignorado.
 
-<p>{{availableinworkers}}</p>
+{{availableinworkers}}
 
-<h2 id="Sintaxis">Sintaxis</h2>
+## Sintaxis
 
-<pre class="syntaxbox">var <em>URLSearchParams</em> = new URLSearchParams(<em>init</em>);</pre>
+```
+var URLSearchParams = new URLSearchParams(init);
+```
 
-<h3 id="Parámetros">Parámetros</h3>
+### Parámetros
 
-<dl>
- <dt><em><code>init</code></em> {{optional_inline}}</dt>
- <dd>Una instancia de {{domxref("USVString")}}, una secuencia de {{domxref("USVString")}}s, o un registro conteniendo dos {{domxref("USVString")}}s.</dd>
-</dl>
+- _`init`_ {{optional_inline}}
+  - : Una instancia de {{domxref("USVString")}}, una secuencia de {{domxref("USVString")}}s, o un registro conteniendo dos {{domxref("USVString")}}s.
 
-<h3 id="Valor_retornado">Valor retornado</h3>
+### Valor retornado
 
-<p>Un objeto instancia de {{domxref("URLSearchParams")}}.</p>
+Un objeto instancia de {{domxref("URLSearchParams")}}.
 
-<h2 id="Ejemplos">Ejemplos</h2>
+## Ejemplos
 
-<p>El siguiente ejemplo muestra cómo crear un objeto {{domxref("URLSearchParams")}} desde un string que representa una URL.</p>
+El siguiente ejemplo muestra cómo crear un objeto {{domxref("URLSearchParams")}} desde un string que representa una URL.
 
-<pre class="brush: js">// Pasar un literal string
-var url = new URL('https://example.com?foo=1&amp;bar=2');
+```js
+// Pasar un literal string
+var url = new URL('https://example.com?foo=1&bar=2');
 // Obtener la URL actual desde window.location
 var url2 = new URL(window.location);
 
@@ -48,31 +49,14 @@ var params3 = new URLSearchParams([["foo", 1],["bar", 2]]);
 
 // Pasar un registro
 var params4 = new URLSearchParams({"foo" : 1 , "bar" : 2});
-</pre>
-
-<h2 id="Especificaciones">Especificaciones</h2>
-
-<table class="standard-table">
- <thead>
-  <tr>
-   <th scope="col">Especificación</th>
-   <th scope="col">Estado</th>
-   <th scope="col">Comentario</th>
-  </tr>
- </thead>
- <tbody>
-  <tr>
-   <td>{{SpecName('URL', '#dom-urlsearchparams-urlsearchparams', "URLSearchParams()")}}</td>
-   <td>{{Spec2('URL')}}</td>
-   <td>Definición inicial.</td>
-  </tr>
- </tbody>
-</table>
-
-<h2 id="Compatibilidad_de_browsers">Compatibilidad de browsers</h2>
-
-<div>
-
-
-<p>{{Compat("api.URLSearchParams.URLSearchParams")}}</p>
-</div>
+```
+
+## Especificaciones
+
+| Especificación                                                                                               | Estado               | Comentario          |
+| ------------------------------------------------------------------------------------------------------------ | -------------------- | ------------------- |
+| {{SpecName('URL', '#dom-urlsearchparams-urlsearchparams', "URLSearchParams()")}} | {{Spec2('URL')}} | Definición inicial. |
+
+## Compatibilidad de browsers
+
+{{Compat("api.URLSearchParams.URLSearchParams")}}
diff --git a/files/es/web/api/vibration_api/index.md b/files/es/web/api/vibration_api/index.md
index 8787a8542ee430..da7f21b1f65ea8 100644
--- a/files/es/web/api/vibration_api/index.md
+++ b/files/es/web/api/vibration_api/index.md
@@ -13,97 +13,86 @@ tags:
 translation_of: Web/API/Vibration_API
 original_slug: Web/Guide/API/Vibration
 ---
-<p>La mayoría de los dispositivos modernos pueden vibrar a través del hardware, esto permite que a través del código de software se pueda emitir estas vibraciones. La <strong>Vibration API</strong>  ofrece a las aplicaciones web la capacidad de acceder a este hardware en caso este lo soporte, caso contrario el dispositivo no hace nada.</p>
+La mayoría de los dispositivos modernos pueden vibrar a través del hardware, esto permite que a través del código de software se pueda emitir estas vibraciones. La **Vibration API** ofrece a las aplicaciones web la capacidad de acceder a este hardware en caso este lo soporte, caso contrario el dispositivo no hace nada.
 
-<h2 id="Describiendo_vibraciones">Describiendo vibraciones</h2>
+## Describiendo vibraciones
 
-<p>Vibración se puede describir como un patrón de prender y apagar pulsos, los cuales pueden variar en longitud. El patrón puede consistir de un sólo número que indica cuantos milisegundos vibrará, o un arreglo de enteros describiendo un patrón de vibraciones y pausas. La vibración es controlada por un solo método:</p>
+Vibración se puede describir como un patrón de prender y apagar pulsos, los cuales pueden variar en longitud. El patrón puede consistir de un sólo número que indica cuantos milisegundos vibrará, o un arreglo de enteros describiendo un patrón de vibraciones y pausas. La vibración es controlada por un solo método:
 
-<p><span style="font-size: 13.63636302948px; line-height: 19.0909080505371px;">{{domxref("window.navigator.vibrate()")}}.</span></p>
+{{domxref("window.navigator.vibrate()")}}.
 
-<h3 id="Vibración_simple">Vibración simple</h3>
+### Vibración simple
 
-<p>Puedes iniciar una sola vibración del hardware pasando como argumento un sólo número, o un arreglo de un sólo número:</p>
+Puedes iniciar una sola vibración del hardware pasando como argumento un sólo número, o un arreglo de un sólo número:
 
-<pre class="brush:js">window.navigator.vibrate(200);
+```js
+window.navigator.vibrate(200);
 window.navigator.vibrate([200]);
-</pre>
+```
 
-<p>Ambos ejemplos hacen vibrar el dispositivo por 200 ms.</p>
+Ambos ejemplos hacen vibrar el dispositivo por 200 ms.
 
-<h3 id="Patrones_de_vibración">Patrones de vibración</h3>
+### Patrones de vibración
 
-<p>Un arreglo de valores describen que las vibraciones serán por períodos alternados, es decir, el dispositivo vibrará luego no lo hará, así según la secuencia definida. Cada valor en el arreglo es convertido a entero para luego ser interpretado alternadamente como el tiempo que el dispositivo debe vibrar y el tiempo que no debe vibrar. Ejemplo:</p>
+Un arreglo de valores describen que las vibraciones serán por períodos alternados, es decir, el dispositivo vibrará luego no lo hará, así según la secuencia definida. Cada valor en el arreglo es convertido a entero para luego ser interpretado alternadamente como el tiempo que el dispositivo debe vibrar y el tiempo que no debe vibrar. Ejemplo:
 
-<pre class="brush: js">window.navigator.vibrate([200, 100, 200]);
-</pre>
+```js
+window.navigator.vibrate([200, 100, 200]);
+```
 
-<p>Según este ejemplo el dispositivo vibrará por 200ms, luego se detiene por 100ms y luego vibra 200ms.</p>
+Según este ejemplo el dispositivo vibrará por 200ms, luego se detiene por 100ms y luego vibra 200ms.
 
-<p>Puedes especificar cuantas vibraciones/pausas desees, y el arreglo puede tener un tamaño par o impar. No importa que agregues una pausa como el último valor del arreglo, ya que el celular dejará de vibrar de todas formas al final de cada vibración.</p>
+Puedes especificar cuantas vibraciones/pausas desees, y el arreglo puede tener un tamaño par o impar. No importa que agregues una pausa como el último valor del arreglo, ya que el celular dejará de vibrar de todas formas al final de cada vibración.
 
-<h3 id="Cancelar_vibraciones_existentes">Cancelar vibraciones existentes</h3>
+### Cancelar vibraciones existentes
 
-<p>Llamar {{domxref("window.navigator.vibrate()")}} con un valor de <code>0</code>, arreglo vació, o arreglo que contenga 0's detendrá cualquier vibración en curso.</p>
+Llamar {{domxref("window.navigator.vibrate()")}} con un valor de `0`, arreglo vació, o arreglo que contenga 0's detendrá cualquier vibración en curso.
 
-<h3 id="Vibraciones_continuas">Vibraciones continuas</h3>
+### Vibraciones continuas
 
-<p style="margin: 0px 0px 0.8em; padding: 0px; border: 0px; font-family: 'Open Sans', Arial, sans-serif; line-height: 1.6em; font-size: 16px; vertical-align: baseline;">Algunas básicas acciones son <code style="margin: 0px; padding: 2px 7px; border: 0px; font-family: monospace, sans-serif; font-style: inherit; font-variant: inherit; font-weight: bold; line-height: inherit; font-size: 16px; vertical-align: baseline; background-color: rgb(248, 248, 248); border-top-left-radius: 4px; border-top-right-radius: 4px; border-bottom-right-radius: 4px; border-bottom-left-radius: 4px;">setInterval</code> y <code style="margin: 0px; padding: 2px 7px; border: 0px; font-family: monospace, sans-serif; font-style: inherit; font-variant: inherit; font-weight: bold; line-height: inherit; font-size: 16px; vertical-align: baseline; background-color: rgb(248, 248, 248); border-top-left-radius: 4px; border-top-right-radius: 4px; border-bottom-right-radius: 4px; border-bottom-left-radius: 4px;">clearInterval</code> que nos permitirán crear vibraciones persistentes:</p>
+Algunas básicas acciones son `setInterval` y `clearInterval` que nos permitirán crear vibraciones persistentes:
+
+```js
+var intervaloDeVibrado;
 
-<pre class="js  language-js" style="margin-top: 0.5em; margin-bottom: 0.5em; padding: 1em; border: 0px; font-family: Consolas, Monaco, 'Andale Mono', monospace; line-height: 1.6em; font-size: 0.8em; vertical-align: baseline; background-color: rgb(245, 242, 240); color: black; text-shadow: white 0px 1px; direction: ltr;"><code class="language-js" style="margin: 0px; padding: 0px; border: 0px; font-family: Consolas, Monaco, 'Andale Mono', monospace; font-style: inherit; font-variant: inherit; line-height: inherit; font-size: 13px; vertical-align: baseline; text-shadow: white 0px 1px; direction: ltr;"><span class="token keyword" style="margin: 0px; padding: 0px; border: 0px; font-family: inherit; font-style: inherit; font-variant: inherit; line-height: inherit; vertical-align: baseline; color: rgb(0, 119, 170);">var</span> intervaloDeVibrado<span class="token punctuation" style="margin: 0px; padding: 0px; border: 0px; font-family: inherit; font-style: inherit; font-variant: inherit; line-height: inherit; vertical-align: baseline; color: rgb(153, 153, 153);">;</span>
-<span class="token comment" style="margin: 0px; padding: 0px; border: 0px; font-family: inherit; font-style: inherit; font-variant: inherit; line-height: inherit; vertical-align: baseline; color: rgb(112, 128, 144);">
 // Iniciar la vibración
-</span><span class="token keyword" style="margin: 0px; padding: 0px; border: 0px; font-family: inherit; font-style: inherit; font-variant: inherit; line-height: inherit; vertical-align: baseline; color: rgb(0, 119, 170);">function</span> <span class="token function" style="margin: 0px; padding: 0px; border: 0px; font-family: inherit; font-style: inherit; font-variant: inherit; line-height: inherit; vertical-align: baseline;">iniciarVibrado<span class="token punctuation" style="margin: 0px; padding: 0px; border: 0px; font-family: inherit; font-style: inherit; font-variant: inherit; line-height: inherit; vertical-align: baseline; color: rgb(153, 153, 153);">(</span></span>duracion<span class="token punctuation" style="margin: 0px; padding: 0px; border: 0px; font-family: inherit; font-style: inherit; font-variant: inherit; line-height: inherit; vertical-align: baseline; color: rgb(153, 153, 153);">)</span> <span class="token punctuation" style="margin: 0px; padding: 0px; border: 0px; font-family: inherit; font-style: inherit; font-variant: inherit; line-height: inherit; vertical-align: baseline; color: rgb(153, 153, 153);">{</span>
-	navigator<span class="token punctuation" style="margin: 0px; padding: 0px; border: 0px; font-family: inherit; font-style: inherit; font-variant: inherit; line-height: inherit; vertical-align: baseline; color: rgb(153, 153, 153);">.</span><span class="token function" style="margin: 0px; padding: 0px; border: 0px; font-family: inherit; font-style: inherit; font-variant: inherit; line-height: inherit; vertical-align: baseline;">vibrate<span class="token punctuation" style="margin: 0px; padding: 0px; border: 0px; font-family: inherit; font-style: inherit; font-variant: inherit; line-height: inherit; vertical-align: baseline; color: rgb(153, 153, 153);">(</span></span>duracion)<span class="token punctuation" style="margin: 0px; padding: 0px; border: 0px; font-family: inherit; font-style: inherit; font-variant: inherit; line-height: inherit; vertical-align: baseline; color: rgb(153, 153, 153);">;</span>
-<span class="token punctuation" style="margin: 0px; padding: 0px; border: 0px; font-family: inherit; font-style: inherit; font-variant: inherit; line-height: inherit; vertical-align: baseline; color: rgb(153, 153, 153);">}</span>
-<span class="token comment" style="margin: 0px; padding: 0px; border: 0px; font-family: inherit; font-style: inherit; font-variant: inherit; line-height: inherit; vertical-align: baseline; color: rgb(112, 128, 144);">
+function iniciarVibrado(duracion) {
+	navigator.vibrate(duracion);
+}
+
 // Detiene la vibración
-</span><span class="token keyword" style="margin: 0px; padding: 0px; border: 0px; font-family: inherit; font-style: inherit; font-variant: inherit; line-height: inherit; vertical-align: baseline; color: rgb(0, 119, 170);">function</span> <span class="token function" style="margin: 0px; padding: 0px; border: 0px; font-family: inherit; font-style: inherit; font-variant: inherit; line-height: inherit; vertical-align: baseline;">detenerVibrado<span class="token punctuation" style="margin: 0px; padding: 0px; border: 0px; font-family: inherit; font-style: inherit; font-variant: inherit; line-height: inherit; vertical-align: baseline; color: rgb(153, 153, 153);">(</span></span><span class="token punctuation" style="margin: 0px; padding: 0px; border: 0px; font-family: inherit; font-style: inherit; font-variant: inherit; line-height: inherit; vertical-align: baseline; color: rgb(153, 153, 153);">)</span> <span class="token punctuation" style="margin: 0px; padding: 0px; border: 0px; font-family: inherit; font-style: inherit; font-variant: inherit; line-height: inherit; vertical-align: baseline; color: rgb(153, 153, 153);">{</span>
-<span class="token comment" style="margin: 0px; padding: 0px; border: 0px; font-family: inherit; font-style: inherit; font-variant: inherit; line-height: inherit; vertical-align: baseline; color: rgb(112, 128, 144);">	// Limpiar el intervalo y detener las vibraciones existentes
-</span>	<span class="token keyword" style="margin: 0px; padding: 0px; border: 0px; font-family: inherit; font-style: inherit; font-variant: inherit; line-height: inherit; vertical-align: baseline; color: rgb(0, 119, 170);">if</span><span class="token punctuation" style="margin: 0px; padding: 0px; border: 0px; font-family: inherit; font-style: inherit; font-variant: inherit; line-height: inherit; vertical-align: baseline; color: rgb(153, 153, 153);">(</span>intervaloDeVibrado<span class="token punctuation" style="margin: 0px; padding: 0px; border: 0px; font-family: inherit; font-style: inherit; font-variant: inherit; line-height: inherit; vertical-align: baseline; color: rgb(153, 153, 153);">)</span> <span class="token function" style="margin: 0px; padding: 0px; border: 0px; font-family: inherit; font-style: inherit; font-variant: inherit; line-height: inherit; vertical-align: baseline;">clearInterval<span class="token punctuation" style="margin: 0px; padding: 0px; border: 0px; font-family: inherit; font-style: inherit; font-variant: inherit; line-height: inherit; vertical-align: baseline; color: rgb(153, 153, 153);">(</span></span>intervaloDeVibrado<span class="token punctuation" style="margin: 0px; padding: 0px; border: 0px; font-family: inherit; font-style: inherit; font-variant: inherit; line-height: inherit; vertical-align: baseline; color: rgb(153, 153, 153);">)</span><span class="token punctuation" style="margin: 0px; padding: 0px; border: 0px; font-family: inherit; font-style: inherit; font-variant: inherit; line-height: inherit; vertical-align: baseline; color: rgb(153, 153, 153);">;</span>
-	navigator<span class="token punctuation" style="margin: 0px; padding: 0px; border: 0px; font-family: inherit; font-style: inherit; font-variant: inherit; line-height: inherit; vertical-align: baseline; color: rgb(153, 153, 153);">.</span><span class="token function" style="margin: 0px; padding: 0px; border: 0px; font-family: inherit; font-style: inherit; font-variant: inherit; line-height: inherit; vertical-align: baseline;">vibrate<span class="token punctuation" style="margin: 0px; padding: 0px; border: 0px; font-family: inherit; font-style: inherit; font-variant: inherit; line-height: inherit; vertical-align: baseline; color: rgb(153, 153, 153);">(</span></span><span class="token number" style="margin: 0px; padding: 0px; border: 0px; font-family: inherit; font-style: inherit; font-variant: inherit; line-height: inherit; vertical-align: baseline; color: rgb(153, 0, 85);">0</span><span class="token punctuation" style="margin: 0px; padding: 0px; border: 0px; font-family: inherit; font-style: inherit; font-variant: inherit; line-height: inherit; vertical-align: baseline; color: rgb(153, 153, 153);">)</span><span class="token punctuation" style="margin: 0px; padding: 0px; border: 0px; font-family: inherit; font-style: inherit; font-variant: inherit; line-height: inherit; vertical-align: baseline; color: rgb(153, 153, 153);">;</span>
-<span class="token punctuation" style="margin: 0px; padding: 0px; border: 0px; font-family: inherit; font-style: inherit; font-variant: inherit; line-height: inherit; vertical-align: baseline; color: rgb(153, 153, 153);">}</span>
-<span class="token comment" style="margin: 0px; padding: 0px; border: 0px; font-family: inherit; font-style: inherit; font-variant: inherit; line-height: inherit; vertical-align: baseline; color: rgb(112, 128, 144);">
+function detenerVibrado() {
+	// Limpiar el intervalo y detener las vibraciones existentes
+	if(intervaloDeVibrado) clearInterval(intervaloDeVibrado);
+	navigator.vibrate(0);
+}
+
 // Iniciar las vibraciones con una determinado tiempo e intervalo
-</span><span class="token comment" style="margin: 0px; padding: 0px; border: 0px; font-family: inherit; font-style: inherit; font-variant: inherit; line-height: inherit; vertical-align: baseline; color: rgb(112, 128, 144);">// Asumir que el valor recibido es un entero
-</span><span class="token keyword" style="margin: 0px; padding: 0px; border: 0px; font-family: inherit; font-style: inherit; font-variant: inherit; line-height: inherit; vertical-align: baseline; color: rgb(0, 119, 170);">function</span> iniciarVibradoPersistente<span class="token function" style="margin: 0px; padding: 0px; border: 0px; font-family: inherit; font-style: inherit; font-variant: inherit; line-height: inherit; vertical-align: baseline;"><span class="token punctuation" style="margin: 0px; padding: 0px; border: 0px; font-family: inherit; font-style: inherit; font-variant: inherit; line-height: inherit; vertical-align: baseline; color: rgb(153, 153, 153);">(</span></span>duracion<span class="token punctuation" style="margin: 0px; padding: 0px; border: 0px; font-family: inherit; font-style: inherit; font-variant: inherit; line-height: inherit; vertical-align: baseline; color: rgb(153, 153, 153);">,</span> intervalo<span class="token punctuation" style="margin: 0px; padding: 0px; border: 0px; font-family: inherit; font-style: inherit; font-variant: inherit; line-height: inherit; vertical-align: baseline; color: rgb(153, 153, 153);">)</span> <span class="token punctuation" style="margin: 0px; padding: 0px; border: 0px; font-family: inherit; font-style: inherit; font-variant: inherit; line-height: inherit; vertical-align: baseline; color: rgb(153, 153, 153);">{</span>
-	intervaloDeVibrado <span class="token operator" style="margin: 0px; padding: 0px; border: 0px; font-family: inherit; font-style: inherit; font-variant: inherit; line-height: inherit; vertical-align: baseline; color: rgb(166, 127, 89); background-color: rgba(255, 255, 255, 0.498039);">=</span> <span class="token function" style="margin: 0px; padding: 0px; border: 0px; font-family: inherit; font-style: inherit; font-variant: inherit; line-height: inherit; vertical-align: baseline;">setInterval<span class="token punctuation" style="margin: 0px; padding: 0px; border: 0px; font-family: inherit; font-style: inherit; font-variant: inherit; line-height: inherit; vertical-align: baseline; color: rgb(153, 153, 153);">(</span></span><span class="token keyword" style="margin: 0px; padding: 0px; border: 0px; font-family: inherit; font-style: inherit; font-variant: inherit; line-height: inherit; vertical-align: baseline; color: rgb(0, 119, 170);">function</span><span class="token punctuation" style="margin: 0px; padding: 0px; border: 0px; font-family: inherit; font-style: inherit; font-variant: inherit; line-height: inherit; vertical-align: baseline; color: rgb(153, 153, 153);">(</span><span class="token punctuation" style="margin: 0px; padding: 0px; border: 0px; font-family: inherit; font-style: inherit; font-variant: inherit; line-height: inherit; vertical-align: baseline; color: rgb(153, 153, 153);">)</span> <span class="token punctuation" style="margin: 0px; padding: 0px; border: 0px; font-family: inherit; font-style: inherit; font-variant: inherit; line-height: inherit; vertical-align: baseline; color: rgb(153, 153, 153);">{</span>
-		<span class="token function" style="margin: 0px; padding: 0px; border: 0px; font-family: inherit; font-style: inherit; font-variant: inherit; line-height: inherit; vertical-align: baseline;">iniciarVibrado<span class="token punctuation" style="margin: 0px; padding: 0px; border: 0px; font-family: inherit; font-style: inherit; font-variant: inherit; line-height: inherit; vertical-align: baseline; color: rgb(153, 153, 153);">(</span></span>duracion<span class="token punctuation" style="margin: 0px; padding: 0px; border: 0px; font-family: inherit; font-style: inherit; font-variant: inherit; line-height: inherit; vertical-align: baseline; color: rgb(153, 153, 153);">)</span><span class="token punctuation" style="margin: 0px; padding: 0px; border: 0px; font-family: inherit; font-style: inherit; font-variant: inherit; line-height: inherit; vertical-align: baseline; color: rgb(153, 153, 153);">;</span>
-	<span class="token punctuation" style="margin: 0px; padding: 0px; border: 0px; font-family: inherit; font-style: inherit; font-variant: inherit; line-height: inherit; vertical-align: baseline; color: rgb(153, 153, 153);">}</span><span class="token punctuation" style="margin: 0px; padding: 0px; border: 0px; font-family: inherit; font-style: inherit; font-variant: inherit; line-height: inherit; vertical-align: baseline; color: rgb(153, 153, 153);">,</span> intervalo<span class="token punctuation" style="margin: 0px; padding: 0px; border: 0px; font-family: inherit; font-style: inherit; font-variant: inherit; line-height: inherit; vertical-align: baseline; color: rgb(153, 153, 153);">)</span><span class="token punctuation" style="margin: 0px; padding: 0px; border: 0px; font-family: inherit; font-style: inherit; font-variant: inherit; line-height: inherit; vertical-align: baseline; color: rgb(153, 153, 153);">;</span>
-<span class="token punctuation" style="margin: 0px; padding: 0px; border: 0px; font-family: inherit; font-style: inherit; font-variant: inherit; line-height: inherit; vertical-align: baseline; color: rgb(153, 153, 153);">}</span></code></pre>
-
-<p style="margin: 0px 0px 0.8em; padding: 0px; border: 0px; font-family: 'Open Sans', Arial, sans-serif; line-height: 1.6em; font-size: 16px; vertical-align: baseline;">Claro que el código de arriba no toma en cuenta el método de utilizar un arreglo de vibración, utilizar un arreglo para vibración persistente necesitaría recalcular la suma de los elementos del arregloo y crear un intervalo basado en esos números (agregando adicionalmente las pausas)</p>
-
-<h3 id="¿Por_qué_utilizar_Vibration_API">¿Por qué utilizar Vibration API?</h3>
-
-<p style="margin: 0px 0px 0.8em; padding: 0px; border: 0px; font-family: 'Open Sans', Arial, sans-serif; line-height: 1.6em; font-size: 16px; vertical-align: baseline;">Esta API es claramente accesible a través de dispositivos móbiles. Vibration API puede servir para alertas en las aplicaciones web del celular, y sería es asombrosa cuando se utiliza en juegos o en aplicaciones pesadas. Imagínate mirando un video en tu celular y durante la escena de explosión,tu teléfono vibra un poco. O la sensación que tendría tu usuario al sentir el estallido de una bomba en el juego Bomberman.</p>
-
-<h2 id="Especificaciones">Especificaciones</h2>
-
-<table class="standard-table">
- <thead>
-  <tr>
-   <th scope="col">Especificación</th>
-   <th scope="col">Estado</th>
-   <th scope="col">Comentario</th>
-  </tr>
- </thead>
- <tbody>
-  <tr>
-   <td>{{SpecName('Vibration API')}}</td>
-   <td>{{Spec2('Vibration API')}}</td>
-   <td>Especificación inicial.</td>
-  </tr>
- </tbody>
-</table>
-
-<h2 id="Compatibilidad_entre_navegadores">Compatibilidad entre navegadores</h2>
+// Asumir que el valor recibido es un entero
+function iniciarVibradoPersistente(duracion, intervalo) {
+	intervaloDeVibrado = setInterval(function() {
+		iniciarVibrado(duracion);
+	}, intervalo);
+}
+```
+
+Claro que el código de arriba no toma en cuenta el método de utilizar un arreglo de vibración, utilizar un arreglo para vibración persistente necesitaría recalcular la suma de los elementos del arregloo y crear un intervalo basado en esos números (agregando adicionalmente las pausas)
+
+### ¿Por qué utilizar Vibration API?
+
+Esta API es claramente accesible a través de dispositivos móbiles. Vibration API puede servir para alertas en las aplicaciones web del celular, y sería es asombrosa cuando se utiliza en juegos o en aplicaciones pesadas. Imagínate mirando un video en tu celular y durante la escena de explosión,tu teléfono vibra un poco. O la sensación que tendría tu usuario al sentir el estallido de una bomba en el juego Bomberman.
+
+## Especificaciones
+
+| Especificación                           | Estado                               | Comentario              |
+| ---------------------------------------- | ------------------------------------ | ----------------------- |
+| {{SpecName('Vibration API')}} | {{Spec2('Vibration API')}} | Especificación inicial. |
+
+## Compatibilidad entre navegadores
 
 {{Compat("api.Navigator.vibrate")}}
 
-<h2 id="Ver_También">Ver También</h2>
+## Ver También
 
-<ul>
- <li>{{domxref("window.navigator.vibrate()")}}</li>
- <li><a href="http://davidwalsh.name/vibration-api">Vibration API - David Walsh</a></li>
-</ul>
+- {{domxref("window.navigator.vibrate()")}}
+- [Vibration API - David Walsh](http://davidwalsh.name/vibration-api)
diff --git a/files/es/web/api/web_audio_api/index.md b/files/es/web/api/web_audio_api/index.md
index 25f4f9709ecb7e..26ae47f08ae6fb 100644
--- a/files/es/web/api/web_audio_api/index.md
+++ b/files/es/web/api/web_audio_api/index.md
@@ -4,211 +4,186 @@ slug: Web/API/Web_Audio_API
 translation_of: Web/API/Web_Audio_API
 original_slug: Web_Audio_API
 ---
-<div>{{apiref("Web Audio API")}}</div>
+{{apiref("Web Audio API")}}
 
-<p class="summary">La API de Audio Web provee un sistema poderoso y versatil para controlar audio en la Web, permitiendo a los desarrolladores escoger fuentes de audio, agregar efectos al audio, crear visualizaciones de audios, aplicar efectos espaciales (como paneo) y mucho más.</p>
+La API de Audio Web provee un sistema poderoso y versatil para controlar audio en la Web, permitiendo a los desarrolladores escoger fuentes de audio, agregar efectos al audio, crear visualizaciones de audios, aplicar efectos espaciales (como paneo) y mucho más.
 
-<h2 id="Conceptos_y_uso_de_audio_Web">Conceptos y uso de audio Web</h2>
+## Conceptos y uso de audio Web
 
-<p>La API de Audio Web involucra manejar operaciones de audio dentro de un <strong>contexto de audio</strong>, y ha sido diseñada para permitir <strong>enrutamiento modular</strong>. Las operaciones de audio básicas son realizadas con <strong>nodos de audio</strong>, que están enlazados juntos para formar un <strong>gráfico de enrutamiento de audio</strong>. Muchas fuentes — con diferentes tipos de diseño de canales — están soportadas incluso dentro de un único contexto. Este diseño modular provee flexibilidad para crear funciones de audio complejas con efectos dinámicos.</p>
-
-<p>Los nodos de audio están enlazados en cadenas y redes simples por sus entradas y salidas. Éstos típicamente empiezan con una o más fuentes. Las fuentes provee matrices de intensidades de sonidos (muestras) en segmentos de tiempo muy pequeños, a menudo decenas de miles de éstos por segundo.  Éstos podrían ser calculados matemáticamente (como  {{domxref("OscillatorNode")}}), o pueden ser grabaciones de archivos de audio o video (como {{domxref("AudioBufferSourceNode")}} y {{domxref("MediaElementAudioSourceNode")}}) y transmisiones de audio ({{domxref("MediaStreamAudioSourceNode")}}). De hecho, los archivos de sonido son sólo grabaciones de intensidades de sonido, que vienen desde micrófonos o instrumentos eléctricos, y mezclados en una onda única y complicada.</p>
-
-<p>Los resultados de éstos nodos podrían ser enlazados a las entradas de otros, que mezclan o modifican estas transmisiones de muestras de audio en diferentes transmisiones. Una modificación común es multiplicar las muestras por un valor para hacerlas más fuertes o silenciosas (como es el caso con {{domxref("GainNode")}}). Una vez que el sonido ha sido lo suficientemente procesado por el efecto necesario, puede ser enlazados a la entrada de un destino({{domxref("AudioContext.destination")}}), que enviá el sonido a los altavoces o auriculares. Esta última conexión sólo es necesaria si el usuario debe escuchar el audio.</p>
-
-<p>Un diagrama de flujo simple y típico para el audio web se vería algo como esto:</p>
+La API de Audio Web involucra manejar operaciones de audio dentro de un **contexto de audio**, y ha sido diseñada para permitir **enrutamiento modular**. Las operaciones de audio básicas son realizadas con **nodos de audio**, que están enlazados juntos para formar un **gráfico de enrutamiento de audio**. Muchas fuentes — con diferentes tipos de diseño de canales — están soportadas incluso dentro de un único contexto. Este diseño modular provee flexibilidad para crear funciones de audio complejas con efectos dinámicos.
 
-<ol>
- <li>Crear contexto de audio</li>
- <li>Dentro del contexto, crear fuentes — como <code>&lt;audio&gt;</code>, oscillator, stream</li>
- <li>Crear nodos de efectos, <span class="short_text" id="result_box" lang="es"><span>tales como reverberación, filtro biquad, panner, compresor</span></span></li>
- <li>Escoge el destino final del audio, por ejemplo tu sistema de altavoces</li>
- <li>Conecta las fuentes a los efectos, y los efectos al destino.</li>
-</ol>
+Los nodos de audio están enlazados en cadenas y redes simples por sus entradas y salidas. Éstos típicamente empiezan con una o más fuentes. Las fuentes provee matrices de intensidades de sonidos (muestras) en segmentos de tiempo muy pequeños, a menudo decenas de miles de éstos por segundo. Éstos podrían ser calculados matemáticamente (como {{domxref("OscillatorNode")}}), o pueden ser grabaciones de archivos de audio o video (como {{domxref("AudioBufferSourceNode")}} y {{domxref("MediaElementAudioSourceNode")}}) y transmisiones de audio ({{domxref("MediaStreamAudioSourceNode")}}). De hecho, los archivos de sonido son sólo grabaciones de intensidades de sonido, que vienen desde micrófonos o instrumentos eléctricos, y mezclados en una onda única y complicada.
 
-<p><img alt="A simple box diagram with an outer box labeled Audio context, and three inner boxes labeled Sources, Effects and Destination. The three inner boxes have arrow between them pointing from left to right, indicating the flow of audio information." src="https://mdn.mozillademos.org/files/12241/webaudioAPI_en.svg" style="display: block; height: 143px; margin: 0px auto; width: 643px;"></p>
+Los resultados de éstos nodos podrían ser enlazados a las entradas de otros, que mezclan o modifican estas transmisiones de muestras de audio en diferentes transmisiones. Una modificación común es multiplicar las muestras por un valor para hacerlas más fuertes o silenciosas (como es el caso con {{domxref("GainNode")}}). Una vez que el sonido ha sido lo suficientemente procesado por el efecto necesario, puede ser enlazados a la entrada de un destino({{domxref("AudioContext.destination")}}), que enviá el sonido a los altavoces o auriculares. Esta última conexión sólo es necesaria si el usuario debe escuchar el audio.
 
-<p>El tiempo es controlado con alta precisión baja latencia, permitiendo a los desarrolladores escribir código que responda con precisión a los eventos y sea capaz de apuntar a muestras específicas, incluso en una alta frecuencia de muestreo. <span id="result_box" lang="es"><span>Por lo tanto, las aplicaciones como las cajas de ritmos y los secuenciadores están a su alcance.</span></span></p>
+Un diagrama de flujo simple y típico para el audio web se vería algo como esto:
 
-<p>El API de Audio Web también nos permite controlar cómo el audio es <em>espacializado</em>. Usando un sistema basado en un <em>modelo fuente-oyente</em>, esto permite controlar el <em>modeo de paneo</em> y que se ocupa de la <em>atenuación inducida por distancia </em>o <em>desplazamiento doppler</em> i<span class="short_text" id="result_box" lang="es"><span>nducido por una fuente en movimiento (o un oyente en movimiento).</span></span></p>
+1.  Crear contexto de audio
+2.  Dentro del contexto, crear fuentes — como `<audio>`, oscillator, stream
+3.  Crear nodos de efectos, tales como reverberación, filtro biquad, panner, compresor
+4.  Escoge el destino final del audio, por ejemplo tu sistema de altavoces
+5.  Conecta las fuentes a los efectos, y los efectos al destino.
 
-<div class="note">
-<p>Puedes leear sobre la teoría del API de Audio Web con más detalle en nuestro artículo <a href="/en-US/docs/Web/API/Web_Audio_API/Basic_concepts_behind_Web_Audio_API">Conceptos Básicos detrás del API de Audio Web</a>.</p>
-</div>
+![A simple box diagram with an outer box labeled Audio context, and three inner boxes labeled Sources, Effects and Destination. The three inner boxes have arrow between them pointing from left to right, indicating the flow of audio information.](https://mdn.mozillademos.org/files/12241/webaudioAPI_en.svg)
 
-<h2 id="Interfaces_del_API_de_Audio_Web">Interfaces del API de Audio Web</h2>
+El tiempo es controlado con alta precisión baja latencia, permitiendo a los desarrolladores escribir código que responda con precisión a los eventos y sea capaz de apuntar a muestras específicas, incluso en una alta frecuencia de muestreo. Por lo tanto, las aplicaciones como las cajas de ritmos y los secuenciadores están a su alcance.
 
-<p>La API de Audio Web tiene un número de interfaces y eventos asociados, que han sido divididos en nueve categorias de funcionalidad.</p>
+El API de Audio Web también nos permite controlar cómo el audio es _espacializado_. Usando un sistema basado en un _modelo fuente-oyente_, esto permite controlar el _modeo de paneo_ y que se ocupa de la _atenuación inducida por distancia_ o _desplazamiento doppler_ inducido por una fuente en movimiento (o un oyente en movimiento).
 
-<h3 id="Definición_general_del_gráfico_de_audio">Definición general del gráfico de audio</h3>
+> **Nota:** Puedes leear sobre la teoría del API de Audio Web con más detalle en nuestro artículo [Conceptos Básicos detrás del API de Audio Web](/es/docs/Web/API/Web_Audio_API/Basic_concepts_behind_Web_Audio_API).
 
-<p><span id="result_box" lang="es"><span>Contenedores y definiciones generales que dan forma a los gráficos de audio en el uso de Web Audio API</span></span>.</p>
+## Interfaces del API de Audio Web
 
-<dl>
- <dt>{{domxref("AudioContext")}}</dt>
- <dd>La interfaz <strong><code>AudioContext</code></strong> representa un gráfico de procesamiento de audio construido de módulos de audio enlazados juntos, cada uno representado por un {{domxref("AudioNode")}}. Un contexto de audio controla la creación de los nodos que contiene y la ejecución del procesamiento del audio, or decoding. Necesitas crear un <code>AudioContext</code> antes de hacer cualquier cosa,  ya que todo pasa dentro de un contexto de audio.</dd>
- <dt>{{domxref("AudioNode")}}</dt>
- <dd>La interfaz <strong><code>AudioNode</code></strong><strong> </strong>representa un módulo de procesamiento de audio como una <em>fuente de audio</em> (por ejemplo un ejemplo HTML {{HTMLElement("audio")}} or {{HTMLElement("video")}}), <em>destino de audio</em>, <em>módulo de procesamiento intermedio</em> (por ejemplo un filtro como {{domxref("BiquadFilterNode")}}, o <em>control de volumen</em> como {{domxref("GainNode")}}).</dd>
- <dt>{{domxref("AudioParam")}}</dt>
- <dd>La interfaz <strong><code>AudioParam</code></strong><strong> </strong>representa un parámetro relacionado al audio, como uno de un {{domxref("AudioNode")}}. Esto puede ser establecido a un valor específico o un cambio de valor, y puede ser agendado para que ocurra en un momento específico y siguiendo un patrón específico.</dd>
- <dt>{{domxref("AudioParamMap")}}</dt>
- <dd>Provee una interfaz como para mapear a un grupo de interfaces {{domxref("AudioParam")}}, lo que significa que proporciona los métodos <code>forEach()</code>, <code>get()</code>, <code>has()</code>, <code>keys()</code>, y <code>values()</code>, como también una propiedad <code>size</code>.</dd>
- <dt>{{domxref("BaseAudioContext")}}</dt>
- <dd>La interfaz <strong><code>BaseAudioContext</code></strong> actúa como una definición base para procesamiento de gráficos de audio en y fuera de línea, como lo representa {{domxref("AudioContext")}} y {{domxref("OfflineAudioContext")}} resepectivamente. No tendrás que usar <code>BaseAudioContext</code> directamente — tendrás que usar sus características a través de una de éstas dos interfaces heredadas.</dd>
- <dt>El evento {{event("ended")}}</dt>
- <dd>El evento <code>ended</code> es lanzado cuando la reproducción se detiene porque se alcanzó el fin del archivo de medio.</dd>
-</dl>
+La API de Audio Web tiene un número de interfaces y eventos asociados, que han sido divididos en nueve categorias de funcionalidad.
 
-<h3 id="Definiendo_fuentes_de_audio">Definiendo fuentes de audio</h3>
-
-<p>Las interfaces que definen fuentes de audio para usar en la API de Web.</p>
+### Definición general del gráfico de audio
 
-<dl>
- <dt>{{domxref("AudioScheduledSourceNode")}}</dt>
- <dd>La interfaz <strong><code>AudioScheduledSourceNode</code></strong> es una interfaz padre para muchos tipos de interfaces de nodos de fuentes de audio. Es un {{domxref("AudioNode")}}.</dd>
-</dl>
-
-<dl>
- <dt>{{domxref("OscillatorNode")}}</dt>
- <dd>La interfaz <strong><code style="font-size: 14px;">OscillatorNode</code></strong><strong> </strong>representa una forma de onda periódica, como una onda sinusoidal o triangular. Es un módulo de procesamiento de audio {{domxref("AudioNode")}} que causa que se cree una <em>frecuencia</em> de onda determinada.</dd>
- <dt>{{domxref("AudioBuffer")}}</dt>
- <dd>La interfaz <strong><code>AudioBuffer</code></strong> representa un recurso de audio corto que reside en la memoria, creado desde un archivo de audio usando el método {{ domxref("AudioContext.decodeAudioData()") }}, o creado con datos sin procesar usando {{ domxref("AudioContext.createBuffer()") }}. Una vez decodificado en esta forma, el audio puede ser colocado en un {{ domxref("AudioBufferSourceNode") }}.</dd>
- <dt>{{domxref("AudioBufferSourceNode")}}</dt>
- <dd>La interfaz <strong><code>AudioBufferSourceNode</code></strong> representa una fuente de audio que consiste en una datos de audio en la memoria, almacenada en un {{domxref("AudioBuffer")}}. Es un {{domxref("AudioNode")}} que actúa como una fuente de audio.</dd>
- <dt>{{domxref("MediaElementAudioSourceNode")}}</dt>
- <dd>La interfaz <code><strong>MediaElementAudio</strong></code><strong><code>SourceNode</code></strong> representa una fuente de audio que consiste en un elemento {{ htmlelement("audio") }} o {{ htmlelement("video") }} de HTML5. Es un {{domxref("AudioNode")}} que actúa como una fuente de audio.</dd>
- <dt>{{domxref("MediaStreamAudioSourceNode")}}</dt>
- <dd>La interfaz <code><strong>MediaStreamAudio</strong></code><strong><code>SourceNode</code></strong> representa una fuente de audio que consiste en un {{domxref("MediaStream")}} de <a href="/en-US/docs/WebRTC" title="/en-US/docs/WebRTC">WebRTC</a> (como una cámara web, micrófono, o una transmisión siendo enviada a una computadora remota). Es un {{domxref("AudioNode")}} que actúa como una fuente de audio.</dd>
-</dl>
-
-<h3 id="Definiendo_filtros_de_efectos_de_audio">Definiendo filtros de efectos de audio</h3>
-
-<p>Interfaces para definir efectos que quieras aplicar a tus fuentes de audio.</p>
-
-<dl>
- <dt>{{domxref("BiquadFilterNode")}}</dt>
- <dd>La interfaz <strong><code>BiquadFilterNode</code></strong><strong> </strong>representa una filtro de bajo orden sencillo. Es un {{domxref("AudioNode")}} que puede representar diferentes tipos de filtros, dispositivos de control de tono, o ecualizadores gráficos. Un <code>BiquadFilterNode</code> siempre tiene exactamente una entrada y una salida.</dd>
- <dt>{{domxref("ConvolverNode")}}</dt>
- <dd>La interfaz <code><strong>Convolver</strong></code><strong><code>Node</code></strong><strong> </strong>es un <span style="line-height: 1.5;">{{domxref("AudioNode")}} que realiza una Convolución Lineal en un</span><span style="line-height: 1.5;"> {{domxref("AudioBuffer")}} determinado, y es usado a menudo para lograr un efecto de reverberación</span><span style="line-height: 1.5;">.</span></dd>
- <dt>{{domxref("DelayNode")}}</dt>
- <dd>La interfaz <strong><code>DelayNode</code></strong> representa una <a href="http://en.wikipedia.org/wiki/Digital_delay_line">línea de detardo</a>; un módulo de procesamiento de audio de {{domxref("AudioNode")}} que causa un retardo entre la llegada de una entrada de datos y su propagación a la salida.</dd>
- <dt>{{domxref("DynamicsCompressorNode")}}</dt>
- <dd>La intefaz <strong><code>DynamicsCompressorNode</code></strong> proporciona un efecto de compresión, que reduce el volumen de las partes más ruidosas de la señal para ayudar a evitar el recorte y la distorsión que pueden ocurrir cuando se reproducen y multiplexan múltiples sonidos a la vez.</dd>
- <dt>{{domxref("GainNode")}}</dt>
- <dd>La intefaz <strong><code>GainNode</code></strong><strong> </strong>representa un cambio de volumen. Es un módulo de procesamiento de audio de {{domxref("AudioNode")}} que causa que una <em>ganancia</em> determinada para ser aplicada a la entrada de datos antes de su propacación a la salida.</dd>
- <dt>{{domxref("WaveShaperNode")}}</dt>
- <dd>La interfaz <strong><code>WaveShaperNode</code></strong><strong> </strong>representa un la interfaz representa un distorsionador no lineal. Es un {{domxref("AudioNode")}} que usa una curva para aplicar una distorsión en forma de onda a la señal. Además de los obvios efectos de distorsión, a menudo se usa para agregar una sensación cálida a la señal.</dd>
- <dt>{{domxref("PeriodicWave")}}</dt>
- <dd>Describe una forma de onda periódica que puede ser usada para dar forma a la salida de un {{ domxref("OscillatorNode") }}.</dd>
- <dt>{{domxref("IIRFilterNode")}}</dt>
- <dd>Implementa un filtro de <strong><a class="external external-icon" href="https://en.wikipedia.org/wiki/infinite%20impulse%20response" title="infinite impulse response">respuesta de pulso infinito</a></strong> (IIR) general; este tipo de filtro se puede usar para implementar dispositivos de control de tono y ecualizadores gráficos también.</dd>
-</dl>
+Contenedores y definiciones generales que dan forma a los gráficos de audio en el uso de Web Audio API.
 
-<h3 id="Definición_de_destinos_de_audio">Definición de destinos de audio</h3>
+- {{domxref("AudioContext")}}
+  - : La interfaz **`AudioContext`** representa un gráfico de procesamiento de audio construido de módulos de audio enlazados juntos, cada uno representado por un {{domxref("AudioNode")}}. Un contexto de audio controla la creación de los nodos que contiene y la ejecución del procesamiento del audio, or decoding. Necesitas crear un `AudioContext` antes de hacer cualquier cosa, ya que todo pasa dentro de un contexto de audio.
+- {{domxref("AudioNode")}}
+  - : La interfaz **`AudioNode`\*\*** \*\*representa un módulo de procesamiento de audio como una _fuente de audio_ (por ejemplo un ejemplo HTML {{HTMLElement("audio")}} or {{HTMLElement("video")}}), _destino de audio_, _módulo de procesamiento intermedio_ (por ejemplo un filtro como {{domxref("BiquadFilterNode")}}, o _control de volumen_ como {{domxref("GainNode")}}).
+- {{domxref("AudioParam")}}
+  - : La interfaz **`AudioParam`\*\*** \*\*representa un parámetro relacionado al audio, como uno de un {{domxref("AudioNode")}}. Esto puede ser establecido a un valor específico o un cambio de valor, y puede ser agendado para que ocurra en un momento específico y siguiendo un patrón específico.
+- {{domxref("AudioParamMap")}}
+  - : Provee una interfaz como para mapear a un grupo de interfaces {{domxref("AudioParam")}}, lo que significa que proporciona los métodos `forEach()`, `get()`, `has()`, `keys()`, y `values()`, como también una propiedad `size`.
+- {{domxref("BaseAudioContext")}}
+  - : La interfaz **`BaseAudioContext`** actúa como una definición base para procesamiento de gráficos de audio en y fuera de línea, como lo representa {{domxref("AudioContext")}} y {{domxref("OfflineAudioContext")}} resepectivamente. No tendrás que usar `BaseAudioContext` directamente — tendrás que usar sus características a través de una de éstas dos interfaces heredadas.
+- El evento {{event("ended")}}
+  - : El evento `ended` es lanzado cuando la reproducción se detiene porque se alcanzó el fin del archivo de medio.
 
-<p>Una vez que haya terminado de procesar su audio, estas interfaces definen dónde emitirlo.</p>
+### Definiendo fuentes de audio
 
-<dl>
- <dt>{{domxref("AudioDestinationNode")}}</dt>
- <dd>La interfaz <strong><code>AudioDestinationNode</code></strong> representa el destino final de una fuente de audio en contexto determinado — usualmente los altavoces de tu dispositivo.</dd>
- <dt>{{domxref("MediaStreamAudioDestinationNode")}}</dt>
- <dd>La interfaz <code><strong>MediaStreamAudio</strong></code><strong><code>DestinationNode</code></strong> representa un destino de audio que consiste en un {{domxref("MediaStream")}} de <a href="/en-US/docs/WebRTC" title="/en-US/docs/WebRTC">WebRTC</a> con un <code>AudioMediaStreamTrack</code> sencillo, que puede ser usado de una manera similiar a un {{domxref("MediaStream")}} obtenido desde {{ domxref("MediaDevices.getUserMedia", "getUserMedia()") }}. Es un {{domxref("AudioNode")}} que actúa como un destino de audio.</dd>
-</dl>
-
-<h3 id="Análisis_y_visualización_de_datos">Análisis y visualización de datos</h3>
-
-<p>Si quieres extraer el tiempo, frecuencia, y otros datos de tu audio, <code>AnalyserNode</code> es lo que necesitas.</p>
-
-<dl>
- <dt>{{domxref("AnalyserNode")}}</dt>
- <dd>La interfaz <strong><code>AnalyserNode</code></strong> representa un nodo capáz de proveer la frecuencia en tiempo real y la información del análisis del dominio de tiempo, para propósitos de análisis y visualización de datos.</dd>
-</dl>
-
-<h3 id="División_y_fusión_de_canales_de_audio">División y fusión de canales de audio</h3>
-
-<p>Para dividir y fusionar canales de audio, deberás usar estas interfaces.</p>
-
-<dl>
- <dt>{{domxref("ChannelSplitterNode")}}</dt>
- <dd>La interfaz <code><strong>ChannelSplitterNode</strong></code> separa los diferentes canales de una fuente de audio enn un conjunto de salidas <em>mono</em>.</dd>
- <dt>{{domxref("ChannelMergerNode")}}</dt>
- <dd>La interfaz <code><strong>ChannelMergerNode</strong></code> reune las diferentes salidas mono en una sola salida. Cada entrada deberá ser usada para llenar un canal de la salida.</dd>
-</dl>
-
-<h3 id="Espacialización_de_audio">Espacialización de audio</h3>
-
-<p>Estas interfaces te permiten agregar efectos de paneo de especialización de audio a tus fuentes de audio.</p>
-
-<dl>
- <dt>{{domxref("AudioListener")}}</dt>
- <dd>La interfaz <strong><code>AudioListener</code></strong><strong> </strong>representa la posición y orientación de la única persona escuchando la escena de audio usada en la espacialización de audio.</dd>
- <dt>{{domxref("PannerNode")}}</dt>
- <dd>La interfaz <code><strong>PannerNode</strong></code> representa la posición y comportamiento de una señal de fuente de audio en un espacio 3D, permitiéndote crear efectos de paneo complejos.</dd>
- <dt>{{domxref("StereoPannerNode")}}</dt>
- <dd>La interfaz <code><strong>StereoPannerNode</strong></code> representa un nodo de panner estéreo simple que se puede usar para panoramizar un flujo de audio hacia la izquierda o hacia la derecha.</dd>
-</dl>
-
-<h3 id="Proccesamiento_de_audio_en_JavaScript">Proccesamiento de audio en JavaScript</h3>
-
-<p>Usando worklets de audio (pequeñas tareas), puedes definir nodos personalizados de audio escritos en JavaScript o <a href="/en-US/docs/WebAssembly">WebAssembly</a>. Los worklets de audios implementan la interfaz {{domxref("Worklet")}}, una versión ligera de la interfaz {{domxref("Worker")}}. A partir del enero de 2018, los worklets de audio están disponibles en Chrome 64 detrás de un identificador.</p>
-
-<dl>
- <dt>{{domxref("AudioWorklet")}} {{experimental_inline}}</dt>
- <dd>La interfaz <code>AudioWorklet</code> está disponible a través de {{domxref("BaseAudioContext.audioWorklet")}} y te permite agregar nuevos móduloss al worklet de audio.</dd>
- <dt>{{domxref("AudioWorkletNode")}} {{experimental_inline}}</dt>
- <dd>La intefaz <code>AudioWorkletNode</code> representa un {{domxref("AudioNode")}} que está insertada en un gráfico de audio y puede pasar mensajes a la <code>AudioWorkletProcessor</code>.</dd>
- <dt>{{domxref("AudioWorkletProcessor")}} {{experimental_inline}}</dt>
- <dd>La interfaz <code>AudioWorkletProcessor</code> representa código de procesamiento de audio que se ejecuta en un <code>AudioWorkletGlobalScope</code> que genera, procesa, o analiza audio directamente, y puede pasar mensajes al <code>AudioWorkletNode</code>.</dd>
- <dt>{{domxref("AudioWorkletGlobalScope")}} {{experimental_inline}}</dt>
- <dd>La interfaz <code>AudioWorkletGlobalScope</code> es un objeto derivado de <code>WorkletGlobalScope</code> que representa un contexto del worker en el que se ejecuta un script de procesamiento de audio; está diseñado para permitir la generación, procesamiento, y análisis de datos de audio directamente usando JavaScript en un hilo worklet.</dd>
-</dl>
-
-<p>Antes de que se definieran los worklets de audio, la API de Web Audio usó  <code>ScriptProcessorNode</code> {{deprecated_inline}} para procesamiento de audio basado en JavaScript. Como el código se ejecuta en el hilo principal, tuvo un mal rendimiento. <code>ScriptProcessorNode</code> se mantiene por razones históricas pero está marcada como obsoleta y será removida en una versión futura de la especificación.</p>
-
-<dl>
- <dt>{{domxref("ScriptProcessorNode")}} {{deprecated_inline}}</dt>
- <dd>La interfaz <strong><code>ScriptProcessorNode</code></strong><strong> </strong>permite la generación, procesamiento, o análisis de audio usando JavaScript. Es un módulo de procesamiento de audio {{domxref("AudioNode")}} que está enlazado a dos buffers, uno conteniendo la actual entrada, uno conteniendo la salida. Un evento, implementando la interfaz {{domxref("AudioProcessingEvent")}}, es enviado al objeto cada vez que el buffer de entrada contiene nuevos datos, y el manejador del evento termina cuando ha llenado el buffer de salida con datos.</dd>
- <dt>{{event("audioprocess")}} (event) {{deprecated_inline}}</dt>
- <dd>El evento <code>audioprocess</code> es lanzado cuando un buffer de entrada de un {{domxref("ScriptProcessorNode")}} del API del Audio Web está listo para ser procesado.</dd>
- <dt>{{domxref("AudioProcessingEvent")}} {{deprecated_inline}}</dt>
- <dd>El evento <code>AudioProcessingEvent</code> del <a href="/en-US/docs/Web_Audio_API" title="/en-US/docs/Web_Audio_API">API de Audio Web</a> representa los eventos que ocurren cuando un buffer de entrada {{domxref("ScriptProcessorNode")}} está listo para ser procesado.</dd>
-</dl>
-
-<h3 id="Procesamiento_de_audio_offlineen_segundo_plano">Procesamiento de audio offline/en segundo plano</h3>
-
-<p>Es posible procesar/renderizar un gráfico de muy rápidamente en segundo plano — renderizándolo en un {{domxref("AudioBuffer")}} en lugar de hacerlo a los altavoces del equipo — con lo siguiente.</p>
-
-<dl>
- <dt>{{domxref("OfflineAudioContext")}}</dt>
- <dd>La interfaz <strong><code>OfflineAudioContext</code></strong> es una interfaz {{domxref("AudioContext")}} representando un gráfico de procesamiento de audio construido a partir de varios {{domxref("AudioNode")}} enlazados juntos. En contraste con un <code>AudioContext</code> estándar, un <code>OfflineAudioContext</code> realmente no procesa el audio sino que lo genera, <em>lo más rápido que puede</em>, en un buffer.</dd>
- <dt>{{event("complete")}} (event)</dt>
- <dd>El evento <code>complete</code> es lanzado cuando el renderizado de un {{domxref("OfflineAudioContext")}} está terminado.</dd>
- <dt>{{domxref("OfflineAudioCompletionEvent")}}</dt>
- <dd>La interfaz <code>OfflineAudioCompletionEvent</code> representa los eventos que ocurren cuando procesamiento de un {{domxref("OfflineAudioContext")}} is terminado. El evento {{event("complete")}} implementa esta interfaz.</dd>
-</dl>
-
-<h2 id="Example" name="Example">Interfaces obsoletas</h2>
-
-<p>Las siguientes interfaces fueron definidas en versiones antiguas de la especificación del API de Audio Web, pero ahora están obsoletas y han sido reemplazadas por otras interfaces.</p>
-
-<dl>
- <dt>{{domxref("JavaScriptNode")}}</dt>
- <dd>Usada para dirigir procesamiento de audio a través de JavaScript. Esta interfaz está obsoleta, y ha sido reemplazada por {{domxref("ScriptProcessorNode")}}.</dd>
- <dt>{{domxref("WaveTableNode")}}</dt>
- <dd>Usada para definir una forma de onda periórica. Esta interfaz está obsoleta, y ha sido reemplazada por {{domxref("PeriodicWave")}}.</dd>
-</dl>
+Las interfaces que definen fuentes de audio para usar en la API de Web.
 
-<h2 id="Example" name="Example">Ejemplo</h2>
+- {{domxref("AudioScheduledSourceNode")}}
+  - : La interfaz **`AudioScheduledSourceNode`** es una interfaz padre para muchos tipos de interfaces de nodos de fuentes de audio. Es un {{domxref("AudioNode")}}.
 
-<p>Este ejemplo muestra una amplia variedad de funciones del API de Audio Web siendo usadas. Puedes ver este código en acción en la demostración de <a href="https://mdn.github.io/voice-change-o-matic/">Voice-change-o-matic</a> (también revisa el <a href="https://github.com/mdn/voice-change-o-matic">código completo en Github</a>) — este es un demo experimental de juguete cambiador de voz; manten tus parlantes en bajo volumen cuando lo uses ¡Al menos al comenzar!</p>
+<!---->
 
-<p>Las líneas del API de Audio Web están resaltadas; si quieres saber más sobre lo que hacen los diferentes métodos, etc., busca en las páginas de referencia.</p>
+- {{domxref("OscillatorNode")}}
+  - : La interfaz **`OscillatorNode`\*\*** \*\*representa una forma de onda periódica, como una onda sinusoidal o triangular. Es un módulo de procesamiento de audio {{domxref("AudioNode")}} que causa que se cree una _frecuencia_ de onda determinada.
+- {{domxref("AudioBuffer")}}
+  - : La interfaz **`AudioBuffer`** representa un recurso de audio corto que reside en la memoria, creado desde un archivo de audio usando el método {{ domxref("AudioContext.decodeAudioData()") }}, o creado con datos sin procesar usando {{ domxref("AudioContext.createBuffer()") }}. Una vez decodificado en esta forma, el audio puede ser colocado en un {{ domxref("AudioBufferSourceNode") }}.
+- {{domxref("AudioBufferSourceNode")}}
+  - : La interfaz **`AudioBufferSourceNode`** representa una fuente de audio que consiste en una datos de audio en la memoria, almacenada en un {{domxref("AudioBuffer")}}. Es un {{domxref("AudioNode")}} que actúa como una fuente de audio.
+- {{domxref("MediaElementAudioSourceNode")}}
+  - : La interfaz **`MediaElementAudio`\*\***`SourceNode`\*\* representa una fuente de audio que consiste en un elemento {{ htmlelement("audio") }} o {{ htmlelement("video") }} de HTML5. Es un {{domxref("AudioNode")}} que actúa como una fuente de audio.
+- {{domxref("MediaStreamAudioSourceNode")}}
+  - : La interfaz **`MediaStreamAudio`\*\***`SourceNode`\*\* representa una fuente de audio que consiste en un {{domxref("MediaStream")}} de [WebRTC](/es/docs/WebRTC) (como una cámara web, micrófono, o una transmisión siendo enviada a una computadora remota). Es un {{domxref("AudioNode")}} que actúa como una fuente de audio.
 
-<pre class="brush: js; highlight:[1,2,9,10,11,12,36,37,38,39,40,41,62,63,72,114,115,121,123,124,125,147,151]">var audioCtx = new (window.AudioContext || window.webkitAudioContext)(); // definir contexto de audio
+### Definiendo filtros de efectos de audio
+
+Interfaces para definir efectos que quieras aplicar a tus fuentes de audio.
+
+- {{domxref("BiquadFilterNode")}}
+  - : La interfaz **`BiquadFilterNode`\*\*** \*\*representa una filtro de bajo orden sencillo. Es un {{domxref("AudioNode")}} que puede representar diferentes tipos de filtros, dispositivos de control de tono, o ecualizadores gráficos. Un `BiquadFilterNode` siempre tiene exactamente una entrada y una salida.
+- {{domxref("ConvolverNode")}}
+  - : La interfaz **`Convolver`\*\***`Node`\***\* **es un {{domxref("AudioNode")}} que realiza una Convolución Lineal en un {{domxref("AudioBuffer")}} determinado, y es usado a menudo para lograr un efecto de reverberación.
+- {{domxref("DelayNode")}}
+  - : La interfaz **`DelayNode`** representa una [línea de detardo](http://en.wikipedia.org/wiki/Digital_delay_line); un módulo de procesamiento de audio de {{domxref("AudioNode")}} que causa un retardo entre la llegada de una entrada de datos y su propagación a la salida.
+- {{domxref("DynamicsCompressorNode")}}
+  - : La intefaz **`DynamicsCompressorNode`** proporciona un efecto de compresión, que reduce el volumen de las partes más ruidosas de la señal para ayudar a evitar el recorte y la distorsión que pueden ocurrir cuando se reproducen y multiplexan múltiples sonidos a la vez.
+- {{domxref("GainNode")}}
+  - : La intefaz **`GainNode`\*\*** \*\*representa un cambio de volumen. Es un módulo de procesamiento de audio de {{domxref("AudioNode")}} que causa que una _ganancia_ determinada para ser aplicada a la entrada de datos antes de su propacación a la salida.
+- {{domxref("WaveShaperNode")}}
+  - : La interfaz **`WaveShaperNode`\*\*** \*\*representa un la interfaz representa un distorsionador no lineal. Es un {{domxref("AudioNode")}} que usa una curva para aplicar una distorsión en forma de onda a la señal. Además de los obvios efectos de distorsión, a menudo se usa para agregar una sensación cálida a la señal.
+- {{domxref("PeriodicWave")}}
+  - : Describe una forma de onda periódica que puede ser usada para dar forma a la salida de un {{ domxref("OscillatorNode") }}.
+- {{domxref("IIRFilterNode")}}
+  - : Implementa un filtro de **[respuesta de pulso infinito](https://en.wikipedia.org/wiki/infinite%20impulse%20response "infinite impulse response")** (IIR) general; este tipo de filtro se puede usar para implementar dispositivos de control de tono y ecualizadores gráficos también.
+
+### Definición de destinos de audio
+
+Una vez que haya terminado de procesar su audio, estas interfaces definen dónde emitirlo.
+
+- {{domxref("AudioDestinationNode")}}
+  - : La interfaz **`AudioDestinationNode`** representa el destino final de una fuente de audio en contexto determinado — usualmente los altavoces de tu dispositivo.
+- {{domxref("MediaStreamAudioDestinationNode")}}
+  - : La interfaz **`MediaStreamAudio`\*\***`DestinationNode`\*\* representa un destino de audio que consiste en un {{domxref("MediaStream")}} de [WebRTC](/es/docs/WebRTC) con un `AudioMediaStreamTrack` sencillo, que puede ser usado de una manera similiar a un {{domxref("MediaStream")}} obtenido desde {{ domxref("MediaDevices.getUserMedia", "getUserMedia()") }}. Es un {{domxref("AudioNode")}} que actúa como un destino de audio.
+
+### Análisis y visualización de datos
+
+Si quieres extraer el tiempo, frecuencia, y otros datos de tu audio, `AnalyserNode` es lo que necesitas.
+
+- {{domxref("AnalyserNode")}}
+  - : La interfaz **`AnalyserNode`** representa un nodo capáz de proveer la frecuencia en tiempo real y la información del análisis del dominio de tiempo, para propósitos de análisis y visualización de datos.
+
+### División y fusión de canales de audio
+
+Para dividir y fusionar canales de audio, deberás usar estas interfaces.
+
+- {{domxref("ChannelSplitterNode")}}
+  - : La interfaz **`ChannelSplitterNode`** separa los diferentes canales de una fuente de audio enn un conjunto de salidas _mono_.
+- {{domxref("ChannelMergerNode")}}
+  - : La interfaz **`ChannelMergerNode`** reune las diferentes salidas mono en una sola salida. Cada entrada deberá ser usada para llenar un canal de la salida.
+
+### Espacialización de audio
+
+Estas interfaces te permiten agregar efectos de paneo de especialización de audio a tus fuentes de audio.
+
+- {{domxref("AudioListener")}}
+  - : La interfaz **`AudioListener`\*\*** \*\*representa la posición y orientación de la única persona escuchando la escena de audio usada en la espacialización de audio.
+- {{domxref("PannerNode")}}
+  - : La interfaz **`PannerNode`** representa la posición y comportamiento de una señal de fuente de audio en un espacio 3D, permitiéndote crear efectos de paneo complejos.
+- {{domxref("StereoPannerNode")}}
+  - : La interfaz **`StereoPannerNode`** representa un nodo de panner estéreo simple que se puede usar para panoramizar un flujo de audio hacia la izquierda o hacia la derecha.
+
+### Proccesamiento de audio en JavaScript
+
+Usando worklets de audio (pequeñas tareas), puedes definir nodos personalizados de audio escritos en JavaScript o [WebAssembly](/es/docs/WebAssembly). Los worklets de audios implementan la interfaz {{domxref("Worklet")}}, una versión ligera de la interfaz {{domxref("Worker")}}. A partir del enero de 2018, los worklets de audio están disponibles en Chrome 64 detrás de un identificador.
+
+- {{domxref("AudioWorklet")}} {{experimental_inline}}
+  - : La interfaz `AudioWorklet` está disponible a través de {{domxref("BaseAudioContext.audioWorklet")}} y te permite agregar nuevos móduloss al worklet de audio.
+- {{domxref("AudioWorkletNode")}} {{experimental_inline}}
+  - : La intefaz `AudioWorkletNode` representa un {{domxref("AudioNode")}} que está insertada en un gráfico de audio y puede pasar mensajes a la `AudioWorkletProcessor`.
+- {{domxref("AudioWorkletProcessor")}} {{experimental_inline}}
+  - : La interfaz `AudioWorkletProcessor` representa código de procesamiento de audio que se ejecuta en un `AudioWorkletGlobalScope` que genera, procesa, o analiza audio directamente, y puede pasar mensajes al `AudioWorkletNode`.
+- {{domxref("AudioWorkletGlobalScope")}} {{experimental_inline}}
+  - : La interfaz `AudioWorkletGlobalScope` es un objeto derivado de `WorkletGlobalScope` que representa un contexto del worker en el que se ejecuta un script de procesamiento de audio; está diseñado para permitir la generación, procesamiento, y análisis de datos de audio directamente usando JavaScript en un hilo worklet.
+
+Antes de que se definieran los worklets de audio, la API de Web Audio usó `ScriptProcessorNode` {{deprecated_inline}} para procesamiento de audio basado en JavaScript. Como el código se ejecuta en el hilo principal, tuvo un mal rendimiento. `ScriptProcessorNode` se mantiene por razones históricas pero está marcada como obsoleta y será removida en una versión futura de la especificación.
+
+- {{domxref("ScriptProcessorNode")}} {{deprecated_inline}}
+  - : La interfaz **`ScriptProcessorNode`\*\*** \*\*permite la generación, procesamiento, o análisis de audio usando JavaScript. Es un módulo de procesamiento de audio {{domxref("AudioNode")}} que está enlazado a dos buffers, uno conteniendo la actual entrada, uno conteniendo la salida. Un evento, implementando la interfaz {{domxref("AudioProcessingEvent")}}, es enviado al objeto cada vez que el buffer de entrada contiene nuevos datos, y el manejador del evento termina cuando ha llenado el buffer de salida con datos.
+- {{event("audioprocess")}} (event) {{deprecated_inline}}
+  - : El evento `audioprocess` es lanzado cuando un buffer de entrada de un {{domxref("ScriptProcessorNode")}} del API del Audio Web está listo para ser procesado.
+- {{domxref("AudioProcessingEvent")}} {{deprecated_inline}}
+  - : El evento `AudioProcessingEvent` del [API de Audio Web](/es/docs/Web_Audio_API) representa los eventos que ocurren cuando un buffer de entrada {{domxref("ScriptProcessorNode")}} está listo para ser procesado.
+
+### Procesamiento de audio offline/en segundo plano
+
+Es posible procesar/renderizar un gráfico de muy rápidamente en segundo plano — renderizándolo en un {{domxref("AudioBuffer")}} en lugar de hacerlo a los altavoces del equipo — con lo siguiente.
+
+- {{domxref("OfflineAudioContext")}}
+  - : La interfaz **`OfflineAudioContext`** es una interfaz {{domxref("AudioContext")}} representando un gráfico de procesamiento de audio construido a partir de varios {{domxref("AudioNode")}} enlazados juntos. En contraste con un `AudioContext` estándar, un `OfflineAudioContext` realmente no procesa el audio sino que lo genera, _lo más rápido que puede_, en un buffer.
+- {{event("complete")}} (event)
+  - : El evento `complete` es lanzado cuando el renderizado de un {{domxref("OfflineAudioContext")}} está terminado.
+- {{domxref("OfflineAudioCompletionEvent")}}
+  - : La interfaz `OfflineAudioCompletionEvent` representa los eventos que ocurren cuando procesamiento de un {{domxref("OfflineAudioContext")}} is terminado. El evento {{event("complete")}} implementa esta interfaz.
+
+## Interfaces obsoletas
+
+Las siguientes interfaces fueron definidas en versiones antiguas de la especificación del API de Audio Web, pero ahora están obsoletas y han sido reemplazadas por otras interfaces.
+
+- {{domxref("JavaScriptNode")}}
+  - : Usada para dirigir procesamiento de audio a través de JavaScript. Esta interfaz está obsoleta, y ha sido reemplazada por {{domxref("ScriptProcessorNode")}}.
+- {{domxref("WaveTableNode")}}
+  - : Usada para definir una forma de onda periórica. Esta interfaz está obsoleta, y ha sido reemplazada por {{domxref("PeriodicWave")}}.
+
+## Ejemplo
+
+Este ejemplo muestra una amplia variedad de funciones del API de Audio Web siendo usadas. Puedes ver este código en acción en la demostración de [Voice-change-o-matic](https://mdn.github.io/voice-change-o-matic/) (también revisa el [código completo en Github](https://github.com/mdn/voice-change-o-matic)) — este es un demo experimental de juguete cambiador de voz; manten tus parlantes en bajo volumen cuando lo uses ¡Al menos al comenzar!
+
+Las líneas del API de Audio Web están resaltadas; si quieres saber más sobre lo que hacen los diferentes métodos, etc., busca en las páginas de referencia.
+
+```js
+var audioCtx = new (window.AudioContext || window.webkitAudioContext)(); // definir contexto de audio
 // los navegadores Webkit/blink necesitan prefijo, Safari no funcionará sin window.
 
 var voiceSelect = document.getElementById("voice"); // caja de selección para la selección de opciones de efectos de voz
-var visualSelect = document.getElementById("visual"); // caja<span id="result_box" lang="es"><span class="alt-edited"> de selección para la selección de opciones de visualización de audio</span></span>
+var visualSelect = document.getElementById("visual"); // caja de selección para la selección de opciones de visualización de audio
 var mute = document.querySelector('.mute'); // botón de silencio
 var drawVisual; // requestAnimationFrame
 
@@ -224,7 +199,7 @@ function makeDistortionCurve(amount) { // función para hacer que la forma de cu
     deg = Math.PI / 180,
     i = 0,
     x;
-  for ( ; i &lt; n_samples; ++i ) {
+  for ( ; i < n_samples; ++i ) {
     x = i * 2 / n_samples - 1;
     curve[i] = ( 3 + k ) * x * 20 * deg / ( Math.PI + k * Math.abs(x) );
   }
@@ -288,7 +263,7 @@ function visualize(stream) {
       var sliceWidth = WIDTH * 1.0 / bufferLength;
       var x = 0;
 
-      for(var i = 0; i &lt; bufferLength; i++) {
+      for(var i = 0; i < bufferLength; i++) {
 
         var v = dataArray[i] / 128.0;
         var y = v * HEIGHT/2;
@@ -359,98 +334,78 @@ function voiceMute() { // alternar para silenciar y activar el sonido
     mute.innerHTML = "Mute";
   }
 }
-</pre>
-
-<h2 id="Especificaciones">Especificaciones</h2>
-
-<table class="standard-table">
- <tbody>
-  <tr>
-   <th scope="col">Especificación</th>
-   <th scope="col">Estado</th>
-   <th scope="col">Comentario</th>
-  </tr>
-  <tr>
-   <td>{{SpecName('Web Audio API')}}</td>
-   <td>{{Spec2('Web Audio API')}}</td>
-   <td> </td>
-  </tr>
- </tbody>
-</table>
-
-<h2 id="Compatibilidad_en_navegadores">Compatibilidad en navegadores</h2>
+```
+
+## Especificaciones
+
+| Especificación                           | Estado                               | Comentario |
+| ---------------------------------------- | ------------------------------------ | ---------- |
+| {{SpecName('Web Audio API')}} | {{Spec2('Web Audio API')}} |            |
+
+## Compatibilidad en navegadores
 
 {{Compat("api.AudioContext", 0)}}
 
-<h2 id="También_ver">También ver</h2>
-
-<ul>
- <li><a href="/en-US/docs/Web/API/Web_Audio_API/Using_Web_Audio_API">Usando el API de Audio Web</a></li>
- <li><a href="/en-US/docs/Web/API/Web_Audio_API/Visualizations_with_Web_Audio_API">Visualizaciones con el API de Audio Web</a></li>
- <li><a href="http://mdn.github.io/voice-change-o-matic/">Voice-change-O-matic example</a></li>
- <li><a href="http://mdn.github.io/violent-theremin/">Violent Theremin example</a></li>
- <li><a href="/en-US/docs/Web/API/Web_Audio_API/Web_audio_spatialization_basics">Bases de la espacialización de audio Web</a></li>
- <li><a href="http://www.html5rocks.com/tutorials/webaudio/positional_audio/">Mixing Positional Audio and WebGL</a></li>
- <li><a href="http://www.html5rocks.com/tutorials/webaudio/games/">Developing Game Audio with the Web Audio API</a></li>
- <li><a href="/en-US/docs/Web/API/Web_Audio_API/Porting_webkitAudioContext_code_to_standards_based_AudioContext" title="/en-US/docs/Web_Audio_API/Porting_webkitAudioContext_code_to_standards_based_AudioContext">Porting webkitAudioContext code to standards based AudioContext</a></li>
- <li><a href="https://github.com/bit101/tones">Tonos</a>: Una sencilla librería para reproducción de tonos/notas específicas usando el API de Audio Web.</li>
- <li><a href="https://github.com/goldfire/howler.js/">howler.js</a>: a JS audio library that defaults to <a href="https://dvcs.w3.org/hg/audio/raw-file/tip/webaudio/specification.html">Web Audio API</a> and falls back to <a href="http://www.whatwg.org/specs/web-apps/current-work/#the-audio-element">HTML5 Audio</a>, as well as providing other useful features.</li>
- <li><a href="https://github.com/mattlima/mooog">Mooog</a>: jQuery-style chaining of AudioNodes, mixer-style sends/returns, and more.</li>
- <li><a class="external external-icon" href="https://github.com/chrisjohndigital/OpenLang">OpenLang</a>: HTML5 video language lab web application using the Web Audio API to record and combine video and audio from different sources into a single file (<a class="external external-icon" href="https://github.com/chrisjohndigital/OpenLang">source on GitHub</a>)</li>
-</ul>
-
-<h3 id="Enlaces_rápidos">Enlaces rápidos</h3>
-
-<ol>
- <li><strong>Guíass</strong>
-
-  <ol>
-   <li><a href="/en-US/docs/Web/API/Web_Audio_API/Basic_concepts_behind_Web_Audio_API">Conceptos básicos detrás del API de Audio Web</a></li>
-   <li><a href="/en-US/docs/Web/API/Web_Audio_API/Using_Web_Audio_API">Usando el API de Audio Web</a></li>
-   <li><a href="/en-US/docs/Web/API/Web_Audio_API/Visualizations_with_Web_Audio_API">Visualizaciones con el API de Audio Web</a></li>
-   <li><a href="/en-US/docs/Web/API/Web_Audio_API/Web_audio_spatialization_basics">Bases de la espacialización de audio Web</a></li>
-   <li><a href="/en-US/docs/Web/API/Web_Audio_API/Porting_webkitAudioContext_code_to_standards_based_AudioContext" title="/en-US/docs/Web_Audio_API/Porting_webkitAudioContext_code_to_standards_based_AudioContext">Portando código de webkitAudioContext a estándares basados en AudioContext</a></li>
-  </ol>
- </li>
- <li><strong>Ejemplos</strong>
-  <ol>
-   <li><a href="/en-US/docs/Web/API/Web_Audio_API/Simple_synth">Teclado sintetizador sencillo</a></li>
-   <li><a href="http://mdn.github.io/voice-change-o-matic/">Voice-change-O-matic</a></li>
-   <li><a href="http://mdn.github.io/violent-theremin/">Violent Theremin</a></li>
-  </ol>
- </li>
- <li><strong>Interfaces</strong>
-  <ol>
-   <li>{{domxref("AnalyserNode")}}</li>
-   <li>{{domxref("AudioBuffer")}}</li>
-   <li>{{domxref("AudioScheduledSourceNode")}}</li>
-   <li>{{domxref("AudioBufferSourceNode")}}</li>
-   <li>{{domxref("AudioContext")}}</li>
-   <li>{{domxref("AudioDestinationNode")}}</li>
-   <li>{{domxref("AudioListener")}}</li>
-   <li>{{domxref("AudioNode")}}</li>
-   <li>{{domxref("AudioParam")}}</li>
-   <li>{{event("audioprocess")}} (event)</li>
-   <li>{{domxref("AudioProcessingEvent")}}</li>
-   <li>{{domxref("BiquadFilterNode")}}</li>
-   <li>{{domxref("ChannelMergerNode")}}</li>
-   <li>{{domxref("ChannelSplitterNode")}}</li>
-   <li>{{event("complete")}} (event)</li>
-   <li>{{domxref("ConvolverNode")}}</li>
-   <li>{{domxref("DelayNode")}}</li>
-   <li>{{domxref("DynamicsCompressorNode")}}</li>
-   <li>{{event("ended_(Web_Audio)", "ended")}} (event)</li>
-   <li>{{domxref("GainNode")}}</li>
-   <li>{{domxref("MediaElementAudioSourceNode")}}</li>
-   <li>{{domxref("MediaStreamAudioDestinationNode")}}</li>
-   <li>{{domxref("MediaStreamAudioSourceNode")}}</li>
-   <li>{{domxref("OfflineAudioCompletionEvent")}}</li>
-   <li>{{domxref("OfflineAudioContext")}}</li>
-   <li>{{domxref("OscillatorNode")}}</li>
-   <li>{{domxref("PannerNode")}}</li>
-   <li>{{domxref("PeriodicWave")}}</li>
-   <li>{{domxref("ScriptProcessorNode")}}</li>
-   <li>{{domxref("WaveShaperNode")}}</li>
-  </ol>
- </li>
-</ol>
+## También ver
+
+- [Usando el API de Audio Web](/es/docs/Web/API/Web_Audio_API/Using_Web_Audio_API)
+- [Visualizaciones con el API de Audio Web](/es/docs/Web/API/Web_Audio_API/Visualizations_with_Web_Audio_API)
+- [Voice-change-O-matic example](http://mdn.github.io/voice-change-o-matic/)
+- [Violent Theremin example](http://mdn.github.io/violent-theremin/)
+- [Bases de la espacialización de audio Web](/es/docs/Web/API/Web_Audio_API/Web_audio_spatialization_basics)
+- [Mixing Positional Audio and WebGL](http://www.html5rocks.com/tutorials/webaudio/positional_audio/)
+- [Developing Game Audio with the Web Audio API](http://www.html5rocks.com/tutorials/webaudio/games/)
+- [Porting webkitAudioContext code to standards based AudioContext](/es/docs/Web/API/Web_Audio_API/Porting_webkitAudioContext_code_to_standards_based_AudioContext "/en-US/docs/Web_Audio_API/Porting_webkitAudioContext_code_to_standards_based_AudioContext")
+- [Tonos](https://github.com/bit101/tones): Una sencilla librería para reproducción de tonos/notas específicas usando el API de Audio Web.
+- [howler.js](https://github.com/goldfire/howler.js/): a JS audio library that defaults to [Web Audio API](https://dvcs.w3.org/hg/audio/raw-file/tip/webaudio/specification.html) and falls back to [HTML5 Audio](http://www.whatwg.org/specs/web-apps/current-work/#the-audio-element), as well as providing other useful features.
+- [Mooog](https://github.com/mattlima/mooog): jQuery-style chaining of AudioNodes, mixer-style sends/returns, and more.
+- [OpenLang](https://github.com/chrisjohndigital/OpenLang): HTML5 video language lab web application using the Web Audio API to record and combine video and audio from different sources into a single file ([source on GitHub](https://github.com/chrisjohndigital/OpenLang))
+
+### Enlaces rápidos
+
+1.  **Guíass**
+
+    1.  [Conceptos básicos detrás del API de Audio Web](/es/docs/Web/API/Web_Audio_API/Basic_concepts_behind_Web_Audio_API)
+    2.  [Usando el API de Audio Web](/es/docs/Web/API/Web_Audio_API/Using_Web_Audio_API)
+    3.  [Visualizaciones con el API de Audio Web](/es/docs/Web/API/Web_Audio_API/Visualizations_with_Web_Audio_API)
+    4.  [Bases de la espacialización de audio Web](/es/docs/Web/API/Web_Audio_API/Web_audio_spatialization_basics)
+    5.  [Portando código de webkitAudioContext a estándares basados en AudioContext](/es/docs/Web/API/Web_Audio_API/Porting_webkitAudioContext_code_to_standards_based_AudioContext "/en-US/docs/Web_Audio_API/Porting_webkitAudioContext_code_to_standards_based_AudioContext")
+
+2.  **Ejemplos**
+
+    1.  [Teclado sintetizador sencillo](/es/docs/Web/API/Web_Audio_API/Simple_synth)
+    2.  [Voice-change-O-matic](http://mdn.github.io/voice-change-o-matic/)
+    3.  [Violent Theremin](http://mdn.github.io/violent-theremin/)
+
+3.  **Interfaces**
+
+    1.  {{domxref("AnalyserNode")}}
+    2.  {{domxref("AudioBuffer")}}
+    3.  {{domxref("AudioScheduledSourceNode")}}
+    4.  {{domxref("AudioBufferSourceNode")}}
+    5.  {{domxref("AudioContext")}}
+    6.  {{domxref("AudioDestinationNode")}}
+    7.  {{domxref("AudioListener")}}
+    8.  {{domxref("AudioNode")}}
+    9.  {{domxref("AudioParam")}}
+    10. {{event("audioprocess")}} (event)
+    11. {{domxref("AudioProcessingEvent")}}
+    12. {{domxref("BiquadFilterNode")}}
+    13. {{domxref("ChannelMergerNode")}}
+    14. {{domxref("ChannelSplitterNode")}}
+    15. {{event("complete")}} (event)
+    16. {{domxref("ConvolverNode")}}
+    17. {{domxref("DelayNode")}}
+    18. {{domxref("DynamicsCompressorNode")}}
+    19. {{event("ended_(Web_Audio)", "ended")}} (event)
+    20. {{domxref("GainNode")}}
+    21. {{domxref("MediaElementAudioSourceNode")}}
+    22. {{domxref("MediaStreamAudioDestinationNode")}}
+    23. {{domxref("MediaStreamAudioSourceNode")}}
+    24. {{domxref("OfflineAudioCompletionEvent")}}
+    25. {{domxref("OfflineAudioContext")}}
+    26. {{domxref("OscillatorNode")}}
+    27. {{domxref("PannerNode")}}
+    28. {{domxref("PeriodicWave")}}
+    29. {{domxref("ScriptProcessorNode")}}
+    30. {{domxref("WaveShaperNode")}}
diff --git a/files/es/web/api/web_crypto_api/index.md b/files/es/web/api/web_crypto_api/index.md
index 8efb93e0594971..db548c96eed07f 100644
--- a/files/es/web/api/web_crypto_api/index.md
+++ b/files/es/web/api/web_crypto_api/index.md
@@ -7,79 +7,54 @@ tags:
   - Web Crypto API
 translation_of: Web/API/Web_Crypto_API
 ---
-<p>{{DefaultAPISidebar("Web Crypto API")}}{{SeeCompatTable}}</p>
+{{DefaultAPISidebar("Web Crypto API")}}{{SeeCompatTable}}
 
-<p>La <strong>Web Crypto API</strong>  es una interfaz que permite a un script usar primitivos criptográficos con el fin de construir sistemas utilizando criptografía.</p>
+La **Web Crypto API** es una interfaz que permite a un script usar primitivos criptográficos con el fin de construir sistemas utilizando criptografía.
 
-<div class="blockIndicator warning">
-<p><strong>Advertencia:</strong> Esta API proporciona una serie de primitivos criptográficos de bajo nivel. Es muy fácil hacer un mal uso de ellos, y las trampas involucradas pueden ser muy sutiles.</p>
+> **Advertencia:** Esta API proporciona una serie de primitivos criptográficos de bajo nivel. Es muy fácil hacer un mal uso de ellos, y las trampas involucradas pueden ser muy sutiles.
+>
+> Incluso suponiendo que se utilicen correctamente las funciones criptográficas básicas, la gestión segura de las claves y el diseño general del sistema de seguridad son extremadamente difíciles de conseguir correctamente, y generalmente son el dominio de expertos en seguridad especializados.
+>
+> Los errores en el diseño e implementación del sistema de seguridad pueden hacer que la seguridad del sistema sea completamente ineficaz.
+>
+> **Si no estás seguro de saber lo que estás haciendo, probablemente no deberías usar esta API.**
 
-<p>Incluso suponiendo que se utilicen correctamente las funciones criptográficas básicas, la gestión segura de las claves y el diseño general del sistema de seguridad son extremadamente difíciles de conseguir correctamente, y generalmente son el dominio de expertos en seguridad especializados.</p>
+Una de las principales características de esta API es que permite la manipulación y almacenamiento de claves privadas y secretas sin la capa de bits de la clave para poder usarlo con Javascript.
 
-<p>Los errores en el diseño e implementación del sistema de seguridad pueden hacer que la seguridad del sistema sea completamente ineficaz.</p>
+Esta interfaz permite el acceso a las siguientes primitivos:
 
-<p><strong>Si no estás seguro de saber lo que estás haciendo, probablemente no deberías usar esta API.</strong></p>
-</div>
+- **_digest_**, la capacidad para calcular un hash de un bloque arbitrario de datos, con el fin de detectar cualquier cambio en él.
+- **_mac_**, la capacidad de calcular un código de mensaje de autenticación.
+- **_sign_** and **_verify_**, la capacidad de firmar digitalmente un documento, y de verificar una firma.
+- **_encrypt_** and **_decrypt_**, la capacidad de codificar o descodificar un documento.
+- **_import_** and **_export_**, la capacidad de importar o exportar una clave.
+- **_key generation_**, la capacidad de crear una llave criptográfica segura o un par de llaves (llave pública y llave privada), sin el uso de una clave base, pero usando la entropía disponible en el sistema local.
+- **_key wrapping_** and **_unwrapping_**, la capacidad de transmitir y recibir una llave de un tercero, codificada usando otra llave sin exponer dicha llave a JavaScript.
+- **_random_**, la capacidad de generar criptográficamente números pseudo-aleatorios fuertes.
 
-<p>Una de las principales características de esta API es que permite la manipulación y almacenamiento de claves privadas y secretas sin la capa de bits de la clave para poder usarlo con Javascript.</p>
+La Web Crypto API no resuelve todos los problemas criptográficos a los que un sitio web o una aplicación puedan encontrarse:
 
-<p>Esta interfaz permite el acceso a las siguientes primitivos:</p>
+- No flexibiliza el modelo de [same-origin security model](/es/docs/Web/Security/Same-origin_policy) del navegador, como los casos en que las claves son emitidas por entidades centralizadas utilizadas por varios sitios web.
+- No interactúa con hardware dedicado, tal y como smart cards, pendrives, o generadores aleatorios.
 
-<ul>
- <li><strong><em>digest</em></strong>, la capacidad para calcular un hash de un bloque arbitrario de datos, con el fin de detectar cualquier cambio en él.</li>
- <li><strong><em>mac</em></strong>, la capacidad de calcular un código de mensaje de autenticación.</li>
- <li><strong><em>sign</em></strong> and <strong><em>verify</em></strong>, la capacidad de firmar digitalmente un documento, y de verificar una firma.</li>
- <li><strong><em>encrypt</em></strong> and <strong><em>decrypt</em></strong>, la capacidad de codificar o descodificar un documento.</li>
- <li><strong><em>import</em></strong> and <strong><em>export</em></strong>, la capacidad de importar o exportar una clave.</li>
- <li><strong><em>key generation</em></strong>, la capacidad de crear una llave criptográfica segura o un par de llaves (llave pública y llave privada), sin el uso de una clave base, pero usando la entropía disponible en el sistema local.</li>
- <li><strong><em>key wrapping</em></strong> and <strong><em>unwrapping</em></strong>, la capacidad de transmitir y recibir una llave de un tercero, codificada usando otra llave sin exponer dicha llave a JavaScript.</li>
- <li><strong><em>random</em></strong>, la capacidad de generar criptográficamente números pseudo-aleatorios fuertes.</li>
-</ul>
+> **Advertencia:** **¡Atención!**
+>
+> - El simple hecho de hacer uso de la criptografía no hace a tu sistema seguro. La Seguridad es un **proceso** que constamentemente evalua el riesgo de un sistema en el contexto de uso. The context and the risks experienced evolve over time.
+> - Al aplicar seguridad, todo el **sistema** debe considerarse. En el caso de la Web Crypto API, los desarrolladores Web no sólo deben considerar la seguridad del script, sino también la seguridad de la conexión al servidor y los datos que éste podría comunicar sin encriptar. La seguridad en general será tan débil como la parte más débil de todo el sistema.
 
-<p>La Web Crypto API no resuelve todos los problemas criptográficos a los que un sitio web o una aplicación puedan encontrarse:</p>
+## Interfaces
 
-<ul>
- <li>No flexibiliza el modelo de <a href="/en-US/docs/Web/Security/Same-origin_policy">same-origin security model</a> del navegador, como los casos en que las claves son emitidas por entidades centralizadas utilizadas por varios sitios web.</li>
- <li>No interactúa con hardware dedicado, tal y como smart cards, pendrives, o generadores aleatorios.</li>
-</ul>
+Algunos navegadores implementan una interfaz llamada {{domxref("Crypto")}} sin tenerla bien definida o criptográficamente siendo llamada. Con el fin de evitar conclusiones, los métodos y propiedades de esta interfaz van a ir implementados en la Web Crypto API, y todos los métodos de la Web Crypto API están disponibles en una nueva interfaz: {{domxref("SubtleCrypto")}}.
+La propiedad {{domxref("Crypto.subtle")}} da acceso a un objeto para implementarla.
 
-<div class="warning">
-<p><strong>¡Atención!</strong></p>
+## Casos de uso
 
-<ul>
- <li>El simple hecho de hacer uso de la criptografía no hace a tu sistema seguro. La Seguridad es un <strong>proceso</strong> que constamentemente evalua el riesgo de un sistema en el contexto de uso. The context and the risks experienced evolve over time.</li>
- <li>Al aplicar seguridad, todo el <strong>sistema</strong> debe considerarse. En el caso de la  Web Crypto API, los desarrolladores Web no sólo deben considerar la seguridad del script, sino también la seguridad de la conexión al servidor y los datos que éste podría comunicar sin encriptar.  La seguridad en general será tan débil como la parte más débil de todo el sistema.</li>
-</ul>
-</div>
+La Web Crypto API puede ser usada para:
 
-<h2 id="Interfaces">Interfaces</h2>
+- Verificar que los datos no han sido alterados por terceros. Incluso si los datos se almacenan de forma clara, el almacenamiento de una firma, generada a partir de una contraseña, permite a las personas que conocen la contraseña saber que es auténtica.
 
-<p>Algunos navegadores implementan una interfaz llamada {{domxref("Crypto")}} sin tenerla bien definida o criptográficamente siendo llamada. Con el fin de evitar conclusiones, los métodos y propiedades de esta interfaz van a ir implementados en la Web Crypto API, y todos los métodos de la Web Crypto API están disponibles en una nueva interfaz: {{domxref("SubtleCrypto")}}.<br>
- La propiedad {{domxref("Crypto.subtle")}} da acceso a un objeto para implementarla.</p>
+## Especificaciones
 
-<h2 id="Casos_de_uso">Casos de uso</h2>
-
-<p>La Web Crypto API puede ser usada para:</p>
-
-<ul>
- <li>Verificar que los datos no han sido alterados por terceros. Incluso si los datos se almacenan de forma clara, el almacenamiento de una firma, generada a partir de una contraseña, permite a las personas que conocen la contraseña saber que es auténtica.</li>
-</ul>
-
-<h2 id="Especificaciones">Especificaciones</h2>
-
-<table class="standard-table">
- <thead>
-  <tr>
-   <th scope="col">Especificación</th>
-   <th scope="col">Estado</th>
-   <th scope="col">Comentario</th>
-  </tr>
- </thead>
- <tbody>
-  <tr>
-   <td>{{SpecName("Web Crypto API")}}</td>
-   <td>{{Spec2("Web Crypto API")}}</td>
-   <td>Initial definition</td>
-  </tr>
- </tbody>
-</table>
+| Especificación                           | Estado                               | Comentario         |
+| ---------------------------------------- | ------------------------------------ | ------------------ |
+| {{SpecName("Web Crypto API")}} | {{Spec2("Web Crypto API")}} | Initial definition |
diff --git a/files/es/web/api/web_speech_api/index.md b/files/es/web/api/web_speech_api/index.md
index 6c91a306335b98..fb93dd2cf160ec 100644
--- a/files/es/web/api/web_speech_api/index.md
+++ b/files/es/web/api/web_speech_api/index.md
@@ -14,108 +14,81 @@ tags:
   - synthesis
 translation_of: Web/API/Web_Speech_API
 ---
-<div>{{DefaultAPISidebar("Web Speech API")}}{{seecompattable}}</div>
+{{DefaultAPISidebar("Web Speech API")}}{{seecompattable}}
 
-<div class="summary">
-<p>The Web Speech API enables you to incorporate voice data into web apps. The Web Speech API has two parts: SpeechSynthesis (Text-to-Speech), and SpeechRecognition (Asynchronous Speech Recognition.)</p>
-</div>
+The Web Speech API enables you to incorporate voice data into web apps. The Web Speech API has two parts: SpeechSynthesis (Text-to-Speech), and SpeechRecognition (Asynchronous Speech Recognition.)
 
-<h2 id="Web_Speech_Concepts_and_Usage">Web Speech Concepts and Usage</h2>
+## Web Speech Concepts and Usage
 
-<p>The Web Speech API makes web apps able to handle voice data. There are two components to this API:</p>
+The Web Speech API makes web apps able to handle voice data. There are two components to this API:
 
-<ul>
- <li>Speech recognition is accessed via the {{domxref("SpeechRecognition")}} interface, which provides the ability to recognize voice context from an audio input (normally via the device's default speech recognition service) and respond appropriately. Generally you'll use the interface's constructor to create a new {{domxref("SpeechRecognition")}} object, which has a number of event handlers available for detecting when speech is input through the device's microphone. The {{domxref("SpeechGrammar")}} interface represents a container for a particular set of grammar that your app should recognise. Grammar is defined using <a href="http://www.w3.org/TR/jsgf/">JSpeech Grammar Format</a> (<strong>JSGF</strong>.)</li>
- <li>Speech synthesis is accessed via the {{domxref("SpeechSynthesis")}} interface, a text-to-speech component that allows programs to read out their text content (normally via the device's default speech synthesiser.) Different voice types are represented by {{domxref("SpeechSynthesisVoice")}} objects, and different parts of text that you want to be spoken are represented by {{domxref("SpeechSynthesisUtterance")}} objects. You can get these spoken by passing them to the {{domxref("SpeechSynthesis.speak()")}} method.</li>
-</ul>
+- Speech recognition is accessed via the {{domxref("SpeechRecognition")}} interface, which provides the ability to recognize voice context from an audio input (normally via the device's default speech recognition service) and respond appropriately. Generally you'll use the interface's constructor to create a new {{domxref("SpeechRecognition")}} object, which has a number of event handlers available for detecting when speech is input through the device's microphone. The {{domxref("SpeechGrammar")}} interface represents a container for a particular set of grammar that your app should recognise. Grammar is defined using [JSpeech Grammar Format](http://www.w3.org/TR/jsgf/) (**JSGF**.)
+- Speech synthesis is accessed via the {{domxref("SpeechSynthesis")}} interface, a text-to-speech component that allows programs to read out their text content (normally via the device's default speech synthesiser.) Different voice types are represented by {{domxref("SpeechSynthesisVoice")}} objects, and different parts of text that you want to be spoken are represented by {{domxref("SpeechSynthesisUtterance")}} objects. You can get these spoken by passing them to the {{domxref("SpeechSynthesis.speak()")}} method.
 
-<p>For more details on using these features, see <a href="/en-US/docs/Web/API/Web_Speech_API/Using_the_Web_Speech_API">Using the Web Speech API</a>.</p>
+For more details on using these features, see [Using the Web Speech API](/es/docs/Web/API/Web_Speech_API/Using_the_Web_Speech_API).
 
-<h2 id="Web_Speech_API_Interfaces">Web Speech API Interfaces</h2>
+## Web Speech API Interfaces
 
-<h3 id="Speech_recognition">Speech recognition</h3>
+### Speech recognition
 
-<dl>
- <dt>{{domxref("SpeechRecognition")}}</dt>
- <dd>The controller interface for the recognition service; this also handles the {{domxref("SpeechRecognitionEvent")}} sent from the recognition service.</dd>
- <dt>{{domxref("SpeechRecognitionAlternative")}}</dt>
- <dd>Represents a single word that has been recognised by the speech recognition service.</dd>
- <dt>{{domxref("SpeechRecognitionError")}}</dt>
- <dd>Represents error messages from the recognition service.</dd>
- <dt>{{domxref("SpeechRecognitionEvent")}}</dt>
- <dd>The event object for the {{event("result")}} and {{event("nomatch")}} events, and contains all the data associated with an interim or final speech recognition result.</dd>
- <dt>{{domxref("SpeechGrammar")}}</dt>
- <dd>The words or patterns of words that we want the recognition service to recognize.</dd>
- <dt>{{domxref("SpeechGrammarList")}}</dt>
- <dd>Represents a list of {{domxref("SpeechGrammar")}} objects.</dd>
- <dt>{{domxref("SpeechRecognitionResult")}}</dt>
- <dd>Represents a single recognition match, which may contain multiple {{domxref("SpeechRecognitionAlternative")}} objects.</dd>
- <dt>{{domxref("SpeechRecognitionResultList")}}</dt>
- <dd>Represents a list of {{domxref("SpeechRecognitionResult")}} objects, or a single one if results are being captured in {{domxref("SpeechRecognition.continuous","continuous")}} mode.</dd>
-</dl>
+- {{domxref("SpeechRecognition")}}
+  - : The controller interface for the recognition service; this also handles the {{domxref("SpeechRecognitionEvent")}} sent from the recognition service.
+- {{domxref("SpeechRecognitionAlternative")}}
+  - : Represents a single word that has been recognised by the speech recognition service.
+- {{domxref("SpeechRecognitionError")}}
+  - : Represents error messages from the recognition service.
+- {{domxref("SpeechRecognitionEvent")}}
+  - : The event object for the {{event("result")}} and {{event("nomatch")}} events, and contains all the data associated with an interim or final speech recognition result.
+- {{domxref("SpeechGrammar")}}
+  - : The words or patterns of words that we want the recognition service to recognize.
+- {{domxref("SpeechGrammarList")}}
+  - : Represents a list of {{domxref("SpeechGrammar")}} objects.
+- {{domxref("SpeechRecognitionResult")}}
+  - : Represents a single recognition match, which may contain multiple {{domxref("SpeechRecognitionAlternative")}} objects.
+- {{domxref("SpeechRecognitionResultList")}}
+  - : Represents a list of {{domxref("SpeechRecognitionResult")}} objects, or a single one if results are being captured in {{domxref("SpeechRecognition.continuous","continuous")}} mode.
 
-<h3 id="Speech_synthesis">Speech synthesis</h3>
+### Speech synthesis
 
-<dl>
- <dt>{{domxref("SpeechSynthesis")}}</dt>
- <dd>The controller interface for the speech service; this can be used to retrieve information about the synthesis voices available on the device, start and pause speech, and other commands besides.</dd>
- <dt>{{domxref("SpeechSynthesisErrorEvent")}}</dt>
- <dd>Contains information about any errors that occur while processing {{domxref("SpeechSynthesisUtterance")}} objects in the speech service.</dd>
- <dt>{{domxref("SpeechSynthesisEvent")}}</dt>
- <dd>Contains information about the current state of {{domxref("SpeechSynthesisUtterance")}} objects that have been processed in the speech service.</dd>
- <dt>{{domxref("SpeechSynthesisUtterance")}}</dt>
- <dd>Represents a speech request. It contains the content the speech service should read and information about how to read it (e.g. language, pitch and volume.)</dd>
-</dl>
+- {{domxref("SpeechSynthesis")}}
+  - : The controller interface for the speech service; this can be used to retrieve information about the synthesis voices available on the device, start and pause speech, and other commands besides.
+- {{domxref("SpeechSynthesisErrorEvent")}}
+  - : Contains information about any errors that occur while processing {{domxref("SpeechSynthesisUtterance")}} objects in the speech service.
+- {{domxref("SpeechSynthesisEvent")}}
+  - : Contains information about the current state of {{domxref("SpeechSynthesisUtterance")}} objects that have been processed in the speech service.
+- {{domxref("SpeechSynthesisUtterance")}}
+  - : Represents a speech request. It contains the content the speech service should read and information about how to read it (e.g. language, pitch and volume.)
 
-<dl>
- <dt>{{domxref("SpeechSynthesisVoice")}}</dt>
- <dd>Represents a voice that the system supports. Every <code>SpeechSynthesisVoice</code> has its own relative speech service including information about language, name and URI.</dd>
- <dt>{{domxref("Window.speechSynthesis")}}</dt>
- <dd>Specced out as part of a <code>[NoInterfaceObject]</code> interface called <code>SpeechSynthesisGetter</code>, and Implemented by the <code>Window</code> object, the <code>speechSynthesis</code> property provides access to the {{domxref("SpeechSynthesis")}} controller, and therefore the entry point to speech synthesis functionality.</dd>
-</dl>
+<!---->
 
-<h2 id="Examples">Examples</h2>
+- {{domxref("SpeechSynthesisVoice")}}
+  - : Represents a voice that the system supports. Every `SpeechSynthesisVoice` has its own relative speech service including information about language, name and URI.
+- {{domxref("Window.speechSynthesis")}}
+  - : Specced out as part of a `[NoInterfaceObject]` interface called `SpeechSynthesisGetter`, and Implemented by the `Window` object, the `speechSynthesis` property provides access to the {{domxref("SpeechSynthesis")}} controller, and therefore the entry point to speech synthesis functionality.
 
-<p>The <a href="https://github.com/mdn/web-speech-api/">Web Speech API repo</a> on GitHub contains demos to illustrate speech recognition and synthesis.</p>
+## Examples
 
-<h2 id="Specifications">Specifications</h2>
+The [Web Speech API repo](https://github.com/mdn/web-speech-api/) on GitHub contains demos to illustrate speech recognition and synthesis.
 
-<table class="standard-table">
- <tbody>
-  <tr>
-   <th scope="col">Specification</th>
-   <th scope="col">Status</th>
-   <th scope="col">Comment</th>
-  </tr>
-  <tr>
-   <td>{{SpecName('Web Speech API')}}</td>
-   <td>{{Spec2('Web Speech API')}}</td>
-   <td>Initial definition</td>
-  </tr>
- </tbody>
-</table>
+## Specifications
 
-<h2 id="Browser_compatibility">Browser compatibility</h2>
+| Specification                            | Status                               | Comment            |
+| ---------------------------------------- | ------------------------------------ | ------------------ |
+| {{SpecName('Web Speech API')}} | {{Spec2('Web Speech API')}} | Initial definition |
 
-<h3 id="SpeechRecognition"><code>SpeechRecognition</code></h3>
+## Browser compatibility
 
-<div>
+### `SpeechRecognition`
 
+{{Compat("api.SpeechRecognition", 0)}}
 
-<p>{{Compat("api.SpeechRecognition", 0)}}</p>
+### `SpeechSynthesis`
 
-<h3 id="SpeechSynthesis"><code>SpeechSynthesis</code></h3>
+{{Compat("api.SpeechSynthesis", 0)}}
 
+## See also
 
-
-<p>{{Compat("api.SpeechSynthesis", 0)}}</p>
-
-<h2 id="See_also">See also</h2>
-
-<ul>
- <li><a href="/en-US/docs/Web/API/Web_Speech_API/Using_the_Web_Speech_API">Using the Web Speech API</a></li>
- <li><a href="http://www.sitepoint.com/talking-web-pages-and-the-speech-synthesis-api/">SitePoint article</a></li>
- <li><a href="http://updates.html5rocks.com/2014/01/Web-apps-that-talk---Introduction-to-the-Speech-Synthesis-API">HTML5Rocks article</a></li>
- <li><a href="http://aurelio.audero.it/demo/speech-synthesis-api-demo.html">Demo</a> [aurelio.audero.it]</li>
-</ul>
-</div>
+- [Using the Web Speech API](/es/docs/Web/API/Web_Speech_API/Using_the_Web_Speech_API)
+- [SitePoint article](http://www.sitepoint.com/talking-web-pages-and-the-speech-synthesis-api/)
+- [HTML5Rocks article](http://updates.html5rocks.com/2014/01/Web-apps-that-talk---Introduction-to-the-Speech-Synthesis-API)
+- [Demo](http://aurelio.audero.it/demo/speech-synthesis-api-demo.html) \[aurelio.audero.it]
diff --git a/files/es/web/api/web_speech_api/using_the_web_speech_api/index.md b/files/es/web/api/web_speech_api/using_the_web_speech_api/index.md
index 4b6138dfee42c2..88db8feb7a78c3 100644
--- a/files/es/web/api/web_speech_api/using_the_web_speech_api/index.md
+++ b/files/es/web/api/web_speech_api/using_the_web_speech_api/index.md
@@ -4,213 +4,224 @@ slug: Web/API/Web_Speech_API/Using_the_Web_Speech_API
 translation_of: Web/API/Web_Speech_API/Using_the_Web_Speech_API
 original_slug: Web/API/Web_Speech_API/Uso_de_la_Web_Speech_API
 ---
-<p class="summary">La API Web Speech API proporciona dos funcionalidades distintas — reconocimiento de voz, y síntesis de voz (también conocido como texto a voz o tts) — lo que nos ofrece nuevas e interesantes posibilidades para accesibilidad y otros mecanismos. Este artículo ofrece una breve introducción en las dos áreas, así como unas demos.</p>
+La API Web Speech API proporciona dos funcionalidades distintas — reconocimiento de voz, y síntesis de voz (también conocido como texto a voz o tts) — lo que nos ofrece nuevas e interesantes posibilidades para accesibilidad y otros mecanismos. Este artículo ofrece una breve introducción en las dos áreas, así como unas demos.
 
-<h2 id="Reconocimiento_de_voz">Reconocimiento de voz</h2>
+## Reconocimiento de voz
 
-<p>El reconocimiento de voz implica recibir voz a través del micrófono de un dispositivo, luego es verificado por un servicio de reconocimiento de voz contra una lista de palabras o frases 'grammar' (esta lista básicamente es el vocabulario a reconocer en una app particular). Cuando se reconoce con éxito una palabra o frase, esta se devuelve como una cadena de texto y así poder iniciar otras acciones.</p>
+El reconocimiento de voz implica recibir voz a través del micrófono de un dispositivo, luego es verificado por un servicio de reconocimiento de voz contra una lista de palabras o frases 'grammar' (esta lista básicamente es el vocabulario a reconocer en una app particular). Cuando se reconoce con éxito una palabra o frase, esta se devuelve como una cadena de texto y así poder iniciar otras acciones.
 
-<p>La API Web Speech tiene una interfaz principal de control para el - {{domxref ("SpeechRecognition")}} -, además de una serie de interfaces estrechamente relacionadas para representar la gramática, los resultados, etc. Normalmente, el sistema de reconocimiento de voz predeterminado que dispone el dispositivo se utilizará para el reconocimiento de voz: la mayoría de los sistemas operativos modernos tienen un sistema de reconocimiento de voz para emitir comandos de voz. Piense en Dictado en macOS, Siri en iOS, Cortana en Windows 10, Android Speech, etc.</p>
+La API Web Speech tiene una interfaz principal de control para el - {{domxref ("SpeechRecognition")}} -, además de una serie de interfaces estrechamente relacionadas para representar la gramática, los resultados, etc. Normalmente, el sistema de reconocimiento de voz predeterminado que dispone el dispositivo se utilizará para el reconocimiento de voz: la mayoría de los sistemas operativos modernos tienen un sistema de reconocimiento de voz para emitir comandos de voz. Piense en Dictado en macOS, Siri en iOS, Cortana en Windows 10, Android Speech, etc.
 
-<div class="note">
-<p><strong>Note</strong>: En algunos navegadores como Chrome, el uso del reconocimiento de voz implica el uso de un motor de reconocimiento basado en un servidor. Tu audio se envía a un servicio de reconocimiento web para ser procesado, por lo que no funcionará offline.</p>
-</div>
+> **Nota:** En algunos navegadores como Chrome, el uso del reconocimiento de voz implica el uso de un motor de reconocimiento basado en un servidor. Tu audio se envía a un servicio de reconocimiento web para ser procesado, por lo que no funcionará offline.
 
-<h3 id="Demo">Demo</h3>
+### Demo
 
-<p>Para mostrar un uso sencillo del reconocimiento de voz Web, hemos escrito una demo llamada <a href="https://github.com/mdn/web-speech-api/tree/master/speech-color-changer">Speech color changer</a>. Cuando se toca o hace click en la pantalla, se puede decir un color HTML, y el color de fondo de la aplicación cambiará a ese color.</p>
+Para mostrar un uso sencillo del reconocimiento de voz Web, hemos escrito una demo llamada [Speech color changer](https://github.com/mdn/web-speech-api/tree/master/speech-color-changer). Cuando se toca o hace click en la pantalla, se puede decir un color HTML, y el color de fondo de la aplicación cambiará a ese color.
 
-<p><img alt="The UI of an app titled Speech Color changer. It invites the user to tap the screen and say a color, and then it turns the background of the app that colour. In this case it has turned the background red." src="https://mdn.mozillademos.org/files/11975/speech-color-changer.png" style="border: 1px solid black; display: block; height: 533px; margin: 0px auto; width: 300px;"></p>
+![The UI of an app titled Speech Color changer. It invites the user to tap the screen and say a color, and then it turns the background of the app that colour. In this case it has turned the background red.](https://mdn.mozillademos.org/files/11975/speech-color-changer.png)
 
-<p>Para ejecutar la demo, se puede clonar (o <a href="https://github.com/mdn/web-speech-api/archive/master.zip">directamente descargar</a>) el repositorio Github donde se encuentra, abrir el fichero index HTML en un navegador de escritorio compatible, o navegar a través del enlace <a href="https://mdn.github.io/web-speech-api/speech-color-changer/">live demo URL</a> en un navegador de móvil compatible como Chrome.</p>
+Para ejecutar la demo, se puede clonar (o [directamente descargar](https://github.com/mdn/web-speech-api/archive/master.zip)) el repositorio Github donde se encuentra, abrir el fichero index HTML en un navegador de escritorio compatible, o navegar a través del enlace [live demo URL](https://mdn.github.io/web-speech-api/speech-color-changer/) en un navegador de móvil compatible como Chrome.
 
-<h3 id="Compatibilidad_de_navegadores">Compatibilidad de navegadores</h3>
+### Compatibilidad de navegadores
 
-<p>Actualmente, la compatibilidad de la Web Speech API para el reconocimiento de voz se limita a Chrome para escritorio y Android — Chrome tiene soporte desde la versión 33 pero con interfaces 'prefixed', por lo que se deben incluir ese tipo de interfaces 'prefixed', por ejemplo <code>webkitSpeechRecognition</code>.</p>
+Actualmente, la compatibilidad de la Web Speech API para el reconocimiento de voz se limita a Chrome para escritorio y Android — Chrome tiene soporte desde la versión 33 pero con interfaces 'prefixed', por lo que se deben incluir ese tipo de interfaces 'prefixed', por ejemplo `webkitSpeechRecognition`.
 
-<h3 id="HTML_y_CSS">HTML y CSS</h3>
+### HTML y CSS
 
-<p>El HTML y el CSS para esta app no son importantes. Solo tenemos un título, instrucciones en un párrafo, y un div dentro del cual visualizaremos los mensajes de diagnósticos.</p>
+El HTML y el CSS para esta app no son importantes. Solo tenemos un título, instrucciones en un párrafo, y un div dentro del cual visualizaremos los mensajes de diagnósticos.
 
-<pre class="brush: html">&lt;h1&gt;Speech color changer&lt;/h1&gt;
-&lt;p&gt;Tap/click then say a color to change the background color of the app.&lt;/p&gt;
-&lt;div&gt;
-  &lt;p class="output"&gt;&lt;em&gt;...diagnostic messages&lt;/em&gt;&lt;/p&gt;
-&lt;/div&gt;</pre>
+```html
+<h1>Speech color changer</h1>
+<p>Tap/click then say a color to change the background color of the app.</p>
+<div>
+  <p class="output"><em>...diagnostic messages</em></p>
+</div>
+```
 
-<p>El CSS proporciona un estilo responsive muy simple para que se visualice bien en todos los dispositivos.</p>
+El CSS proporciona un estilo responsive muy simple para que se visualice bien en todos los dispositivos.
 
-<h3 id="JavaScript">JavaScript</h3>
+### JavaScript
 
-<p>Miremos el JavaScript con un poco más de detalle.</p>
+Miremos el JavaScript con un poco más de detalle.
 
-<h4 id="Compatibilidad_con_Chrome">Compatibilidad con Chrome </h4>
+#### Compatibilidad con Chrome
 
-<p>Como se ha mencionado anteriormente, Chrome actualmente admite el reconocimiento de voz con propiedades 'prefixed', por lo tanto, al principio de nuestro código incluiremos las siguientes líneas para usar los objetos que correspondan a Chrome, y así cualquier implementación en el futuro pueda admitir estas características sin ningún 'prefixed':</p>
+Como se ha mencionado anteriormente, Chrome actualmente admite el reconocimiento de voz con propiedades 'prefixed', por lo tanto, al principio de nuestro código incluiremos las siguientes líneas para usar los objetos que correspondan a Chrome, y así cualquier implementación en el futuro pueda admitir estas características sin ningún 'prefixed':
 
-<pre class="brush: js">var SpeechRecognition = SpeechRecognition || webkitSpeechRecognition
+```js
+var SpeechRecognition = SpeechRecognition || webkitSpeechRecognition
 var SpeechGrammarList = SpeechGrammarList || webkitSpeechGrammarList
-var SpeechRecognitionEvent = SpeechRecognitionEvent || webkitSpeechRecognitionEvent</pre>
+var SpeechRecognitionEvent = SpeechRecognitionEvent || webkitSpeechRecognitionEvent
+```
 
-<h4 id="La_gramática_-grammar-">La gramática -grammar-</h4>
+#### La gramática -grammar-
 
-<p>Las siguientes líneas de código definen la gramática que queremos que reconozca nuestra app. Se define una variable para contener nuestra gramática:</p>
+Las siguientes líneas de código definen la gramática que queremos que reconozca nuestra app. Se define una variable para contener nuestra gramática:
 
-<pre class="brush: js">var colors = [ 'aqua' , 'azure' , 'beige', 'bisque', 'black', 'blue', 'brown', 'chocolate', 'coral' ... ];
-var grammar = '#JSGF V1.0; grammar colors; public &lt;color&gt; = ' + colors.join(' | ') + ' ;'</pre>
+```js
+var colors = [ 'aqua' , 'azure' , 'beige', 'bisque', 'black', 'blue', 'brown', 'chocolate', 'coral' ... ];
+var grammar = '#JSGF V1.0; grammar colors; public <color> = ' + colors.join(' | ') + ' ;'
+```
 
-<p>El formato usado para 'grammar' es <a class="external external-icon" href="http://www.w3.org/TR/jsgf/">JSpeech Grammar Format</a> (<strong>JSGF</strong>) — Se puede encontrar más sobre las especificaciones de este formato en el anterior enlace. Sin embargo y por ahora vamos a echarle un vistazo rápidamente:</p>
+El formato usado para 'grammar' es [JSpeech Grammar Format](http://www.w3.org/TR/jsgf/) (**JSGF**) — Se puede encontrar más sobre las especificaciones de este formato en el anterior enlace. Sin embargo y por ahora vamos a echarle un vistazo rápidamente:
 
-<ul>
- <li>Las líneas se separan con punto y coma como en JavaScript.</li>
- <li>La primera línea — <code>#JSGF V1.0;</code> — establece el formato y versión utilizados. Esto siempre se debe incluir primero.</li>
- <li>La segunda línea indica el tipo de términos que queremos que se reconozcan. <code>public</code> declara que es una regla pública, la cadena entre los paréntesis angulares definen el nombre reconocido para éste término (<code>color</code>), y la lista de elementos que siguen al signo igual son los valores alternativos que se reconocerán y aceptaran como valores apropiados al término. Observar como cada elemento se separa con el carácter pipe ' | ' .</li>
- <li>Se pueden definir tantos términos como se desee en líneas separadas siguiendo la estructura anterior, e incluir definiciones gramaticales complejas. Esta demostración básica la mantenemos lo más simple posible.</li>
-</ul>
+- Las líneas se separan con punto y coma como en JavaScript.
+- La primera línea — `#JSGF V1.0;` — establece el formato y versión utilizados. Esto siempre se debe incluir primero.
+- La segunda línea indica el tipo de términos que queremos que se reconozcan. `public` declara que es una regla pública, la cadena entre los paréntesis angulares definen el nombre reconocido para éste término (`color`), y la lista de elementos que siguen al signo igual son los valores alternativos que se reconocerán y aceptaran como valores apropiados al término. Observar como cada elemento se separa con el carácter pipe ' | ' .
+- Se pueden definir tantos términos como se desee en líneas separadas siguiendo la estructura anterior, e incluir definiciones gramaticales complejas. Esta demostración básica la mantenemos lo más simple posible.
 
-<h4 id="Conectando_la_gramática_a_nuestro_reconocimiento_de_voz">Conectando la gramática a nuestro reconocimiento de voz</h4>
+#### Conectando la gramática a nuestro reconocimiento de voz
 
-<p>Lo siguiente que tenemos que hacer es definir una instancia de reconocimiento de voz para el control en nuestra aplicación. Esto se hace usando el constructor {{domxref("SpeechRecognition.SpeechRecognition()", "SpeechRecognition()")}}. También creamos una lista de gramática de voz para contener nuestra gramática usando el constructor {{domxref("SpeechGrammarList.SpeechGrammarList()","SpeechGrammarList()")}}.</p>
+Lo siguiente que tenemos que hacer es definir una instancia de reconocimiento de voz para el control en nuestra aplicación. Esto se hace usando el constructor {{domxref("SpeechRecognition.SpeechRecognition()", "SpeechRecognition()")}}. También creamos una lista de gramática de voz para contener nuestra gramática usando el constructor {{domxref("SpeechGrammarList.SpeechGrammarList()","SpeechGrammarList()")}}.
 
-<pre class="brush: js">var recognition = new SpeechRecognition();
-var speechRecognitionList = new SpeechGrammarList();</pre>
+```js
+var recognition = new SpeechRecognition();
+var speechRecognitionList = new SpeechGrammarList();
+```
 
-<p>Añadimos nuestra  <code>grammar</code>  a la lista anterior usando el método {{domxref("SpeechGrammarList.addFromString()")}}. Este método acepta como parámetro la cadena que queremos añadir, así como opcionalmente, un valor que especifique la importancia de esta gramática en relación a otras gramáticas disponibles en la lista (el rango del valor va desde 0 hasta 1 inclusive). La gramática agregada está disponible en la lista como una instancia del objeto {{domxref("SpeechGrammar")}}.</p>
+Añadimos nuestra `grammar` a la lista anterior usando el método {{domxref("SpeechGrammarList.addFromString()")}}. Este método acepta como parámetro la cadena que queremos añadir, así como opcionalmente, un valor que especifique la importancia de esta gramática en relación a otras gramáticas disponibles en la lista (el rango del valor va desde 0 hasta 1 inclusive). La gramática agregada está disponible en la lista como una instancia del objeto {{domxref("SpeechGrammar")}}.
 
-<pre class="brush: js">speechRecognitionList.addFromString(grammar, 1);</pre>
+```js
+speechRecognitionList.addFromString(grammar, 1);
+```
 
-<p>Después añadimos la lista {{domxref("SpeechGrammarList")}} a la instancia del reconocimiento de voz estableciéndola en la propiedad {{domxref("SpeechRecognition.grammars")}}. También establecemos algunas otras propiedades a la instancia de reconocimiento antes de continuar:</p>
+Después añadimos la lista {{domxref("SpeechGrammarList")}} a la instancia del reconocimiento de voz estableciéndola en la propiedad {{domxref("SpeechRecognition.grammars")}}. También establecemos algunas otras propiedades a la instancia de reconocimiento antes de continuar:
 
-<ul>
- <li>{{domxref("SpeechRecognition.continuous")}}: Controla si se capturan los resultados de forma continua (<code>true</code>), o solo un resultado cada vez que se inicia el reconocimiento (<code>false</code>).</li>
- <li>{{domxref("SpeechRecognition.lang")}}: Establece el idioma del reconocimiento. Esto es una buena práctica y, por lo tanto, recomendable.</li>
- <li>{{domxref("SpeechRecognition.interimResults")}}: Define si el sistema de reconocimiento de voz debe devolver resultados provisionales o solo resultados finales. Para nuestra demo es suficiente con los resultados finales.</li>
- <li>{{domxref("SpeechRecognition.maxAlternatives")}}:  Establece el número de posibles coincidencias alternativas que se deben devolver por resultado. Esto a veces puede ser útil, por ejemplo, si un resultado no está completamente claro y desea mostrar una lista de alternativas para que el usuario elija la correcta. Esta opción no es necesaria para la demo, por lo que solo especificamos una (la cual es la predeterminada).</li>
-</ul>
+- {{domxref("SpeechRecognition.continuous")}}: Controla si se capturan los resultados de forma continua (`true`), o solo un resultado cada vez que se inicia el reconocimiento (`false`).
+- {{domxref("SpeechRecognition.lang")}}: Establece el idioma del reconocimiento. Esto es una buena práctica y, por lo tanto, recomendable.
+- {{domxref("SpeechRecognition.interimResults")}}: Define si el sistema de reconocimiento de voz debe devolver resultados provisionales o solo resultados finales. Para nuestra demo es suficiente con los resultados finales.
+- {{domxref("SpeechRecognition.maxAlternatives")}}: Establece el número de posibles coincidencias alternativas que se deben devolver por resultado. Esto a veces puede ser útil, por ejemplo, si un resultado no está completamente claro y desea mostrar una lista de alternativas para que el usuario elija la correcta. Esta opción no es necesaria para la demo, por lo que solo especificamos una (la cual es la predeterminada).
 
-<pre class="brush: js">recognition.grammars = speechRecognitionList;
+```js
+recognition.grammars = speechRecognitionList;
 recognition.continuous = false;
 recognition.lang = 'en-US';
 recognition.interimResults = false;
-recognition.maxAlternatives = 1;</pre>
+recognition.maxAlternatives = 1;
+```
 
-<h4 id="Comenzando_el_reconocimiento_de_voz">Comenzando el reconocimiento de voz</h4>
+#### Comenzando el reconocimiento de voz
 
-<p>Tomamos las referencias de la salida {{htmlelement("div")}} y del elemento HTML (para que podamos enviar mensajes de diagnostico y actualizar el color de fondo de la aplicación más adelante), e implementamos un manejador onclick para que cuando se haga click o se toque la pantalla, se inicie el reconocimiento de voz. Esto se logra llamando al método {{domxref("SpeechRecognition.start()")}}. El método <code>forEach()</code> se usa para visualizar indicadores de colores que muestran qué colores intenta decir.</p>
+Tomamos las referencias de la salida {{htmlelement("div")}} y del elemento HTML (para que podamos enviar mensajes de diagnostico y actualizar el color de fondo de la aplicación más adelante), e implementamos un manejador onclick para que cuando se haga click o se toque la pantalla, se inicie el reconocimiento de voz. Esto se logra llamando al método {{domxref("SpeechRecognition.start()")}}. El método `forEach()` se usa para visualizar indicadores de colores que muestran qué colores intenta decir.
 
-<pre class="brush: js">var diagnostic = document.querySelector('.output');
+```js
+var diagnostic = document.querySelector('.output');
 var bg = document.querySelector('html');
 var hints = document.querySelector('.hints');
 
 var colorHTML= '';
 colors.forEach(function(v, i, a){
   console.log(v, i);
-  colorHTML += '&lt;span style="background-color:' + v + ';"&gt; ' + v + ' &lt;/span&gt;';
+  colorHTML += '<span style="background-color:' + v + ';"> ' + v + ' </span>';
 });
 hints.innerHTML = 'Tap/click then say a color to change the background color of the app. Try ' + colorHTML + '.';
 
 document.body.onclick = function() {
   recognition.start();
   console.log('Ready to receive a color command.');
-}</pre>
+}
+```
 
-<h4 id="Recepción_y_manejo_de_resultados">Recepción y manejo de resultados</h4>
+#### Recepción y manejo de resultados
 
-<p>Una vez que comienza el reconocimiento de voz, hay muchos manejadores de eventos que se pueden usar para recuperar los resultados, así como otros elementos de información adicional (ver <a href="https://developer.mozilla.org/en-US/docs/Web/API/SpeechRecognition#Event_handlers"><code>SpeechRecognition</code> event handlers list</a>.) El más común que probablemente usarás es {{domxref("SpeechRecognition.onresult")}}, el cual es lanzado cuando se recibe el resultado con éxito:</p>
+Una vez que comienza el reconocimiento de voz, hay muchos manejadores de eventos que se pueden usar para recuperar los resultados, así como otros elementos de información adicional (ver [`SpeechRecognition` event handlers list](/es/docs/Web/API/SpeechRecognition#Event_handlers).) El más común que probablemente usarás es {{domxref("SpeechRecognition.onresult")}}, el cual es lanzado cuando se recibe el resultado con éxito:
 
-<pre class="brush: js">recognition.onresult = function(event) {
+```js
+recognition.onresult = function(event) {
   var color = event.results[0][0].transcript;
   diagnostic.textContent = 'Result received: ' + color + '.';
   bg.style.backgroundColor = color;
   console.log('Confidence: ' + event.results[0][0].confidence);
-}</pre>
+}
+```
 
-<p>La tercera línea es un poco más compleja, así que vamos a explicarla paso a paso. La propiedad {{domxref("SpeechRecognitionEvent.results")}} devuelve un objeto {{domxref("SpeechRecognitionResultList")}} que contiene los objetos {{domxref("SpeechRecognitionResult")}}. Tiene un getter para que pueda ser accesible como si fuera un array — así el primer <code>[0]</code> devuelve el <code>SpeechRecognitionResult</code> en la posición 0. Cada objeto <code>SpeechRecognitionResult</code> contiene objetos {{domxref("SpeechRecognitionAlternative")}} que contienen palabras individuales reconocidas. Estos también tienen getters para que se puedan acceder a ellos como arrays — por lo tanto el segundo <code>[0]</code> devuelve <code>SpeechRecognitionAlternative</code> en la posición 0. Luego devolvemos su propiedad <code>transcript</code> para obtener una cadena que contenga  el resultado individual reconocido como un string, estableciendo el color de fondo a ese color, e informando del color reconocido como un mensaje de diagnóstico en el IU.</p>
+La tercera línea es un poco más compleja, así que vamos a explicarla paso a paso. La propiedad {{domxref("SpeechRecognitionEvent.results")}} devuelve un objeto {{domxref("SpeechRecognitionResultList")}} que contiene los objetos {{domxref("SpeechRecognitionResult")}}. Tiene un getter para que pueda ser accesible como si fuera un array — así el primer `[0]` devuelve el `SpeechRecognitionResult` en la posición 0. Cada objeto `SpeechRecognitionResult` contiene objetos {{domxref("SpeechRecognitionAlternative")}} que contienen palabras individuales reconocidas. Estos también tienen getters para que se puedan acceder a ellos como arrays — por lo tanto el segundo `[0]` devuelve `SpeechRecognitionAlternative` en la posición 0. Luego devolvemos su propiedad `transcript` para obtener una cadena que contenga el resultado individual reconocido como un string, estableciendo el color de fondo a ese color, e informando del color reconocido como un mensaje de diagnóstico en el IU.
 
-<p>También usamos el manejador {{domxref("SpeechRecognition.onspeechend")}} para parar el servicio de reconocimiento de voz (usando {{domxref("SpeechRecognition.stop()")}}) cuando se ha reconocido una sola palabra y se ha finalizado de hablar:</p>
+También usamos el manejador {{domxref("SpeechRecognition.onspeechend")}} para parar el servicio de reconocimiento de voz (usando {{domxref("SpeechRecognition.stop()")}}) cuando se ha reconocido una sola palabra y se ha finalizado de hablar:
 
-<pre class="brush: js">recognition.onspeechend = function() {
+```js
+recognition.onspeechend = function() {
   recognition.stop();
-}</pre>
+}
+```
 
-<h4 id="Manejo_de_errores_y_voz_no_reconocida">Manejo de errores y voz no reconocida</h4>
+#### Manejo de errores y voz no reconocida
 
-<p>Los dos últimos manejadores son para controlar los casos donde no se reconoce ninguna de las palabras definidas en la gramática, o cuando ocurre un error. {{domxref("SpeechRecognition.onnomatch")}} maneja el primer caso mencionado, pero tenga en cuenta que de momento no parece que se dispare correctamente; solo devuelve lo que ha reconocido:</p>
+Los dos últimos manejadores son para controlar los casos donde no se reconoce ninguna de las palabras definidas en la gramática, o cuando ocurre un error. {{domxref("SpeechRecognition.onnomatch")}} maneja el primer caso mencionado, pero tenga en cuenta que de momento no parece que se dispare correctamente; solo devuelve lo que ha reconocido:
 
-<pre class="brush: js">recognition.onnomatch = function(event) {
+```js
+recognition.onnomatch = function(event) {
   diagnostic.textContent = 'I didnt recognise that color.';
-}</pre>
+}
+```
 
-<p>{{domxref("SpeechRecognition.onerror")}} maneja los casos donde se ha producido en error en el reconocimiento  — la propiedad {{domxref("SpeechRecognitionError.error")}} contiene el error devuelto:</p>
+{{domxref("SpeechRecognition.onerror")}} maneja los casos donde se ha producido en error en el reconocimiento — la propiedad {{domxref("SpeechRecognitionError.error")}} contiene el error devuelto:
 
-<pre class="brush: js">recognition.onerror = function(event) {
+```js
+recognition.onerror = function(event) {
   diagnostic.textContent = 'Error occurred in recognition: ' + event.error;
-}</pre>
+}
+```
 
-<h2 id="Síntesis_de_voz">Síntesis de voz</h2>
+## Síntesis de voz
 
-<p>La síntesis de voz (también  conocida como texto a voz o tts) implica recibir  contenido en forma de texto dentro de una aplicación y convertirla en voz a través del altavoz del dispositivo o de la conexión de salida del audio.</p>
+La síntesis de voz (también conocida como texto a voz o tts) implica recibir contenido en forma de texto dentro de una aplicación y convertirla en voz a través del altavoz del dispositivo o de la conexión de salida del audio.
 
-<p>La Web Speech API tiene una interface principal controladora — {{domxref("SpeechSynthesis")}} — además de una serie de interfaces estrechamente relacionadas para representar  el texto que se va a sintetizar (conocido como dictados 'utterances'), voces que se usarán para los dictados, etc. De nuevo, la mayoría de sistemas operativos disponen de algún sistema de síntesis de voz que pueden serán usados por la API si están disponibles.</p>
+La Web Speech API tiene una interface principal controladora — {{domxref("SpeechSynthesis")}} — además de una serie de interfaces estrechamente relacionadas para representar el texto que se va a sintetizar (conocido como dictados 'utterances'), voces que se usarán para los dictados, etc. De nuevo, la mayoría de sistemas operativos disponen de algún sistema de síntesis de voz que pueden serán usados por la API si están disponibles.
 
-<h3 id="Demo_2">Demo</h3>
+### Demo
 
-<p>Para mostrar un uso sencillo de la síntesis de voz Web, tenemos la demo llamada <a href="https://mdn.github.io/web-speech-api/speak-easy-synthesis/">Speak easy synthesis</a>. Esta incluye un juego de controles de formulario para introducir texto a sintetizar, configurar el tono, velocidad de reproducción y la voz a usar cuando el texto sea pronunciado.  Después de introducir el texto se puede presionar <kbd>Enter</kbd>/<kbd>Return</kbd> para escucharlo.</p>
+Para mostrar un uso sencillo de la síntesis de voz Web, tenemos la demo llamada [Speak easy synthesis](https://mdn.github.io/web-speech-api/speak-easy-synthesis/). Esta incluye un juego de controles de formulario para introducir texto a sintetizar, configurar el tono, velocidad de reproducción y la voz a usar cuando el texto sea pronunciado. Después de introducir el texto se puede presionar <kbd>Enter</kbd>/<kbd>Return</kbd> para escucharlo.
 
-<p><img alt="UI of an app called speak easy synthesis. It has an input field in which to input text to be synthesised, slider controls to change the rate and pitch of the speech, and a drop down menu to choose between different voices." src="https://mdn.mozillademos.org/files/11977/speak-easy-synthesis.png" style="border: 1px solid black; display: block; height: 533px; margin: 0px auto; width: 300px;"></p>
+![UI of an app called speak easy synthesis. It has an input field in which to input text to be synthesised, slider controls to change the rate and pitch of the speech, and a drop down menu to choose between different voices.](https://mdn.mozillademos.org/files/11977/speak-easy-synthesis.png)
 
-<p>Para ejecutar la demo, se puede clonar (o <a href="https://github.com/mdn/web-speech-api/archive/master.zip">directamente descargar</a>) el repositorio Github donde se encuentra, abrir el fichero index HTML en un navegador de escritorio compatible, o navegar a través del enlace <a href="https://mdn.github.io/web-speech-api/speech-color-changer/">live demo URL</a> en un navegador de móvil compatible como Chrome.</p>
+Para ejecutar la demo, se puede clonar (o [directamente descargar](https://github.com/mdn/web-speech-api/archive/master.zip)) el repositorio Github donde se encuentra, abrir el fichero index HTML en un navegador de escritorio compatible, o navegar a través del enlace [live demo URL](https://mdn.github.io/web-speech-api/speech-color-changer/) en un navegador de móvil compatible como Chrome.
 
-<h3 id="Compatibilidad_de_navegadores_2">Compatibilidad de navegadores</h3>
+### Compatibilidad de navegadores
 
-<p>El soporte para la síntesis de voz Web Speech API solo ha llegado a los navegadores más importantes  y actualmente se limita a los siguientes:</p>
+El soporte para la síntesis de voz Web Speech API solo ha llegado a los navegadores más importantes y actualmente se limita a los siguientes:
 
-<ul>
- <li>
-  <p>Firefox para escritorio y dispositivos móviles en Gecko 42+ (Windows)/44+, sin prefijos, y se puede activar configurando el flag <code>media.webspeech.synth.enabled</code> a <code>true</code> en <code>about:config</code>.</p>
- </li>
- <li>
-  <p>Firefox OS 2.5+ lo soporta por defecto y sin ser necesario ningún permiso.</p>
- </li>
- <li>
-  <p>Chrome para escritorio y  Android tienen soporte desde la versión 33, sin prefijos.</p>
- </li>
-</ul>
+- Firefox para escritorio y dispositivos móviles en Gecko 42+ (Windows)/44+, sin prefijos, y se puede activar configurando el flag `media.webspeech.synth.enabled` a `true` en `about:config`.
+- Firefox OS 2.5+ lo soporta por defecto y sin ser necesario ningún permiso.
+- Chrome para escritorio y Android tienen soporte desde la versión 33, sin prefijos.
 
-<h3 id="HTML_y_CSS_2">HTML y CSS</h3>
+### HTML y CSS
 
-<p>El HTML y CSS de nuevo no son fundamentales, simplemente contiene un titulo, algunas instrucciones de uso y un formulario con algunos controles sencillos. El elemento {{htmlelement("select")}} inicialmente está vacío pero se rellena con {{htmlelement("option")}} mediante JavaScript (ver más adelante.)</p>
+El HTML y CSS de nuevo no son fundamentales, simplemente contiene un titulo, algunas instrucciones de uso y un formulario con algunos controles sencillos. El elemento {{htmlelement("select")}} inicialmente está vacío pero se rellena con {{htmlelement("option")}} mediante JavaScript (ver más adelante.)
 
-<pre class="brush: html">&lt;h1&gt;Speech synthesiser&lt;/h1&gt;
+```html
+<h1>Speech synthesiser</h1>
 
-&lt;p&gt;Enter some text in the input below and press return to hear it. change voices using the dropdown menu.&lt;/p&gt;
+<p>Enter some text in the input below and press return to hear it. change voices using the dropdown menu.</p>
 
-&lt;form&gt;
-  &lt;input type="text" class="txt"&gt;
-  &lt;div&gt;
-    &lt;label for="rate"&gt;Rate&lt;/label&gt;&lt;input type="range" min="0.5" max="2" value="1" step="0.1" id="rate"&gt;
-    &lt;div class="rate-value"&gt;1&lt;/div&gt;
-    &lt;div class="clearfix"&gt;&lt;/div&gt;
-  &lt;/div&gt;
-  &lt;div&gt;
-    &lt;label for="pitch"&gt;Pitch&lt;/label&gt;&lt;input type="range" min="0" max="2" value="1" step="0.1" id="pitch"&gt;
-    &lt;div class="pitch-value"&gt;1&lt;/div&gt;
-    &lt;div class="clearfix"&gt;&lt;/div&gt;
-  &lt;/div&gt;
-  &lt;select&gt;
+<form>
+  <input type="text" class="txt">
+  <div>
+    <label for="rate">Rate</label><input type="range" min="0.5" max="2" value="1" step="0.1" id="rate">
+    <div class="rate-value">1</div>
+    <div class="clearfix"></div>
+  </div>
+  <div>
+    <label for="pitch">Pitch</label><input type="range" min="0" max="2" value="1" step="0.1" id="pitch">
+    <div class="pitch-value">1</div>
+    <div class="clearfix"></div>
+  </div>
+  <select>
 
-  &lt;/select&gt;
-&lt;/form&gt;</pre>
+  </select>
+</form>
+```
 
-<h3 id="JavaScript_2">JavaScript</h3>
+### JavaScript
 
-<p>Analicemos el JavaScript usado en esta app.</p>
+Analicemos el JavaScript usado en esta app.
 
-<h4 id="Configurar_variables">Configurar variables</h4>
+#### Configurar variables
 
-<p>En primer lugar, capturamos las referencias de todos los elementos DOM involucrados en la IU, pero lo más importante es capturar una referencia a  {{domxref("Window.speechSynthesis")}}. Este es el punto de entrada a la API — devuelve una instancia a {{domxref("SpeechSynthesis")}}, la interface controladora para la síntesis de voz en la web.</p>
+En primer lugar, capturamos las referencias de todos los elementos DOM involucrados en la IU, pero lo más importante es capturar una referencia a {{domxref("Window.speechSynthesis")}}. Este es el punto de entrada a la API — devuelve una instancia a {{domxref("SpeechSynthesis")}}, la interface controladora para la síntesis de voz en la web.
 
-<pre class="brush: js">var synth = window.speechSynthesis;
+```js
+var synth = window.speechSynthesis;
 
 var inputForm = document.querySelector('form');
 var inputTxt = document.querySelector('.txt');
@@ -222,18 +233,19 @@ var rate = document.querySelector('#rate');
 var rateValue = document.querySelector('.rate-value');
 
 var voices = [];
-</pre>
+```
 
-<h4 id="Rellenar_el_elemento_select">Rellenar el elemento select </h4>
+#### Rellenar el elemento select
 
-<p>Para rellenar el elemento {{htmlelement("select")}} con las diferentes opciones de voz del que dispone el dispositivo, hemos escrito la función <code>populateVoiceList()</code>. Primero invocamos {{domxref("SpeechSynthesis.getVoices()")}}, que devuelve una lista de todas las voces disponibles representadas por objetos {{domxref("SpeechSynthesisVoice")}}. Después recorremos esa lista — para cada voz creamos un elemento {{htmlelement("option")}}, establecemos su contenido con el nombre de la voz (desde {{domxref("SpeechSynthesisVoice.name")}}), y el lenguaje de la misma (desde {{domxref("SpeechSynthesisVoice.lang")}}), y <code>-- DEFAULT</code> si la voz es la predeterminada para el motor de síntesis (verificando si {{domxref("SpeechSynthesisVoice.default")}} devuelve <code>true</code>.)</p>
+Para rellenar el elemento {{htmlelement("select")}} con las diferentes opciones de voz del que dispone el dispositivo, hemos escrito la función `populateVoiceList()`. Primero invocamos {{domxref("SpeechSynthesis.getVoices()")}}, que devuelve una lista de todas las voces disponibles representadas por objetos {{domxref("SpeechSynthesisVoice")}}. Después recorremos esa lista — para cada voz creamos un elemento {{htmlelement("option")}}, establecemos su contenido con el nombre de la voz (desde {{domxref("SpeechSynthesisVoice.name")}}), y el lenguaje de la misma (desde {{domxref("SpeechSynthesisVoice.lang")}}), y `-- DEFAULT` si la voz es la predeterminada para el motor de síntesis (verificando si {{domxref("SpeechSynthesisVoice.default")}} devuelve `true`.)
 
-<p>Para cada opción también creamos atributos <code>data-</code>, conteniendo el nombre y lenguaje de la voz asociada, para que más tarde podamos usarlos fácilmente, y después añadimos las opciones 'option' como hijos del select.</p>
+Para cada opción también creamos atributos `data-`, conteniendo el nombre y lenguaje de la voz asociada, para que más tarde podamos usarlos fácilmente, y después añadimos las opciones 'option' como hijos del select.
 
-<pre class="brush: js">function populateVoiceList() {
+```js
+function populateVoiceList() {
   voices = synth.getVoices();
 
-  for(i = 0; i &lt; voices.length ; i++) {
+  for(i = 0; i < voices.length ; i++) {
     var option = document.createElement('option');
     option.textContent = voices[i].name + ' (' + voices[i].lang + ')';
 
@@ -245,58 +257,69 @@ var voices = [];
     option.setAttribute('data-name', voices[i].name);
     voiceSelect.appendChild(option);
   }
-}</pre>
+}
+```
 
-<p>Cuando vamos a ejecutar la función hacemos lo siguiente debido a que Firefox no soporta {{domxref("SpeechSynthesis.onvoiceschanged")}}, y sólo devolverá una lista de voces cuando se ejecute {{domxref("SpeechSynthesis.getVoices()")}}. Sin embargo con Chrome solo hay que esperar a que se active el evento antes de rellenar la lista, de ahí la siguiente parte de código.</p>
+Cuando vamos a ejecutar la función hacemos lo siguiente debido a que Firefox no soporta {{domxref("SpeechSynthesis.onvoiceschanged")}}, y sólo devolverá una lista de voces cuando se ejecute {{domxref("SpeechSynthesis.getVoices()")}}. Sin embargo con Chrome solo hay que esperar a que se active el evento antes de rellenar la lista, de ahí la siguiente parte de código.
 
-<pre class="brush: js">populateVoiceList();
+```js
+populateVoiceList();
 if (speechSynthesis.onvoiceschanged !== undefined) {
   speechSynthesis.onvoiceschanged = populateVoiceList;
-}</pre>
+}
+```
 
-<h4 id="Reproduciendo_el_texto_introducido">Reproduciendo el texto introducido</h4>
+#### Reproduciendo el texto introducido
 
-<p>A continuación, creamos un manejador de eventos para comenzar a reproducir el texto introducido en el campo de texto. Usamos un manejador <a href="/en-US/docs/Web/API/GlobalEventHandlers/onsubmit">onsubmit</a> en el formulario para que la acción ocurra cuando se presione <kbd>Enter</kbd>/<kbd>Return</kbd>. Primero creamos una nueva instancia de  {{domxref("SpeechSynthesisUtterance.SpeechSynthesisUtterance()", "SpeechSynthesisUtterance()")}} usando su constructor — a este se le pasa el valor de la entrada de texto como parámetro.</p>
+A continuación, creamos un manejador de eventos para comenzar a reproducir el texto introducido en el campo de texto. Usamos un manejador [onsubmit](/es/docs/Web/API/GlobalEventHandlers/onsubmit) en el formulario para que la acción ocurra cuando se presione <kbd>Enter</kbd>/<kbd>Return</kbd>. Primero creamos una nueva instancia de {{domxref("SpeechSynthesisUtterance.SpeechSynthesisUtterance()", "SpeechSynthesisUtterance()")}} usando su constructor — a este se le pasa el valor de la entrada de texto como parámetro.
 
-<p>A continuación, debemos obtener la voz que queremos utilizar. Usamos la propiedad {{domxref("HTMLSelectElement")}} <code>selectedOptions</code> para devolver el elemento seleccionado {{htmlelement("option")}}. Entonces usamos el atributo de este elemento <code>data-name</code>, encontrando el objeto {{domxref("SpeechSynthesisVoice")}} cuyo nombre coincida con el valor del atributo. Y configuramos la propiedad de {{domxref("SpeechSynthesisUtterance.voice")}} con el valor que coincida con la opción seleccionada.</p>
+A continuación, debemos obtener la voz que queremos utilizar. Usamos la propiedad {{domxref("HTMLSelectElement")}} `selectedOptions` para devolver el elemento seleccionado {{htmlelement("option")}}. Entonces usamos el atributo de este elemento `data-name`, encontrando el objeto {{domxref("SpeechSynthesisVoice")}} cuyo nombre coincida con el valor del atributo. Y configuramos la propiedad de {{domxref("SpeechSynthesisUtterance.voice")}} con el valor que coincida con la opción seleccionada.
 
-<p>Por último, configuramos {{domxref("SpeechSynthesisUtterance.pitch")}} y {{domxref("SpeechSynthesisUtterance.rate")}} con los valores de los elementos del formulario correspondientes. Entonces y ya configurado todo lo necesario, comenzamos la reproducción invocando  {{domxref("SpeechSynthesis.speak()")}}, y pasándolo a la instancia {{domxref("SpeechSynthesisUtterance")}} como parámetro.</p>
+Por último, configuramos {{domxref("SpeechSynthesisUtterance.pitch")}} y {{domxref("SpeechSynthesisUtterance.rate")}} con los valores de los elementos del formulario correspondientes. Entonces y ya configurado todo lo necesario, comenzamos la reproducción invocando {{domxref("SpeechSynthesis.speak()")}}, y pasándolo a la instancia {{domxref("SpeechSynthesisUtterance")}} como parámetro.
 
-<pre class="brush: js">inputForm.onsubmit = function(event) {
+```js
+inputForm.onsubmit = function(event) {
   event.preventDefault();
 
   var utterThis = new SpeechSynthesisUtterance(inputTxt.value);
   var selectedOption = voiceSelect.selectedOptions[0].getAttribute('data-name');
-  for(i = 0; i &lt; voices.length ; i++) {
+  for(i = 0; i < voices.length ; i++) {
     if(voices[i].name === selectedOption) {
       utterThis.voice = voices[i];
     }
   }
   utterThis.pitch = pitch.value;
   utterThis.rate = rate.value;
-  synth.speak(utterThis);</pre>
+  synth.speak(utterThis);
+```
 
-<p>Al final del manejador incluimos un manejador {{domxref("SpeechSynthesisUtterance.onpause")}} para mostrar cómo usar {{domxref("SpeechSynthesisEvent")}}. Cuando se invoca a  {{domxref("SpeechSynthesis.pause()")}},este devuelve un mensaje informando del número y nombre del carácter en el que se detuvo la reproducción.</p>
+Al final del manejador incluimos un manejador {{domxref("SpeechSynthesisUtterance.onpause")}} para mostrar cómo usar {{domxref("SpeechSynthesisEvent")}}. Cuando se invoca a {{domxref("SpeechSynthesis.pause()")}},este devuelve un mensaje informando del número y nombre del carácter en el que se detuvo la reproducción.
 
-<pre class="brush: js">   utterThis.onpause = function(event) {
+```js
+   utterThis.onpause = function(event) {
     var char = event.utterance.text.charAt(event.charIndex);
     console.log('Speech paused at character ' + event.charIndex + ' of "' +
     event.utterance.text + '", which is "' + char + '".');
-  }</pre>
+  }
+```
 
-<p>Por último, llamamos a <a href="/en-US/docs/Web/API/HTMLElement/blur">blur()</a> en la entrada de texto. Esto permite ocultar la entrada de texto en Firefox OS.</p>
+Por último, llamamos a [blur()](/es/docs/Web/API/HTMLElement/blur) en la entrada de texto. Esto permite ocultar la entrada de texto en Firefox OS.
 
-<pre class="brush: js">  inputTxt.blur();
-}</pre>
+```js
+  inputTxt.blur();
+}
+```
 
-<h4 id="Actualizando_los_valores_de_tono_y_velocidad_mostrados">Actualizando los valores de tono y velocidad mostrados</h4>
+#### Actualizando los valores de tono y velocidad mostrados
 
-<p>La última parte del código simplemente actualiza los valores <code>pitch</code>/<code>rate</code> mostrados en la IU, cada vez que el slider cambia de posición.</p>
+La última parte del código simplemente actualiza los valores `pitch`/`rate` mostrados en la IU, cada vez que el slider cambia de posición.
 
-<pre class="brush: js">pitch.onchange = function() {
+```js
+pitch.onchange = function() {
   pitchValue.textContent = pitch.value;
 }
 
 rate.onchange = function() {
   rateValue.textContent = rate.value;
-}</pre>
+}
+```
diff --git a/files/es/web/api/web_storage_api/index.md b/files/es/web/api/web_storage_api/index.md
index 6c4be83fece469..bd5ae13bef0022 100644
--- a/files/es/web/api/web_storage_api/index.md
+++ b/files/es/web/api/web_storage_api/index.md
@@ -11,89 +11,66 @@ tags:
 translation_of: Web/API/Web_Storage_API
 original_slug: Web/API/API_de_almacenamiento_web
 ---
-<p>{{DefaultAPISidebar("Web Storage API")}}</p>
+{{DefaultAPISidebar("Web Storage API")}}
 
-<p>La <strong>API de almacenamiento web</strong> proporciona los mecanismos mediante los cuales el navegador puede almacenar información de tipo clave/valor, de una forma mucho más intuitiva que utilizando cookies.</p>
+La **API de almacenamiento web** proporciona los mecanismos mediante los cuales el navegador puede almacenar información de tipo clave/valor, de una forma mucho más intuitiva que utilizando cookies.
 
-<h2 id="Almacenamiento_web_conceptos_y_uso"><strong>Almacenamiento web, conceptos y uso</strong></h2>
+## Almacenamiento web, conceptos y uso
 
-<p>Los dos mecanismos en el almacenamiento web son los siguientes:</p>
+Los dos mecanismos en el almacenamiento web son los siguientes:
 
-<ul>
- <li><strong><code>sessionStorage</code> </strong>mantiene un área de almacenamiento separada para cada origen que está disponible mientras dure la sesión de la página (mientras el navegador esté abierto, incluyendo recargas de página y restablecimientos).</li>
- <li><strong><code>localStorage</code> </strong>hace lo mismo, pero persiste incluso cuando el navegador se cierre y se reabra.</li>
-</ul>
+- **`sessionStorage` **mantiene un área de almacenamiento separada para cada origen que está disponible mientras dure la sesión de la página (mientras el navegador esté abierto, incluyendo recargas de página y restablecimientos).
+- **`localStorage` **hace lo mismo, pero persiste incluso cuando el navegador se cierre y se reabra.
 
-<p>Estos mecanismos están disponibles mediante las propiedades <a href="https://developer.mozilla.org/es/docs/Web/API/Window/sessionStorage" title="La propiedad sessionStorage permite acceder a un objeto Storage asociado a la sesión actual. La propiedad sessionStorage es similar a localStorage, la única diferencia es que la información almacenada en localStorage no posee tiempo de expiración, por el contrario la información almacenada en sessionStorage es eliminada al finalizar la sesion de la página. La sesión de la página perdura mientras el navegador se encuentra abierto, y se mantiene por sobre las recargas y reaperturas de la página. Abrir una página en una nueva pestaña o ventana iniciará una nueva sesión, lo que difiere en la forma en que trabajan las cookies de sesión."><code>Window.sessionStorage</code></a> y  <a href="https://developer.mozilla.org/es/docs/Web/API/Window/localStorage" title="La propiedad localStorage te permite acceder al objeto local Storage. localStorage es similar a sessionStorage. La única diferencia es que, mientras los datos almacenados en localStorage no tienen fecha de expiración, los datos almacenados en sessionStorage son eliminados cuando finaliza la sesion de navegación - lo cual ocurre cuando se cierra el navegador."><code>Window.localStorage</code></a> (dicho con más precisión, en navegadores con soporte, el objeto <code>Window</code> implementa los objetos  <code>WindowLocalStorage</code> y <code>WindowSessionStorage</code>, en los cuales se basan las propiedades <code>localStorage</code> y <code>sessionStorage</code>). Al invocar uno de éstos, se creará una instancia del objeto <a href="https://developer.mozilla.org/es/docs/Web/API/Storage" title="La interfaz Storage de la API de almacenamiento web provee acceso al almacenamiento de la sesión o al almacenamiento local para un dominio en particular, permitiéndote por ejemplo añadir, modificar o eliminar elementos de dato almacenados."><code>Storage</code></a>, a través del cual los datos pueden ser creados, recuperados y eliminados. sessionStorage y localStorage utilizan un objeto de almacenamiento diferente según su origen — funcionan y son controlados por separado.</p>
+Estos mecanismos están disponibles mediante las propiedades [`Window.sessionStorage`](/es/docs/Web/API/Window/sessionStorage "La propiedad sessionStorage permite acceder a un objeto Storage asociado a la sesión actual. La propiedad sessionStorage es similar a localStorage, la única diferencia es que la información almacenada en localStorage no posee tiempo de expiración, por el contrario la información almacenada en sessionStorage es eliminada al finalizar la sesion de la página. La sesión de la página perdura mientras el navegador se encuentra abierto, y se mantiene por sobre las recargas y reaperturas de la página. Abrir una página en una nueva pestaña o ventana iniciará una nueva sesión, lo que difiere en la forma en que trabajan las cookies de sesión.") y [`Window.localStorage`](/es/docs/Web/API/Window/localStorage "La propiedad localStorage te permite acceder al objeto local Storage. localStorage es similar a sessionStorage. La única diferencia es que, mientras los datos almacenados en localStorage no tienen fecha de expiración, los datos almacenados en sessionStorage son eliminados cuando finaliza la sesion de navegación - lo cual ocurre cuando se cierra el navegador.") (dicho con más precisión, en navegadores con soporte, el objeto `Window` implementa los objetos `WindowLocalStorage` y `WindowSessionStorage`, en los cuales se basan las propiedades `localStorage` y `sessionStorage`). Al invocar uno de éstos, se creará una instancia del objeto [`Storage`](/es/docs/Web/API/Storage "La interfaz Storage de la API de almacenamiento web provee acceso al almacenamiento de la sesión o al almacenamiento local para un dominio en particular, permitiéndote por ejemplo añadir, modificar o eliminar elementos de dato almacenados."), a través del cual los datos pueden ser creados, recuperados y eliminados. sessionStorage y localStorage utilizan un objeto de almacenamiento diferente según su origen — funcionan y son controlados por separado.
 
-<div class="note">
-<p><strong>Nota</strong>: Acceder al Almacenamiento web desde IFrames de terceros está prohibido si el usuario tiene <a href="https://support.mozilla.org/en-US/kb/disable-third-party-cookies">deshabilitadas las cookies de terceros</a> (Firefox implementa este comportamiento a partir de la <a href="/en-US/docs/Mozilla/Firefox/Releases/43">versión 43</a>).</p>
-</div>
+> **Nota:** Acceder al Almacenamiento web desde IFrames de terceros está prohibido si el usuario tiene [deshabilitadas las cookies de terceros](https://support.mozilla.org/en-US/kb/disable-third-party-cookies) (Firefox implementa este comportamiento a partir de la [versión 43](/es/docs/Mozilla/Firefox/Releases/43)).
 
-<div class="note">
-<p><strong>Nota:</strong> El almacenamiento web no es lo mismo que <a href="/en-US/docs/Storage" title="Storage">mozStorage</a> (interfaces Mozilla's XPCOM para SQLite) o la <a href="/en-US/docs/Session_store_API" title="Session_store_API">Session store API</a> (una utilidad de almacenamiento <a href="/en-US/docs/XPCOM" title="XPCOM">XPCOM</a> usada por extensiones).</p>
-</div>
+> **Nota:** El almacenamiento web no es lo mismo que [mozStorage](/es/docs/Storage "Storage") (interfaces Mozilla's XPCOM para SQLite) o la [Session store API](/es/docs/Session_store_API "Session_store_API") (una utilidad de almacenamiento [XPCOM](/es/docs/XPCOM "XPCOM") usada por extensiones).
 
-<h2 id="Interfaces_de_almacenamiento_web">Interfaces de almacenamiento web</h2>
+## Interfaces de almacenamiento web
 
-<dl>
- <dt>{{domxref("Storage")}}</dt>
- <dd>Permite crear, recuperar y eliminar datos de un dominio y tipo de almacenamiento (sesión o local) específicos.</dd>
- <dt>{{domxref("Window")}}</dt>
- <dd>La API de almacenamiento web extiende el objeto {{domxref("Window")}} con dos nuevas propiedades — {{domxref("Window.sessionStorage")}} y {{domxref("Window.localStorage")}} — que proveen acceso a la sesión actual del dominio y a objetos {{domxref("Storage")}} locales, respectivamente. También ofrece un manejador de evento {{domxref("Window.onstorage")}} que se dispara cuando un área de la memoria cambia (por ejemplo, cuando se almacena un nuevo elemento).</dd>
- <dt>{{domxref("StorageEvent")}}</dt>
- <dd>El evento <code>storage</code> se dispara en el objeto <code>Window</code> de un documento cuando un área de la memoria cambia.</dd>
-</dl>
+- {{domxref("Storage")}}
+  - : Permite crear, recuperar y eliminar datos de un dominio y tipo de almacenamiento (sesión o local) específicos.
+- {{domxref("Window")}}
+  - : La API de almacenamiento web extiende el objeto {{domxref("Window")}} con dos nuevas propiedades — {{domxref("Window.sessionStorage")}} y {{domxref("Window.localStorage")}} — que proveen acceso a la sesión actual del dominio y a objetos {{domxref("Storage")}} locales, respectivamente. También ofrece un manejador de evento {{domxref("Window.onstorage")}} que se dispara cuando un área de la memoria cambia (por ejemplo, cuando se almacena un nuevo elemento).
+- {{domxref("StorageEvent")}}
+  - : El evento `storage` se dispara en el objeto `Window` de un documento cuando un área de la memoria cambia.
 
-<h2 id="Ejemplos">Ejemplos</h2>
+## Ejemplos
 
-<p>Para ilustrar algunos usos típicos del almacenamiento web, hemos creado un ejemplo simple, llamado <a href="https://github.com/mdn/web-storage-demo">Demo de almacenamiento web</a>. La <a href="http://mdn.github.io/web-storage-demo/">página de inicio</a> proporciona controles que puedes utilizar para personalizar el color, la tipografía y la imagen decorativa. Cuando seleccionas una opción diferente, la página se actualiza instantáneamente; además, tus opciones se almacenan en <code>localStorage</code>, de forma que si abandonas la página y la vuelves a cargar, tus opciones son recordadas.</p>
+Para ilustrar algunos usos típicos del almacenamiento web, hemos creado un ejemplo simple, llamado [Demo de almacenamiento web](https://github.com/mdn/web-storage-demo). La [página de inicio](http://mdn.github.io/web-storage-demo/) proporciona controles que puedes utilizar para personalizar el color, la tipografía y la imagen decorativa. Cuando seleccionas una opción diferente, la página se actualiza instantáneamente; además, tus opciones se almacenan en `localStorage`, de forma que si abandonas la página y la vuelves a cargar, tus opciones son recordadas.
 
-<p>También creamos una<a href="http://mdn.github.io/web-storage-demo/event.html"> página de salida del evento</a> — si cargas esta página en otra pestaña y luego haces cambios a tus opciones en la página de inicio, verás que se muestra la información almacenada actualizada puesto que se dispara un evento {{event("StorageEvent")}}.</p>
+También creamos una[ página de salida del evento](http://mdn.github.io/web-storage-demo/event.html) — si cargas esta página en otra pestaña y luego haces cambios a tus opciones en la página de inicio, verás que se muestra la información almacenada actualizada puesto que se dispara un evento {{event("StorageEvent")}}.
 
-<h2 id="Especificaciones">Especificaciones</h2>
+## Especificaciones
 
-<table class="standard-table">
- <tbody>
-  <tr>
-   <th scope="col">Especificación</th>
-   <th scope="col">Estado</th>
-   <th scope="col">Comentario</th>
-  </tr>
-  <tr>
-   <td>{{SpecName('Web Storage')}}</td>
-   <td>{{Spec2('Web Storage')}}</td>
-   <td> </td>
-  </tr>
- </tbody>
-</table>
+| Especificación                       | Estado                           | Comentario |
+| ------------------------------------ | -------------------------------- | ---------- |
+| {{SpecName('Web Storage')}} | {{Spec2('Web Storage')}} |            |
 
-<h2 id="Compatibilidad_de_navegadores"><strong>Compatibilidad </strong>de navegadores</h2>
+## **Compatibilidad** de navegadores
 
-<h3><code>Window.localStorage</code></h3>
+### `Window.localStorage`
 
 {{Compat("api.Window.localStorage")}}
 
-<h3><code>Window.sessionStorage</code></h3>
+### `Window.sessionStorage`
 
 {{Compat("api.Window.sessionStorage")}}
 
-<p>Todos los navegadores tienen distintos niveles de capacidad tanto para localStorage como para sessionStorage. Aquí está una <a class="external external-icon" href="http://dev-test.nemikor.com/web-storage/support-test/" rel="noopener">análisis detallado de todas las capacidades de almacenamiento de diferentes navegadores</a>.</p>
+Todos los navegadores tienen distintos niveles de capacidad tanto para localStorage como para sessionStorage. Aquí está una [análisis detallado de todas las capacidades de almacenamiento de diferentes navegadores](http://dev-test.nemikor.com/web-storage/support-test/).
 
-<div class="note">
-<p><strong>Nota: </strong>Desde iOS 5.1, Safari Mobile almacena los datos de localStorage en la carpeta de caché, la cual está sujeta a limpiezas ocasionales, a petición del sistema operativo, típicamente cuando el espacio es reducido.</p>
-</div>
+> **Nota:**Desde iOS 5.1, Safari Mobile almacena los datos de localStorage en la carpeta de caché, la cual está sujeta a limpiezas ocasionales, a petición del sistema operativo, típicamente cuando el espacio es reducido.
 
-<h2 id="Navegación_privada_Modo_incógnito">Navegación privada / Modo incógnito</h2>
+## Navegación privada / Modo incógnito
 
-<p>La mayoría de los navegadores de hoy en día soportan una opción de privacidad llamada  'Modo incógnito', 'Navegación privada', o algo similar, que básicamente se asegura de que la sesión de navegación no deje rastros después de que el navegador se cierra. Esto es fundamentalmente incompatible con el almacenamiento web por obvias razones. Por ello, muchos navegadores están experimentando con diferentes escenarios para lidiar con esta incompatibilidad.</p>
+La mayoría de los navegadores de hoy en día soportan una opción de privacidad llamada 'Modo incógnito', 'Navegación privada', o algo similar, que básicamente se asegura de que la sesión de navegación no deje rastros después de que el navegador se cierra. Esto es fundamentalmente incompatible con el almacenamiento web por obvias razones. Por ello, muchos navegadores están experimentando con diferentes escenarios para lidiar con esta incompatibilidad.
 
-<p>La mayoría de los navegadores han optado por una estrategia donde las API de almacenamiento siguen disponibles y aparentemente completamente funcionales, con la única gran diferencia de que todos los datos almacenados son eliminados después de cerrar el navegador. Para estos navegadores aún hay diferentes interpretaciones sobre qué debería hacerse con los datos almacenados existentes (de una sesión de navegación normal). ¿Deberían de estar disponibles para lectura cuando esté en modo privado? Entonces, hay algunos navegadores, sobre todo Safari, que han optado por una solución donde el almacenamiento está disponible, pero vacío, y tiene un cupo de 0 bytes asignado, por lo que se vuelve imposible usar esta memoria para escribir datos.</p>
+La mayoría de los navegadores han optado por una estrategia donde las API de almacenamiento siguen disponibles y aparentemente completamente funcionales, con la única gran diferencia de que todos los datos almacenados son eliminados después de cerrar el navegador. Para estos navegadores aún hay diferentes interpretaciones sobre qué debería hacerse con los datos almacenados existentes (de una sesión de navegación normal). ¿Deberían de estar disponibles para lectura cuando esté en modo privado? Entonces, hay algunos navegadores, sobre todo Safari, que han optado por una solución donde el almacenamiento está disponible, pero vacío, y tiene un cupo de 0 bytes asignado, por lo que se vuelve imposible usar esta memoria para escribir datos.
 
-<p>Los desarrolladores deberían de estar conscientes de estas diferentes implementaciones y tenerlas en cuenta a la hora de desarrollar aplicaciones web que depende de la API de almacenamiento web. Para más información, échale un vistazo a<a href="https://blog.whatwg.org/tag/localstorage"> esta entrada de blog WHATWG</a> que trata específicamente con este tema.</p>
+Los desarrolladores deberían de estar conscientes de estas diferentes implementaciones y tenerlas en cuenta a la hora de desarrollar aplicaciones web que depende de la API de almacenamiento web. Para más información, échale un vistazo a[ esta entrada de blog WHATWG](https://blog.whatwg.org/tag/localstorage) que trata específicamente con este tema.
 
-<h2 id="Ver_también">Ver también</h2>
+## Ver también
 
-<ul>
- <li><a href="/en-US/docs/Web/API/Web_Storage_API/Using_the_Web_Storage_API">Usando la API de almacenamiento web</a></li>
-</ul>
+- [Usando la API de almacenamiento web](/es/docs/Web/API/Web_Storage_API/Using_the_Web_Storage_API)
diff --git a/files/es/web/api/web_storage_api/using_the_web_storage_api/index.md b/files/es/web/api/web_storage_api/using_the_web_storage_api/index.md
index 9453dbac9b4ee0..aa99cd1cae27d5 100644
--- a/files/es/web/api/web_storage_api/using_the_web_storage_api/index.md
+++ b/files/es/web/api/web_storage_api/using_the_web_storage_api/index.md
@@ -10,52 +10,47 @@ tags:
 translation_of: Web/API/Web_Storage_API/Using_the_Web_Storage_API
 original_slug: Web/API/API_de_almacenamiento_web/Usando_la_API_de_almacenamiento_web
 ---
-<div>{{DefaultAPISidebar("Web Storage API")}}</div>
+{{DefaultAPISidebar("Web Storage API")}}
 
-<div class="summary">
-<p>La API de almacenamiento web proporciona los mecanismos mediante los cuales el navegador puede almacenar información de tipo clave/valor, de una forma mucho más intuitiva que utilizando cookies.</p>
+La API de almacenamiento web proporciona los mecanismos mediante los cuales el navegador puede almacenar información de tipo clave/valor, de una forma mucho más intuitiva que utilizando cookies.
 
-<p>Este artículo proporciona una guía general de cómo usar esta tecnología.</p>
-</div>
+Este artículo proporciona una guía general de cómo usar esta tecnología.
 
-<h2 id="Conceptos_básicos">Conceptos básicos</h2>
+## Conceptos básicos
 
-<p>Los objetos de almacenamiento son simples almacenes de clave/valor, similares a objetos, pero que permanecen intactos cuando la página se recarga. Las claves y los valores siempre son cadenas de texto (fíjate que las claves con enteros se convierten automáticamente a cadenas, tal y como lo hacen los objetos). Puedes acceder a estos valores como un objeto, o con los métodos {{domxref("Storage.getItem()")}} y {{domxref("Storage.setItem()")}}. Estas tres líneas modifican el valor de colorSetting de la misma manera:</p>
+Los objetos de almacenamiento son simples almacenes de clave/valor, similares a objetos, pero que permanecen intactos cuando la página se recarga. Las claves y los valores siempre son cadenas de texto (fíjate que las claves con enteros se convierten automáticamente a cadenas, tal y como lo hacen los objetos). Puedes acceder a estos valores como un objeto, o con los métodos {{domxref("Storage.getItem()")}} y {{domxref("Storage.setItem()")}}. Estas tres líneas modifican el valor de colorSetting de la misma manera:
 
-<pre class="brush: js notranslate" style="white-space: pre;">localStorage.colorSetting = '#a4509b';
+```js
+localStorage.colorSetting = '#a4509b';
 localStorage['colorSetting'] = '#a4509b';
-localStorage.setItem('colorSetting', '#a4509b');</pre>
+localStorage.setItem('colorSetting', '#a4509b');
+```
 
-<div class="note">
-<p><strong>Nota</strong>: Se recomiendo usar la API de almacenamiento web (<code>setItem</code>, <code>getItem</code>, <code>removeItem</code>, <code>key</code>, <code>length</code>) para prevenir las dificultades asociadas al uso de simples objetos como almacenes de valores llave/valor.</p>
-</div>
+> **Nota:** Se recomiendo usar la API de almacenamiento web (`setItem`, `getItem`, `removeItem`, `key`, `length`) para prevenir las dificultades asociadas al uso de simples objetos como almacenes de valores llave/valor.
 
-<p>Los dos mecanismos en el almacenamiento web son los siguientes:</p>
+Los dos mecanismos en el almacenamiento web son los siguientes:
 
-<ul>
- <li><strong><code>sessionStorage</code> </strong>mantiene un área de almacenamiento separada para cada origen que está disponible mientras dure la sesión de la página (mientras el navegador esté abierto, incluyendo recargas de página y restablecimientos).</li>
- <li><strong><code>localStorage</code> </strong>hace lo mismo, pero persiste incluso cuando el navegador se cierre y se reabra.</li>
-</ul>
+- **`sessionStorage` **mantiene un área de almacenamiento separada para cada origen que está disponible mientras dure la sesión de la página (mientras el navegador esté abierto, incluyendo recargas de página y restablecimientos).
+- **`localStorage` **hace lo mismo, pero persiste incluso cuando el navegador se cierre y se reabra.
 
-<p>Estos mecanismos están disponibles mediante las propiedades <a href="https://developer.mozilla.org/es/docs/Web/API/Window/sessionStorage" title="La propiedad sessionStorage permite acceder a un objeto Storage asociado a la sesión actual. La propiedad sessionStorage es similar a localStorage, la única diferencia es que la información almacenada en localStorage no posee tiempo de expiración, por el contrario la información almacenada en sessionStorage es eliminada al finalizar la sesion de la página. La sesión de la página perdura mientras el navegador se encuentra abierto, y se mantiene por sobre las recargas y reaperturas de la página. Abrir una página en una nueva pestaña o ventana iniciará una nueva sesión, lo que difiere en la forma en que trabajan las cookies de sesión."><code>Window.sessionStorage</code></a> y  <a href="https://developer.mozilla.org/es/docs/Web/API/Window/localStorage" title="La propiedad localStorage te permite acceder al objeto local Storage. localStorage es similar a sessionStorage. La única diferencia es que, mientras los datos almacenados en localStorage no tienen fecha de expiración, los datos almacenados en sessionStorage son eliminados cuando finaliza la sesion de navegación - lo cual ocurre cuando se cierra el navegador."><code>Window.localStorage</code></a> (dicho con más precisión, en navegadores con soporte, el objeto <code>Window</code> implementa los objetos  <code>WindowLocalStorage</code> y <code>WindowSessionStorage</code>, en los cuales se basan las propiedades <code>localStorage</code> y <code>sessionStorage</code>). Al invocar uno de éstos, se creará una instancia del objeto <a href="https://developer.mozilla.org/es/docs/Web/API/Storage" title="La interfaz Storage de la API de almacenamiento web provee acceso al almacenamiento de la sesión o al almacenamiento local para un dominio en particular, permitiéndote por ejemplo añadir, modificar o eliminar elementos de dato almacenados."><code>Storage</code></a>, a través del cual los datos pueden ser creados, recuperados y eliminados. sessionStorage y localStorage utilizan un objeto de almacenamiento diferente según su origen — funcionan y son controlados por separado.</p>
+Estos mecanismos están disponibles mediante las propiedades [`Window.sessionStorage`](/es/docs/Web/API/Window/sessionStorage "La propiedad sessionStorage permite acceder a un objeto Storage asociado a la sesión actual. La propiedad sessionStorage es similar a localStorage, la única diferencia es que la información almacenada en localStorage no posee tiempo de expiración, por el contrario la información almacenada en sessionStorage es eliminada al finalizar la sesion de la página. La sesión de la página perdura mientras el navegador se encuentra abierto, y se mantiene por sobre las recargas y reaperturas de la página. Abrir una página en una nueva pestaña o ventana iniciará una nueva sesión, lo que difiere en la forma en que trabajan las cookies de sesión.") y [`Window.localStorage`](/es/docs/Web/API/Window/localStorage "La propiedad localStorage te permite acceder al objeto local Storage. localStorage es similar a sessionStorage. La única diferencia es que, mientras los datos almacenados en localStorage no tienen fecha de expiración, los datos almacenados en sessionStorage son eliminados cuando finaliza la sesion de navegación - lo cual ocurre cuando se cierra el navegador.") (dicho con más precisión, en navegadores con soporte, el objeto `Window` implementa los objetos `WindowLocalStorage` y `WindowSessionStorage`, en los cuales se basan las propiedades `localStorage` y `sessionStorage`). Al invocar uno de éstos, se creará una instancia del objeto [`Storage`](/es/docs/Web/API/Storage "La interfaz Storage de la API de almacenamiento web provee acceso al almacenamiento de la sesión o al almacenamiento local para un dominio en particular, permitiéndote por ejemplo añadir, modificar o eliminar elementos de dato almacenados."), a través del cual los datos pueden ser creados, recuperados y eliminados. sessionStorage y localStorage utilizan un objeto de almacenamiento diferente según su origen — funcionan y son controlados por separado.
 
-<p>Así que, por ejemplo, si en un inicio se llama a <code>localStorage</code> en un documento, esto devolverá un objeto {{domxref("Storage")}}; llamar a <code>sessionStorage</code> en un documento devolverá un objeto {{domxref("Storage")}} diferente. Ambos objetos se pueden manipular de la misma forma, pero separados.</p>
+Así que, por ejemplo, si en un inicio se llama a `localStorage` en un documento, esto devolverá un objeto {{domxref("Storage")}}; llamar a `sessionStorage` en un documento devolverá un objeto {{domxref("Storage")}} diferente. Ambos objetos se pueden manipular de la misma forma, pero separados.
 
-<h2 id="Detectar_la_característica_localStorage">Detectar la característica localStorage</h2>
+## Detectar la característica localStorage
 
-<p>Para poder usar localStorage, debemos de verificar que tiene soporte y que está disponible en la sesión del buscador actual.</p>
+Para poder usar localStorage, debemos de verificar que tiene soporte y que está disponible en la sesión del buscador actual.
 
-<h3 id="Probar_la_disponibilidad">Probar la disponibilidad</h3>
+### Probar la disponibilidad
 
-<div class="blockIndicator note">
-<p>Nota: esta API está disponible en las versiones actuales de todos los navegadores principales. La prueba de disponibilidad es necesaria sólo si debes soportar navegadores muy antiguos, como Internet Explorer 6 o 7, o en las circunstancias limitadas descritas más abajo.</p>
-</div>
+> **Nota:** Nota: esta API está disponible en las versiones actuales de todos los navegadores principales. La prueba de disponibilidad es necesaria sólo si debes soportar navegadores muy antiguos, como Internet Explorer 6 o 7, o en las circunstancias limitadas descritas más abajo.
 
-<p>Los buscadores que soportan localStorage tienen una propiedad en el objeto window que se llama localStorage. Sin embargo, por varias razones, el sólo asegurarse de que la propiedad existe puede arrojar excepciones. El que localStorage exista no es garantía suficiente de que en verdad esté disponible, puesto que varios buscadores ofrecen configuraciones que lo inhabilitan. Así que un buscador puede <em>soportar </em>localStorage, pero puede no hacerlo <em>disponible </em>para los scripts en la página. Un ejemplo de esto es Safari, que en el modo de búsqueda privada ofrece un objeto localStorage vacío con un cupo de 0, por lo que es inutilizable. Sin embargo, es posible que aún así obtengamos un QuotaExceededError legítimo, lo que significa que ya usamos todo el espacio de almacenamiento disponible, aunque el almacenamiento esté, de hecho, <em>disponible</em>. Nuestra detección de la característica debe de tomar en cuenta estos escenarios.</p>
+Los buscadores que soportan localStorage tienen una propiedad en el objeto window que se llama localStorage. Sin embargo, por varias razones, el sólo asegurarse de que la propiedad existe puede arrojar excepciones. El que localStorage exista no es garantía suficiente de que en verdad esté disponible, puesto que varios buscadores ofrecen configuraciones que lo inhabilitan. Así que un buscador puede _soportar_ localStorage, pero puede no hacerlo _disponible_ para los scripts en la página. Un ejemplo de esto es Safari, que en el modo de búsqueda privada ofrece un objeto localStorage vacío con un cupo de 0, por lo que es inutilizable. Sin embargo, es posible que aún así obtengamos un QuotaExceededError legítimo, lo que significa que ya usamos todo el espacio de almacenamiento disponible, aunque el almacenamiento esté, de hecho, _disponible_. Nuestra detección de la característica debe de tomar en cuenta estos escenarios.
 
-<p>Esta función detecta si localStorage tiene soporte y está disponible:</p>
+Esta función detecta si localStorage tiene soporte y está disponible:
 
-<pre class="brush: js notranslate">function storageAvailable(type) {
+```js
+function storageAvailable(type) {
     try {
         var storage = window[type],
             x = '__storage_test__';
@@ -64,7 +59,7 @@ localStorage.setItem('colorSetting', '#a4509b');</pre>
         return true;
     }
     catch(e) {
-        return e instanceof DOMException &amp;&amp; (
+        return e instanceof DOMException && (
             // everything except Firefox
             e.code === 22 ||
             // Firefox
@@ -73,58 +68,62 @@ localStorage.setItem('colorSetting', '#a4509b');</pre>
             // everything except Firefox
             e.name === 'QuotaExceededError' ||
             // Firefox
-            e.name === 'NS_ERROR_DOM_QUOTA_REACHED') &amp;&amp;
+            e.name === 'NS_ERROR_DOM_QUOTA_REACHED') &&
             // acknowledge QuotaExceededError only if there's something already stored
             storage.length !== 0;
     }
-}</pre>
+}
+```
 
-<p>Y aquí se muestra cómo usarla:</p>
+Y aquí se muestra cómo usarla:
 
-<pre class="brush: js notranslate">if (storageAvailable('localStorage')) {
+```js
+if (storageAvailable('localStorage')) {
   // Yippee! We can use localStorage awesomeness
 }
 else {
   // Too bad, no localStorage for us
-}</pre>
+}
+```
 
-<p>También puedes probar sessionStorage invocando <code>storageAvailable('sessionStorage')</code>.</p>
+También puedes probar sessionStorage invocando `storageAvailable('sessionStorage')`.
 
-<p>Aquí puedes ver una <a href="https://gist.github.com/paulirish/5558557">breve historia de la detección de la característica localStorage</a>.</p>
+Aquí puedes ver una [breve historia de la detección de la característica localStorage](https://gist.github.com/paulirish/5558557).
 
-<h2 id="Ejemplo">Ejemplo</h2>
+## Ejemplo
 
-<p>Para ilustrar un uso típico de almacenamiento web, creamos un ejemplo simple que llamamos <strong>Demo de almacenamiento web</strong>. La <a href="https://mdn.github.io/dom-examples/web-storage/">página de inicio</a> proporciona unos controles que se pueden usar para personalizar el color, la tipografía y la imagen decorativa:</p>
+Para ilustrar un uso típico de almacenamiento web, creamos un ejemplo simple que llamamos **Demo de almacenamiento web**. La [página de inicio](https://mdn.github.io/dom-examples/web-storage/) proporciona unos controles que se pueden usar para personalizar el color, la tipografía y la imagen decorativa:
 
-<p><img alt="" src="https://mdn.mozillademos.org/files/9685/landing.png" style="display: block; height: 482px; margin: 0px auto; width: 700px;">Cuando seleccionas una opción diferente, la página se actualiza instantáneamente; además, tus opciones se almacenan en <code>localStorage</code>, de forma que si abandonas la página y la vuelves a cargar, tus opciones son recordadas.</p>
+![](https://mdn.mozillademos.org/files/9685/landing.png)Cuando seleccionas una opción diferente, la página se actualiza instantáneamente; además, tus opciones se almacenan en `localStorage`, de forma que si abandonas la página y la vuelves a cargar, tus opciones son recordadas.
 
-<p>También creamos una <a href="https://mdn.github.io/dom-examples/web-storage/event.html">página de salida del evento</a> — si cargas esta página en otra pestaña y luego haces cambios a tus opciones en la página de inicio, verás que se muestra la información almacenada actualizada puesto que se dispara un {{domxref("StorageEvent")}}.</p>
+También creamos una [página de salida del evento](https://mdn.github.io/dom-examples/web-storage/event.html) — si cargas esta página en otra pestaña y luego haces cambios a tus opciones en la página de inicio, verás que se muestra la información almacenada actualizada puesto que se dispara un {{domxref("StorageEvent")}}.
 
-<p><img alt="" src="https://mdn.mozillademos.org/files/9687/event-output.png" style="display: block; height: 482px; margin: 0px auto; width: 700px;"></p>
+![](https://mdn.mozillademos.org/files/9687/event-output.png)
 
-<div class="note">
-<p><strong>Nota</strong>: Puedes ver las páginas de ejemplo usando los links de arriba y también puedes <a href="https://github.com/mdn/dom-examples/tree/master/web-storage">ver el código fuente.</a></p>
-</div>
+> **Nota:** Puedes ver las páginas de ejemplo usando los links de arriba y también puedes [ver el código fuente.](https://github.com/mdn/dom-examples/tree/master/web-storage)
 
-<h3 id="Probar_si_la_memoria_tiene_valores">Probar si la memoria tiene valores</h3>
+### Probar si la memoria tiene valores
 
-<p>En el inicio de <a href="https://github.com/mdn/dom-examples/blob/master/web-storage/main.js">main.js</a>, probamos si el objeto ya tiene valores (es decir, si la página ya fue visitada):</p>
+En el inicio de [main.js](https://github.com/mdn/dom-examples/blob/master/web-storage/main.js), probamos si el objeto ya tiene valores (es decir, si la página ya fue visitada):
 
-<pre class="brush: js notranslate">if(!localStorage.getItem('bgcolor')) {
+```js
+if(!localStorage.getItem('bgcolor')) {
   populateStorage();
 } else {
   setStyles();
-}</pre>
+}
+```
 
-<p>El método {{domxref("Storage.getItem()")}} se usa para obtener un dato de la memoria; en este caso, estamos probando si el dato <code>bgcolor</code> existe; si no, corremos <code>populateStorage()</code> para añadir los valores personalizados actuales a la memoria. Si ya hay valores guardados, corremos <code>setStyles()</code> para actualizar el estilo de la página con los valores almacenados.</p>
+El método {{domxref("Storage.getItem()")}} se usa para obtener un dato de la memoria; en este caso, estamos probando si el dato `bgcolor` existe; si no, corremos `populateStorage()` para añadir los valores personalizados actuales a la memoria. Si ya hay valores guardados, corremos `setStyles()` para actualizar el estilo de la página con los valores almacenados.
 
-<p><strong>Nota</strong>: También puedes usar {{domxref("Storage.length")}} para probar si el objeto de almacenamiento está vació o no.</p>
+**Nota**: También puedes usar {{domxref("Storage.length")}} para probar si el objeto de almacenamiento está vació o no.
 
-<h3 id="Obtener_valores_de_la_memoria">Obtener valores de la memoria</h3>
+### Obtener valores de la memoria
 
-<p>Como dijimos arriba, los valores se pueden recuperar de la memoria usando {{domxref("Storage.getItem()")}}. Este método usa la llave del dato como argumento y devuelve el valor. Por ejemplo:</p>
+Como dijimos arriba, los valores se pueden recuperar de la memoria usando {{domxref("Storage.getItem()")}}. Este método usa la llave del dato como argumento y devuelve el valor. Por ejemplo:
 
-<pre class="brush: js notranslate">function setStyles() {
+```js
+function setStyles() {
   var currentColor = localStorage.getItem('bgcolor');
   var currentFont = localStorage.getItem('font');
   var currentImage = localStorage.getItem('image');
@@ -136,90 +135,80 @@ else {
   htmlElem.style.backgroundColor = '#' + currentColor;
   pElem.style.fontFamily = currentFont;
   imgElem.setAttribute('src', currentImage);
-}</pre>
+}
+```
 
-<p>Aquí, en las primeras tres líneas tomamos los valores del almacenamiento local. Después, fijamos los valores mostrados en los elementos del formulario a esos valores, de forma que se mantengan sincronizados cuando recargues la página. Finalmente, actualizamos los estilos y la imagen decorativa en la página para que tus opciones personalizadas vuelvan a aparecer al recargar.</p>
+Aquí, en las primeras tres líneas tomamos los valores del almacenamiento local. Después, fijamos los valores mostrados en los elementos del formulario a esos valores, de forma que se mantengan sincronizados cuando recargues la página. Finalmente, actualizamos los estilos y la imagen decorativa en la página para que tus opciones personalizadas vuelvan a aparecer al recargar.
 
-<h3 id="Guardar_valores_en_la_memoria">Guardar valores en la memoria</h3>
+### Guardar valores en la memoria
 
-<p>{{domxref("Storage.setItem()")}} se usa tanto para crear nuevos datos como para actualizar valores existentes (si el dato ya existía). Este método recibe dos argumentos: la llave del dato que se va a crear/modificar y el valor que se va a guardar.</p>
+{{domxref("Storage.setItem()")}} se usa tanto para crear nuevos datos como para actualizar valores existentes (si el dato ya existía). Este método recibe dos argumentos: la llave del dato que se va a crear/modificar y el valor que se va a guardar.
 
-<pre class="brush: js notranslate">function populateStorage() {
+```js
+function populateStorage() {
   localStorage.setItem('bgcolor', document.getElementById('bgcolor').value);
   localStorage.setItem('font', document.getElementById('font').value);
   localStorage.setItem('image', document.getElementById('image').value);
 
   setStyles();
-}</pre>
+}
+```
 
-<p>La función <code>populateStorage()</code> define tres elementos en el almacenamiento local — el color de fondo, la tipografía y la ruta de almacenamiento de la imagen. Luego corre la función <code>setStyles()</code> para actualizar el estilo de la página, etc.</p>
+La función `populateStorage()` define tres elementos en el almacenamiento local — el color de fondo, la tipografía y la ruta de almacenamiento de la imagen. Luego corre la función `setStyles()` para actualizar el estilo de la página, etc.
 
-<p>También incluimos un manejador <code>onchange</code> para cada elemento del formulario, de manera que los datos y los estilos son actualizados cada vez que un valor del formulario cambia:</p>
+También incluimos un manejador `onchange` para cada elemento del formulario, de manera que los datos y los estilos son actualizados cada vez que un valor del formulario cambia:
 
-<pre class="brush: js notranslate">bgcolorForm.onchange = populateStorage;
+```js
+bgcolorForm.onchange = populateStorage;
 fontForm.onchange = populateStorage;
-imageForm.onchange = populateStorage;</pre>
+imageForm.onchange = populateStorage;
+```
 
-<h3 id="Responder_a_cambios_en_la_memoria_con_el_evento_StorageEvent">Responder a cambios en la memoria con el evento StorageEvent</h3>
+### Responder a cambios en la memoria con el evento StorageEvent
 
-<p>El evento {{domxref("StorageEvent")}} se dispara siempre que se hace un cambio al objeto {{domxref("Storage")}} (nota que este evento no se dispara para cambios en sessionStorage). Este evento no va a trabajar en la misma página en la que se están haciendo los cambios, sino que es una manera para que las otras páginas del dominio que usan la memoria sincronicen los cambios que se están haciendo. Las páginas en otros dominios no pueden acceder a los mismos objetos de almacenamiento.</p>
+El evento {{domxref("StorageEvent")}} se dispara siempre que se hace un cambio al objeto {{domxref("Storage")}} (nota que este evento no se dispara para cambios en sessionStorage). Este evento no va a trabajar en la misma página en la que se están haciendo los cambios, sino que es una manera para que las otras páginas del dominio que usan la memoria sincronicen los cambios que se están haciendo. Las páginas en otros dominios no pueden acceder a los mismos objetos de almacenamiento.
 
-<p>En la página de eventos (ver <a href="https://github.com/mdn/dom-examples/blob/master/web-storage/event.js">events.js</a>) el único JavaScript es el siguiente:</p>
+En la página de eventos (ver [events.js](https://github.com/mdn/dom-examples/blob/master/web-storage/event.js)) el único JavaScript es el siguiente:
 
-<pre class="brush: js notranslate">window.addEventListener('storage', function(e) {
+```js
+window.addEventListener('storage', function(e) {
   document.querySelector('.my-key').textContent = e.key;
   document.querySelector('.my-old').textContent = e.oldValue;
   document.querySelector('.my-new').textContent = e.newValue;
   document.querySelector('.my-url').textContent = e.url;
   document.querySelector('.my-storage').textContent = JSON.stringify(e.storageArea);
-});</pre>
+});
+```
 
-<p>Aquí añadimos un detector de evento al objeto <code>window</code> que se dispara cuando el objeto {{domxref("Storage")}} asociado con el origen actual cambia. Como puedes ver arriba, el objeto asociado a este evento tiene varias propiedades que contienen información útil — la llave del dato que cambió, el valor anterior al cambio, el nuevo valor tras el cambio, la URL del documento que cambió la memoria y el objeto de almacenamiento mismo (que volvimos una cadena para que pudieras ver su contenido).</p>
+Aquí añadimos un detector de evento al objeto `window` que se dispara cuando el objeto {{domxref("Storage")}} asociado con el origen actual cambia. Como puedes ver arriba, el objeto asociado a este evento tiene varias propiedades que contienen información útil — la llave del dato que cambió, el valor anterior al cambio, el nuevo valor tras el cambio, la URL del documento que cambió la memoria y el objeto de almacenamiento mismo (que volvimos una cadena para que pudieras ver su contenido).
 
-<h3 id="Borrar_registros">Borrar registros</h3>
+### Borrar registros
 
-<p>El almacenamiento web también provee un par de métodos simples para remover datos. No los usamos en nuestro demo, pero se pueden añadir de manera muy simple a tu proyecto:</p>
+El almacenamiento web también provee un par de métodos simples para remover datos. No los usamos en nuestro demo, pero se pueden añadir de manera muy simple a tu proyecto:
 
-<ul>
- <li>{{domxref("Storage.removeItem()")}} recibe un solo argumento — la llave del dato que quieres eliminar — y lo remueve del objeto de almacenamiento de ese dominio.</li>
- <li>{{domxref("Storage.clear()")}} no recibe argumentos; vacía todo el objeto de almacenamiento de ese dominio.</li>
-</ul>
+- {{domxref("Storage.removeItem()")}} recibe un solo argumento — la llave del dato que quieres eliminar — y lo remueve del objeto de almacenamiento de ese dominio.
+- {{domxref("Storage.clear()")}} no recibe argumentos; vacía todo el objeto de almacenamiento de ese dominio.
 
-<h2 id="Especificaciones">Especificaciones</h2>
+## Especificaciones
 
-<table class="standard-table">
- <tbody>
-  <tr>
-   <th scope="col">Especificación</th>
-   <th scope="col">Estado</th>
-   <th scope="col">Comentario</th>
-  </tr>
-  <tr>
-   <td>{{SpecName('HTML WHATWG', 'webstorage.html#webstorage')}}</td>
-   <td>{{Spec2('HTML WHATWG')}}</td>
-   <td></td>
-  </tr>
- </tbody>
-</table>
+| Especificación                                                               | Estado                           | Comentario |
+| ---------------------------------------------------------------------------- | -------------------------------- | ---------- |
+| {{SpecName('HTML WHATWG', 'webstorage.html#webstorage')}} | {{Spec2('HTML WHATWG')}} |            |
 
-<h2 id="Compatibilidad_de_navegadores">Compatibilidad de navegadores</h2>
+## Compatibilidad de navegadores
 
-<h3><code>Window.localStorage</code></h3>
+### `Window.localStorage`
 
 {{Compat("api.Window.localStorage")}}
 
-<h3><code>Window.sessionStorage</code></h3>
+### `Window.sessionStorage`
 
 {{Compat("api.Window.sessionStorage")}}
 
-<p>Todos los navegadores tienen distintos niveles de capacidad tanto para localStorage como para sessionStorage. Aquí está una <a class="external external-icon" href="http://dev-test.nemikor.com/web-storage/support-test/" rel="noopener">análisis detallado de todas las capacidades de almacenamiento de diferentes navegadores</a>.</p>
+Todos los navegadores tienen distintos niveles de capacidad tanto para localStorage como para sessionStorage. Aquí está una [análisis detallado de todas las capacidades de almacenamiento de diferentes navegadores](http://dev-test.nemikor.com/web-storage/support-test/).
 
-<div class="note">
-<p><strong>Nota: </strong>Desde iOS 5.1, Safari Mobile almacena los datos de localStorage en la carpeta de caché, la cual está sujeta a limpiezas ocasionales, a petición del sistema operativo, típicamente cuando el espacio es reducido.</p>
-</div>
+> **Nota:**Desde iOS 5.1, Safari Mobile almacena los datos de localStorage en la carpeta de caché, la cual está sujeta a limpiezas ocasionales, a petición del sistema operativo, típicamente cuando el espacio es reducido.
 
-<h2 id="Ver_también">Ver también</h2>
+## Ver también
 
-<ul>
- <li><a href="/en-US/docs/Web/API/Web_Storage_API">Página de inicio de la API de almacenamiento web</a></li>
-</ul>
+- [Página de inicio de la API de almacenamiento web](/es/docs/Web/API/Web_Storage_API)
diff --git a/files/es/web/api/web_workers_api/index.md b/files/es/web/api/web_workers_api/index.md
index 27246eacc1ead5..e3152ebcc5ef61 100644
--- a/files/es/web/api/web_workers_api/index.md
+++ b/files/es/web/api/web_workers_api/index.md
@@ -3,95 +3,72 @@ title: Web Workers API
 slug: Web/API/Web_Workers_API
 translation_of: Web/API/Web_Workers_API
 ---
-<p>{{DefaultAPISidebar("Web Workers API")}}</p>
-
-<p class="summary"><strong>Los Web Workers</strong> hacen posible ejecutar la operación de un script en un hilo en segundo plano separado de la ejecución el hilo principal de la aplicación web. La ventaja de esto es que un proceso laborioso puede actuar en un hilo separado, permitiendo al hilo principal (normlamente la UI) ejecutarse sin ser bloqueado o ralentizado.</p>
-
-<h2 id="Web_Workers_conceptos_y_uso">Web Workers conceptos y uso</h2>
-
-<p>Un worker es un objeto que se crea a través del constructor ( {{domxref("Worker.Worker", "Worker()")}}) este ejecuta un archivo javascript — este fichero contiene los scripts que se van a ejecutan en el hilo del worker; los workers se ejecutan en un contexto global diferente al actual del navegador {{domxref("window")}}. Este contexto está representado por el objeto {{domxref("DedicatedWorkerGlobalScope")}} en el caso de los workers dedicados (los workers standard utilizan un solo script; y los shared workers usan {{domxref("SharedWorkerGlobalScope")}}).</p>
-
-<p>Podemos ejecutar los script que necesitemos dentro del hilo del worker, pero con algunas excepciones. Por ejemplo no se puede manipular directamente el DOM, ni usar algunos métodos y propiedades por defecto del objeto {{domxref("window")}}. Pero puede usar un gran número de elementos que están dentro de <code>window</code>, incluyendo <a href="/en-US/docs/WebSockets">WebSockets</a>, y data storage formas de almacenamiento como <a href="/en-US/docs/Web/API/IndexedDB_API">IndexedDB</a> y solo en Firefox OS <a href="/en-US/docs/Web/API/Data_Store_API">Data Store API</a>.  Mira <a href="/en-US/docs/Web/API/Worker/Functions_and_classes_available_to_workers">Funciones y clases disponibles para workers</a> para saber más.</p>
-
-<p>Los datos se comunican entre los workers y el hilo principal a través de un sistema de mensajes — tanto del hilo principal como del worker para enviar un mensaje se invoca al método <code>postMessage()</code> , y a través del listener del evento <code>onmessage</code> se pueden escuchar los mensajes (El mensaje está dentro de la propiedad <code>data</code> del evento) . Los datos se copian en lugar de compartirse.</p>
-
-<p>Los workers también pueden generar nuevos workers, siempre que los workers estén en la misma página que el principal.  Además, los workers pueden usar <a class="internal" href="/en-US/docs/Web/API/XMLHttpRequest"><code>XMLHttpRequest</code></a> para la network I/O, con la excepción de que los atributos <code>responseXML</code> y <code>channel</code> de <code>XMLHttpRequest</code> siempre retornan valor <code>null</code>.</p>
-
-<p>Ademas de los workers dedicados, hay otro tipo de workers:</p>
-
-<ul>
- <li>Los Shared workers son workers que pueden ser utilizados por multiples scripts corriendo en diferenes ventanas, IFrames, etc., esto siempre que estén en el mismo dominio que el worker. Son un poco más complejos que los workers dedicados— los scripts deben comunicarse a través de un puerto activo. Mira {{domxref("SharedWorker")}} para mas detalles.</li>
- <li><a href="/en-US/docs/Web/API/ServiceWorker_API">ServiceWorkers</a> esencialmente actuan como servidores proxy que se ubican entre las aplicaciones web, el navegador y la red (cuando están disponibles). Están destinados (entre otras cosas) para poder manejar experiencias y comportamientos offline, interceptando peticiones de red y tomando la acción apropiada tomando en cuenta si la conexión está disponible y actualizando los assets desde el servidor. También notificaciones push y sincronización desde la API en segundo plano.</li>
- <li>Chrome Workers es un worker solo de Firefox puedes utilizar si estás desarrollando complementos se puede tener acceso a <a href="https://developer.mozilla.org/en/js-ctypes">js-ctypes</a> en el worker. Mira {{domxref("ChromeWorker")}} para mas detalles. </li>
- <li><a href="/en-US/docs/Web/API/Web_Audio_API#Audio_Workers">Audio Workers</a> nos dan la capacidad de procesar audio directamente dentro del contexto del worker.</li>
-</ul>
-
-<div class="note">
-<p><strong>Note</strong>: Según el <a href="https://html.spec.whatwg.org/multipage/workers.html#runtime-script-errors-2">Web workers Spec</a>, los errores del worker no deberían bubujear (mira {{bug(1188141)}}. Esto está implementado en Firefox 42.</p>
-</div>
-
-<h2 id="Web_Worker_interfaces">Web Worker interfaces</h2>
-
-<dl>
- <dt>{{domxref("AbstractWorker")}}</dt>
- <dd>Abstrae todas las propiedades y métodos comunes a toda clase de workers (i.e. {{domxref("Worker")}} or {{domxref("SharedWorker")}}).</dd>
- <dt>{{domxref("Worker")}}</dt>
- <dd>Representa el hilo del worker en ejecución, pudiendo pasar mensajes a este.</dd>
- <dt>{{domxref("WorkerLocation")}}</dt>
- <dd>Define la ruta absoluta del script que ejecuta el <a href="https://developer.mozilla.org/en-US/docs/Web/API/Worker" title="The Worker interface of the Web Workers API represents a background task that can be easily created and can send messages back to its creator. Creating a worker is as simple as calling the Worker() constructor and specifying a script to be run in the worker thread."><code>Worker</code></a>.</dd>
-</dl>
-
-<dl>
- <dt>{{domxref("SharedWorker")}}</dt>
- <dd>Representa un tipo de worker al que se puede acceder desde distintos contextos de navegación, tanto de varias ventanas, iframes, y otros workers.</dd>
- <dt>{{domxref("WorkerGlobalScope")}}</dt>
- <dd>Representa el ámbito genérico de cualquier worker (similar a  {{domxref("Window")}} en un contenido web normal). Los diferentes tipos de workers tienen objetos de ámbito que heredan de esta interfaz y añade características más específicas.</dd>
- <dt>{{domxref("DedicatedWorkerGlobalScope")}}</dt>
- <dd>Representa el ámbito de un worker dedicado, hereda de {{domxref("WorkerGlobalScope")}} y añade algunas características.</dd>
- <dt>{{domxref("SharedWorkerGlobalScope")}}</dt>
- <dd>Representa el ámbito de un shared worke, hereda de {{domxref("WorkerGlobalScope")}} y añade algunas características.</dd>
- <dt>{{domxref("WorkerNavigator")}}</dt>
- <dd>Representa la identidad y estado del user agent (El cliente):</dd>
-</dl>
-
-<h2 id="Examples">Examples</h2>
-
-<p>Hemos creado un par de demostraciones para ver su uso básico:</p>
-
-<ul>
- <li><a href="https://github.com/mdn/simple-web-worker">Basic dedicated worker example</a> (<a href="http://mdn.github.io/simple-web-worker/">run dedicated worker</a>).</li>
- <li><a href="https://github.com/mdn/simple-shared-worker">Basic shared worker example</a> (<a href="http://mdn.github.io/simple-shared-worker/">run shared worker</a>).</li>
-</ul>
-
-<p>You can find out more information on how these demos work in <a href="/en-US/docs/Web/API/Web_Workers_API/Using_web_workers">Using web workers</a>.</p>
-
-<h2 id="Especificaciones">Especificaciones</h2>
-
-<table class="standard-table">
- <tbody>
-  <tr>
-   <th scope="col">Specification</th>
-   <th scope="col">Status</th>
-   <th scope="col">Comment</th>
-  </tr>
-  <tr>
-   <td>{{SpecName('HTML WHATWG', '#workers')}}</td>
-   <td>{{Spec2('HTML WHATWG')}}</td>
-   <td></td>
-  </tr>
- </tbody>
-</table>
-
-
-
-<h2 id="See_also">See also</h2>
-
-<ul>
- <li><a href="/en-US/docs/Web/API/Web_Workers_API/basic_usage">Using Web Workers</a></li>
- <li><a href="https://developer.mozilla.org/en-US/docs/Web/API/Worker">Worker Interface</a></li>
- <li><a href="https://developer.mozilla.org/en-US/docs/Web/API/SharedWorker">SharedWorker interface</a></li>
- <li><a href="https://developer.mozilla.org/en-US/docs/Web/API/ServiceWorker_API">ServiceWorker API</a></li>
- <li><a href="/en-US/docs/Web/API/Worker/Functions_and_classes_available_to_workers">Functions and classes available to workers</a></li>
- <li><a href="/en-US/docs/Web/API/Web_Workers_API/Advanced_concepts_and_examples">Advanced concepts and examples</a></li>
- <li><a href="/en-US/docs/Web/API/ChromeWorker">ChromeWorker</a>: for using workers in privileged/chrome code</li>
-</ul>
+{{DefaultAPISidebar("Web Workers API")}}
+
+**Los Web Workers** hacen posible ejecutar la operación de un script en un hilo en segundo plano separado de la ejecución el hilo principal de la aplicación web. La ventaja de esto es que un proceso laborioso puede actuar en un hilo separado, permitiendo al hilo principal (normlamente la UI) ejecutarse sin ser bloqueado o ralentizado.
+
+## Web Workers conceptos y uso
+
+Un worker es un objeto que se crea a través del constructor ( {{domxref("Worker.Worker", "Worker()")}}) este ejecuta un archivo javascript — este fichero contiene los scripts que se van a ejecutan en el hilo del worker; los workers se ejecutan en un contexto global diferente al actual del navegador {{domxref("window")}}. Este contexto está representado por el objeto {{domxref("DedicatedWorkerGlobalScope")}} en el caso de los workers dedicados (los workers standard utilizan un solo script; y los shared workers usan {{domxref("SharedWorkerGlobalScope")}}).
+
+Podemos ejecutar los script que necesitemos dentro del hilo del worker, pero con algunas excepciones. Por ejemplo no se puede manipular directamente el DOM, ni usar algunos métodos y propiedades por defecto del objeto {{domxref("window")}}. Pero puede usar un gran número de elementos que están dentro de `window`, incluyendo [WebSockets](/es/docs/WebSockets), y data storage formas de almacenamiento como [IndexedDB](/es/docs/Web/API/IndexedDB_API) y solo en Firefox OS [Data Store API](/es/docs/Web/API/Data_Store_API). Mira [Funciones y clases disponibles para workers](/es/docs/Web/API/Worker/Functions_and_classes_available_to_workers) para saber más.
+
+Los datos se comunican entre los workers y el hilo principal a través de un sistema de mensajes — tanto del hilo principal como del worker para enviar un mensaje se invoca al método `postMessage()` , y a través del listener del evento `onmessage` se pueden escuchar los mensajes (El mensaje está dentro de la propiedad `data` del evento) . Los datos se copian en lugar de compartirse.
+
+Los workers también pueden generar nuevos workers, siempre que los workers estén en la misma página que el principal. Además, los workers pueden usar [`XMLHttpRequest`](/es/docs/Web/API/XMLHttpRequest) para la network I/O, con la excepción de que los atributos `responseXML` y `channel` de `XMLHttpRequest` siempre retornan valor `null`.
+
+Ademas de los workers dedicados, hay otro tipo de workers:
+
+- Los Shared workers son workers que pueden ser utilizados por multiples scripts corriendo en diferenes ventanas, IFrames, etc., esto siempre que estén en el mismo dominio que el worker. Son un poco más complejos que los workers dedicados— los scripts deben comunicarse a través de un puerto activo. Mira {{domxref("SharedWorker")}} para mas detalles.
+- [ServiceWorkers](/es/docs/Web/API/ServiceWorker_API) esencialmente actuan como servidores proxy que se ubican entre las aplicaciones web, el navegador y la red (cuando están disponibles). Están destinados (entre otras cosas) para poder manejar experiencias y comportamientos offline, interceptando peticiones de red y tomando la acción apropiada tomando en cuenta si la conexión está disponible y actualizando los assets desde el servidor. También notificaciones push y sincronización desde la API en segundo plano.
+- Chrome Workers es un worker solo de Firefox puedes utilizar si estás desarrollando complementos se puede tener acceso a [js-ctypes](https://developer.mozilla.org/en/js-ctypes) en el worker. Mira {{domxref("ChromeWorker")}} para mas detalles.
+- [Audio Workers](/es/docs/Web/API/Web_Audio_API#Audio_Workers) nos dan la capacidad de procesar audio directamente dentro del contexto del worker.
+
+> **Nota:** Según el [Web workers Spec](https://html.spec.whatwg.org/multipage/workers.html#runtime-script-errors-2), los errores del worker no deberían bubujear (mira {{bug(1188141)}}. Esto está implementado en Firefox 42.
+
+## Web Worker interfaces
+
+- {{domxref("AbstractWorker")}}
+  - : Abstrae todas las propiedades y métodos comunes a toda clase de workers (i.e. {{domxref("Worker")}} or {{domxref("SharedWorker")}}).
+- {{domxref("Worker")}}
+  - : Representa el hilo del worker en ejecución, pudiendo pasar mensajes a este.
+- {{domxref("WorkerLocation")}}
+  - : Define la ruta absoluta del script que ejecuta el [`Worker`](/es/docs/Web/API/Worker "The Worker interface of the Web Workers API represents a background task that can be easily created and can send messages back to its creator. Creating a worker is as simple as calling the Worker() constructor and specifying a script to be run in the worker thread.").
+
+<!---->
+
+- {{domxref("SharedWorker")}}
+  - : Representa un tipo de worker al que se puede acceder desde distintos contextos de navegación, tanto de varias ventanas, iframes, y otros workers.
+- {{domxref("WorkerGlobalScope")}}
+  - : Representa el ámbito genérico de cualquier worker (similar a {{domxref("Window")}} en un contenido web normal). Los diferentes tipos de workers tienen objetos de ámbito que heredan de esta interfaz y añade características más específicas.
+- {{domxref("DedicatedWorkerGlobalScope")}}
+  - : Representa el ámbito de un worker dedicado, hereda de {{domxref("WorkerGlobalScope")}} y añade algunas características.
+- {{domxref("SharedWorkerGlobalScope")}}
+  - : Representa el ámbito de un shared worke, hereda de {{domxref("WorkerGlobalScope")}} y añade algunas características.
+- {{domxref("WorkerNavigator")}}
+  - : Representa la identidad y estado del user agent (El cliente):
+
+## Examples
+
+Hemos creado un par de demostraciones para ver su uso básico:
+
+- [Basic dedicated worker example](https://github.com/mdn/simple-web-worker) ([run dedicated worker](http://mdn.github.io/simple-web-worker/)).
+- [Basic shared worker example](https://github.com/mdn/simple-shared-worker) ([run shared worker](http://mdn.github.io/simple-shared-worker/)).
+
+You can find out more information on how these demos work in [Using web workers](/es/docs/Web/API/Web_Workers_API/Using_web_workers).
+
+## Especificaciones
+
+| Specification                                        | Status                           | Comment |
+| ---------------------------------------------------- | -------------------------------- | ------- |
+| {{SpecName('HTML WHATWG', '#workers')}} | {{Spec2('HTML WHATWG')}} |         |
+
+## See also
+
+- [Using Web Workers](/es/docs/Web/API/Web_Workers_API/basic_usage)
+- [Worker Interface](/es/docs/Web/API/Worker)
+- [SharedWorker interface](/es/docs/Web/API/SharedWorker)
+- [ServiceWorker API](/es/docs/Web/API/ServiceWorker_API)
+- [Functions and classes available to workers](/es/docs/Web/API/Worker/Functions_and_classes_available_to_workers)
+- [Advanced concepts and examples](/es/docs/Web/API/Web_Workers_API/Advanced_concepts_and_examples)
+- [ChromeWorker](/es/docs/Web/API/ChromeWorker): for using workers in privileged/chrome code
diff --git a/files/es/web/api/web_workers_api/using_web_workers/index.md b/files/es/web/api/web_workers_api/using_web_workers/index.md
index f66eeb78a6b882..16e2ca6a0d872a 100644
--- a/files/es/web/api/web_workers_api/using_web_workers/index.md
+++ b/files/es/web/api/web_workers_api/using_web_workers/index.md
@@ -4,51 +4,52 @@ slug: Web/API/Web_Workers_API/Using_web_workers
 translation_of: Web/API/Web_Workers_API/Using_web_workers
 original_slug: Web/Guide/Performance/Usando_web_workers
 ---
-<p><span class="seoSummary">Los Web Workers dedicados proveen un medio sencillo para que el contenido web ejecute scripts en hilos en segundo plano. Una vez creado, un worker puede enviar mensajes a la tarea creada mediante envio de mensajes al manejador de eventos especificado por el creador.</span> Sin embargo, <strong>los workers trabajan dentro de un <a href="https://developer.mozilla.org/en-US/docs/JavaScript/DedicatedWorkerGlobalScope">contexto global</a> diferente de la ventana actual</strong> (usar el atajo <span style="line-height: 1.5;"> {{ domxref("window") }} en lugar de </span><span style="line-height: 1.5;">{{ domxref("window.self","self") }} con el fin de obtener el scope actual dentro de un </span><span style="line-height: 1.5;">{{ domxref("Worker") }} retornaría, de hecho, un error).</span></p>
+Los Web Workers dedicados proveen un medio sencillo para que el contenido web ejecute scripts en hilos en segundo plano. Una vez creado, un worker puede enviar mensajes a la tarea creada mediante envio de mensajes al manejador de eventos especificado por el creador. Sin embargo, **los workers trabajan dentro de un [contexto global](/es/docs/JavaScript/DedicatedWorkerGlobalScope) diferente de la ventana actual** (usar el atajo {{ domxref("window") }} en lugar de {{ domxref("window.self","self") }} con el fin de obtener el scope actual dentro de un {{ domxref("Worker") }} retornaría, de hecho, un error).
 
-<p>El hilo worker puede realizar tareas sin interferir con la interfaz de usuario. Ademas, pueden realizar I/O usando <code style="font-size: 14px;"><a class="internal" href="/en/nsIXMLHttpRequest" title="En/XMLHttpRequest">XMLHttpRequest</a></code><span style="line-height: 1.5;"> (aunque el responseXML y los atributos channel son siempre null).</span></p>
+El hilo worker puede realizar tareas sin interferir con la interfaz de usuario. Ademas, pueden realizar I/O usando [`XMLHttpRequest`](/en/nsIXMLHttpRequest "En/XMLHttpRequest") (aunque el responseXML y los atributos channel son siempre null).
 
-<p><span style="line-height: 1.5;">Para documentacion de referencia acerca de workers busca </span><span style="line-height: 1.5;">{{ domxref("Worker") }} ; este articulo complementa ese ofreciendo ejemplos y detalles adicionales. Para una lista de las funciones disponibles sobre workers, visita </span><span style="line-height: 1.5;"> </span><a href="https://developer.mozilla.org/en-US/docs/Web/Guide/Needs_categorization/Functions_available_to_workers?redirect=no" style="line-height: 1.5;" title="En/DOM/Worker/Functions available to workers">Functions and interfaces available to workers</a><span style="line-height: 1.5;">.</span></p>
+Para documentacion de referencia acerca de workers busca {{ domxref("Worker") }} ; este articulo complementa ese ofreciendo ejemplos y detalles adicionales. Para una lista de las funciones disponibles sobre workers, visita [Functions and interfaces available to workers](/es/docs/Web/Guide/Needs_categorization/Functions_available_to_workers?redirect=no "En/DOM/Worker/Functions available to workers").
 
-<h2 id="Acerca_de_seguridad_de_hilos" style="line-height: 22.79199981689453px;">Acerca de seguridad de hilos</h2>
+## Acerca de seguridad de hilos
 
-<p>La interfaz <span style="line-height: 1.5;"> {{ domxref("Worker") }} crea hilos a nivel de SO reales, y la concurrencia puede causar effectos interesantes en tu código si no eres cuidadoso. Sin embargo, en el caso de los web workers, el control cuidadoso de los puntos de comunicacion con otros hilos indica que es realmente muy dificil causar problemas de concurrencia. No existe acceso a componentes no-hilo seguros o al DOM y debes pasar la informacion entrante o saliente del hilo a traves de objetos serializados. Así que debes poner esfuerzo para causar problemas en tu código.</span></p>
+La interfaz {{ domxref("Worker") }} crea hilos a nivel de SO reales, y la concurrencia puede causar effectos interesantes en tu código si no eres cuidadoso. Sin embargo, en el caso de los web workers, el control cuidadoso de los puntos de comunicacion con otros hilos indica que es realmente muy dificil causar problemas de concurrencia. No existe acceso a componentes no-hilo seguros o al DOM y debes pasar la informacion entrante o saliente del hilo a traves de objetos serializados. Así que debes poner esfuerzo para causar problemas en tu código.
 
-<p><strong style="">Creando un web worker</strong></p>
+**Creando un web worker**
 
-<p>Crear un nuevo worker es simple.  Sólo tienes que llamar el constructor {{ domxref("Worker.Worker", "Worker()") }}, especificando la URI de un script a ejecutar en el hilo del worker (<em>worker thread</em>), y, si deseas poder recibir notificaciones del worker, establece la propiedad  {{domxref("Worker.onmessage")}} del worker a una función de manejo de eventos apropiada.</p>
+Crear un nuevo worker es simple. Sólo tienes que llamar el constructor {{ domxref("Worker.Worker", "Worker()") }}, especificando la URI de un script a ejecutar en el hilo del worker (_worker thread_), y, si deseas poder recibir notificaciones del worker, establece la propiedad {{domxref("Worker.onmessage")}} del worker a una función de manejo de eventos apropiada.
 
-<div style="overflow: hidden;">
-<pre class="brush: js notranslate">var myWorker = new Worker("my_task.js");
+```js
+var myWorker = new Worker("my_task.js");
 
 myWorker.onmessage = function (oEvent) {
   console.log("Called back by the worker!\n");
-};</pre>
-</div>
+};
+```
 
-<p>Alternativamente, puedes usar <code>addEventListener()</code> :</p>
+Alternativamente, puedes usar `addEventListener()` :
 
-<div style="overflow: hidden;">
-<pre class="brush: js notranslate">var myWorker = new Worker("my_task.js");
+```js
+var myWorker = new Worker("my_task.js");
 
 myWorker.addEventListener("message", function (oEvent) {
   console.log("Called back by the worker!\n");
 }, false);
 
-myWorker.postMessage(""); // start the worker.</pre>
-</div>
+myWorker.postMessage(""); // start the worker.
+```
 
-<p>La Línea 1 en  este ejemplo crea un nuevo worker (<em>worker thread)</em>. La Línea 3 configura un manejador de eventos (<em>listener</em>) para encargarse de los eventos <code>message</code> del worker. Este manejador de eventos se llamará cuando el worker llame a su propia función {{domxref("Worker.postMessage()")}}. Finalmente, la Linea 7 inicia el worker <em>(worker thread)</em>.</p>
+La Línea 1 en este ejemplo crea un nuevo worker (_worker thread)_. La Línea 3 configura un manejador de eventos (_listener_) para encargarse de los eventos `message` del worker. Este manejador de eventos se llamará cuando el worker llame a su propia función {{domxref("Worker.postMessage()")}}. Finalmente, la Linea 7 inicia el worker _(worker thread)_.
 
-<div class="note"><strong>Nota</strong> : La URI pasada como parámetro del constructor de <code>Worker</code> debe obedecer la política <a href="/en/Same_origin_policy_for_JavaScript" title="Same origin policy for JavaScript">same-origin policy</a> . Actualmente hay desacuerdo entre los desarolladores de navegadores sobre qué URIs son del mismo origen; Gecko 10.0 {{ geckoRelease("10.0") }} y posteriores sí permiten data URIs e Internet Explorer 10 no permite Blob URIs como un script válido para los workers.</div>
+> **Nota:** : La URI pasada como parámetro del constructor de `Worker` debe obedecer la política [same-origin policy](/en/Same_origin_policy_for_JavaScript "Same origin policy for JavaScript") . Actualmente hay desacuerdo entre los desarolladores de navegadores sobre qué URIs son del mismo origen; Gecko 10.0 {{ geckoRelease("10.0") }} y posteriores sí permiten data URIs e Internet Explorer 10 no permite Blob URIs como un script válido para los workers.
 
-<h2 id="Pasando_datos">Pasando datos</h2>
+## Pasando datos
 
-<p>Los datos pasan entre la página principal y los workers son <strong>copiados</strong>, no compartidos. Los objetos se serializan a medida que se entregan al worker, y posteriormente, se deserializan en el otro extremo. La página y el worker <strong>no comparten la misma instancia</strong>, por lo que el resultado final es que un duplicado es creado en cada extremo. La mayoría de los navegadores implementan esta característica como <a href="/en/DOM/The_structured_clone_algorithm" title="The structured clone algorithm">structured cloning</a>.</p>
+Los datos pasan entre la página principal y los workers son **copiados**, no compartidos. Los objetos se serializan a medida que se entregan al worker, y posteriormente, se deserializan en el otro extremo. La página y el worker **no comparten la misma instancia**, por lo que el resultado final es que un duplicado es creado en cada extremo. La mayoría de los navegadores implementan esta característica como [structured cloning](/en/DOM/The_structured_clone_algorithm "The structured clone algorithm").
 
-<p>Antes de continuar, vamos a crear con fines didácticos una función llamada <code>emulateMessage()</code> que simulará el comportamiento de un valor el cual es clonado y no compartido durante el paso desde un <em>worker </em>a la página principal o viceversa:</p>
+Antes de continuar, vamos a crear con fines didácticos una función llamada `emulateMessage()` que simulará el comportamiento de un valor el cual es clonado y no compartido durante el paso desde un _worker_ a la página principal o viceversa:
 
-<pre class="brush: js notranslate">function emulateMessage (vVal) {
+```js
+function emulateMessage (vVal) {
     return eval("(" + JSON.stringify(vVal) + ")");
 }
 
@@ -84,39 +85,45 @@ function Animal (sType, nAge) {
 }
 var example5 = new Animal("Cat", 3);
 alert(example5.constructor); // Animal
-alert(emulateMessage(example5).constructor); // Object</pre>
+alert(emulateMessage(example5).constructor); // Object
+```
 
-<p>A Un valor que es clonado y no compartido se denomina <em>mensaje</em>. De vuelta con los workers, los <em>mensajes</em> pueden ser enviados hacia y desde el hilo principal empleando <code>postMessage()</code>. Los eventos de <code>mensaje</code> {{domxref("MessageEvent.data", "data")}} atributo contienen datos devueltos desde el worker.</p>
+A Un valor que es clonado y no compartido se denomina _mensaje_. De vuelta con los workers, los _mensajes_ pueden ser enviados hacia y desde el hilo principal empleando `postMessage()`. Los eventos de `mensaje` {{domxref("MessageEvent.data", "data")}} atributo contienen datos devueltos desde el worker.
 
-<p><strong>example.html</strong>: (la página principal):</p>
+**example.html**: (la página principal):
 
-<pre class="brush: js notranslate">var myWorker = new Worker("my_task.js");
+```js
+var myWorker = new Worker("my_task.js");
 
 myWorker.onmessage = function (oEvent) {
   console.log("Worker said : " + oEvent.data);
 };
 
-myWorker.postMessage("ali");</pre>
+myWorker.postMessage("ali");
+```
 
-<p><strong>my_task.js</strong> (el worker):</p>
+**my_task.js** (el worker):
 
-<pre class="brush: js notranslate">postMessage("I\'m working before postMessage(\'ali\').");
+```js
+postMessage("I\'m working before postMessage(\'ali\').");
 
 onmessage = function (oEvent) {
   postMessage("Hi " + oEvent.data);
-};</pre>
+};
+```
 
-<div class="note"><strong>Note:</strong> Como siempre, los hilos en segundo plano -incluyendo workers- <strong>no pueden manipular el DOM</strong>. Si acciones tomadas por el hilo en segundo planos resultarían en cambios en el DOM, deberian enviar mensajes a sus creadores para llevarlos a cabo.</div>
+> **Nota:** Como siempre, los hilos en segundo plano -incluyendo workers- **no pueden manipular el DOM**. Si acciones tomadas por el hilo en segundo planos resultarían en cambios en el DOM, deberian enviar mensajes a sus creadores para llevarlos a cabo.
 
-<p>The <a href="/en-US/docs/Web/Guide/DOM/The_structured_clone_algorithm" style="line-height: 1.572;" title="The structured clone algorithm">structured cloning</a> algorithm can accept JSON and a few things that JSON can't like circular references.</p>
+The [structured cloning](/es/docs/Web/Guide/DOM/The_structured_clone_algorithm "The structured clone algorithm") algorithm can accept JSON and a few things that JSON can't like circular references.
 
-<h3 id="Ejemplos_pasando_datos">Ejemplos pasando datos</h3>
+### Ejemplos pasando datos
 
-<h4 id="Example_1_Crear_un_eval_asíncrono_genérico">Example #1: Crear un "<code>eval() asíncrono</code>" genérico</h4>
+#### Example #1: Crear un "`eval() asíncrono`" genérico
 
-<p>El siguiente ejemplo muestra como usar un worker para ejecutar <strong>asíncronamente</strong> cualquier tipo de código en Javascript a traves de <a href="/en-US/docs/JavaScript/Reference/Global_Objects/eval" title="/en-US/docs/JavaScript/Reference/Global_Objects/eval"><code>eval</code></a> dentro del worker:</p>
+El siguiente ejemplo muestra como usar un worker para ejecutar **asíncronamente** cualquier tipo de código en Javascript a traves de [`eval`](/es/docs/JavaScript/Reference/Global_Objects/eval) dentro del worker:
 
-<pre class="brush: js notranslate">// Syntax: asyncEval(code[, listener])
+```js
+// Syntax: asyncEval(code[, listener])
 
 var asyncEval = (function () {
 
@@ -136,11 +143,13 @@ var asyncEval = (function () {
     });
   };
 
-})();</pre>
+})();
+```
 
-<p>Ejemplo de uso:</p>
+Ejemplo de uso:
 
-<pre class="brush: js notranslate">// asynchronous alert message...
+```js
+// asynchronous alert message...
 asyncEval("3 + 2", function (sMessage) {
     alert("3 + 2 = " + sMessage);
 });
@@ -151,20 +160,22 @@ asyncEval("\"Hello World!!!\"", function (sHTML) {
 });
 
 // asynchronous void...
-asyncEval("(function () {\n\tvar oReq = new XMLHttpRequest();\n\toReq.open(\"get\", \"http://www.mozilla.org/\", false);\n\toReq.send(null);\n\treturn oReq.responseText;\n})()");</pre>
+asyncEval("(function () {\n\tvar oReq = new XMLHttpRequest();\n\toReq.open(\"get\", \"http://www.mozilla.org/\", false);\n\toReq.send(null);\n\treturn oReq.responseText;\n})()");
+```
 
-<h4 id="Ejemplo_2_Paso_avanzado_de_JSON_Data_y_creación_de_un_sistema_de_conmutación">Ejemplo #2: Paso avanzado de JSON Data y creación de un sistema de conmutación</h4>
+#### Ejemplo #2: Paso avanzado de JSON Data y creación de un sistema de conmutación
 
-<p>Si tiene que pasar datos complejos y tienes que llamar a muchas funciones diferentes tanto en la página principal como en el Worker, puede crear un sistema como el siguiente.</p>
+Si tiene que pasar datos complejos y tienes que llamar a muchas funciones diferentes tanto en la página principal como en el Worker, puede crear un sistema como el siguiente.
 
-<p><strong>example.html</strong> (the main page):</p>
+**example.html** (the main page):
 
-<pre class="brush: html notranslate">&lt;!doctype html&gt;
-&lt;html&gt;
-&lt;head&gt;
-&lt;meta charset="UTF-8"  /&gt;
-&lt;title&gt;MDN Example - Queryable worker&lt;/title&gt;
-&lt;script type="text/javascript"&gt;
+```html
+<!doctype html>
+<html>
+<head>
+<meta charset="UTF-8"  />
+<title>MDN Example - Queryable worker</title>
+<script type="text/javascript">
   /*
     QueryableWorker instances methods:
      * sendQuery(queryable function name, argument to pass 1, argument to pass 2, etc. etc): calls a Worker's queryable function
@@ -179,7 +190,7 @@ asyncEval("(function () {\n\tvar oReq = new XMLHttpRequest();\n\toReq.open(\"get
     var oInstance = this, oWorker = new Worker(sURL), oListeners = {};
     this.defaultListener = fDefListener || function () {};
     oWorker.onmessage = function (oEvent) {
-      if (oEvent.data instanceof Object &amp;&amp; oEvent.data.hasOwnProperty("vo42t30") &amp;&amp; oEvent.data.hasOwnProperty("rnb93qh")) {
+      if (oEvent.data instanceof Object && oEvent.data.hasOwnProperty("vo42t30") && oEvent.data.hasOwnProperty("rnb93qh")) {
         oListeners[oEvent.data.vo42t30].apply(oInstance, oEvent.data.rnb93qh);
       } else {
         this.defaultListener.call(oInstance, oEvent.data);
@@ -187,7 +198,7 @@ asyncEval("(function () {\n\tvar oReq = new XMLHttpRequest();\n\toReq.open(\"get
     };
     if (fOnError) { oWorker.onerror = fOnError; }
     this.sendQuery = function (/* queryable function name, argument to pass 1, argument to pass 2, etc. etc */) {
-      if (arguments.length &lt; 1) { throw new TypeError("QueryableWorker.sendQuery - not enough arguments"); return; }
+      if (arguments.length < 1) { throw new TypeError("QueryableWorker.sendQuery - not enough arguments"); return; }
       oWorker.postMessage({ "bk4e1h0": arguments[0], "ktp3fm1": Array.prototype.slice.call(arguments, 1) });
     };
     this.postMessage = function (vMsg) {
@@ -220,20 +231,22 @@ asyncEval("(function () {\n\tvar oReq = new XMLHttpRequest();\n\toReq.open(\"get
   oMyTask.addListener("alertSomething", function (nDeltaT, sUnit) {
     alert("Worker waited for " + nDeltaT + " " + sUnit + " :-)");
   });
-&lt;/script&gt;
-&lt;/head&gt;
-&lt;body&gt;
-  &lt;ul&gt;
-    &lt;li&gt;&lt;a id="firstLink" href="javascript:oMyTask.sendQuery('getDifference', 5, 3);"&gt;What is the difference between 5 and 3?&lt;/a&gt;&lt;/li&gt;
-    &lt;li&gt;&lt;a href="javascript:oMyTask.sendQuery('waitSomething');"&gt;Wait 3 seconds&lt;/a&gt;&lt;/li&gt;
-    &lt;li&gt;&lt;a href="javascript:oMyTask.terminate();"&gt;terminate() the Worker&lt;/a&gt;&lt;/li&gt;
-  &lt;/ul&gt;
-&lt;/body&gt;
-&lt;/html&gt;</pre>
-
-<p><strong>my_task.js</strong> (el worker):</p>
-
-<pre class="brush: js notranslate">// your custom PRIVATE functions
+</script>
+</head>
+<body>
+  <ul>
+    <li><a id="firstLink" href="javascript:oMyTask.sendQuery('getDifference', 5, 3);">What is the difference between 5 and 3?</a></li>
+    <li><a href="javascript:oMyTask.sendQuery('waitSomething');">Wait 3 seconds</a></li>
+    <li><a href="javascript:oMyTask.terminate();">terminate() the Worker</a></li>
+  </ul>
+</body>
+</html>
+```
+
+**my_task.js** (el worker):
+
+```js
+// your custom PRIVATE functions
 
 function myPrivateFunc1 () {
   // do something
@@ -266,56 +279,59 @@ function defaultQuery (vMsg) {
 }
 
 function reply (/* listener name, argument to pass 1, argument to pass 2, etc. etc */) {
-  if (arguments.length &lt; 1) { throw new TypeError("reply - not enough arguments"); return; }
+  if (arguments.length < 1) { throw new TypeError("reply - not enough arguments"); return; }
   postMessage({ "vo42t30": arguments[0], "rnb93qh": Array.prototype.slice.call(arguments, 1) });
 }
 
 onmessage = function (oEvent) {
-  if (oEvent.data instanceof Object &amp;&amp; oEvent.data.hasOwnProperty("bk4e1h0") &amp;&amp; oEvent.data.hasOwnProperty("ktp3fm1")) {
+  if (oEvent.data instanceof Object && oEvent.data.hasOwnProperty("bk4e1h0") && oEvent.data.hasOwnProperty("ktp3fm1")) {
     queryableFunctions[oEvent.data.bk4e1h0].apply(self, oEvent.data.ktp3fm1);
   } else {
     defaultQuery(oEvent.data);
   }
-};</pre>
+};
+```
 
-<p>Es un método posible para conmutar el contenido de cada mensaje de cada mainpage-worker y viceversa.</p>
+Es un método posible para conmutar el contenido de cada mensaje de cada mainpage-worker y viceversa.
 
-<h3 id="Pasando_datos_mediante_transferencia_de_propiedades_objetos_transferibles">Pasando datos mediante transferencia de propiedades (objetos transferibles)</h3>
+### Pasando datos mediante transferencia de propiedades (objetos transferibles)
 
-<p>Google Chrome 17 y Firefox 18 implementan un método adicional para enviar ciertos tipos de objetos desde o hacia el worker con un mejor rendimiento. Estos objetos se denominan objetos transferibles (transferable objects), es decir, o<span class="external">bjetos que implementan la interfaz {{domxref("Transferable")}}</span>. Los objetos transferibles se transfieren de un contexto a otro con una operación "zero-copy". Esto supone una gran mejora de rendimiento al enviar grandes cantidades de datos. Piensa en ello como un paso por referencia si vienes del mundo de C/C++.  Sin embargo, a diferecia del paso por referencia, la "versión" original no queda disponible una vez transferida. Su contenido es transferido al nuevo contexto. Por ejemplo, cuando se transfiere un {{domxref("ArrayBuffer")}} de tu aplicacion al Worker, el contenido del {{domxref("ArrayBuffer")}} original se vacía y no se puede utilizar posteriormente. Su contenido es (literalmente) transferido al contexto del Worker.</p>
+Google Chrome 17 y Firefox 18 implementan un método adicional para enviar ciertos tipos de objetos desde o hacia el worker con un mejor rendimiento. Estos objetos se denominan objetos transferibles (transferable objects), es decir, objetos que implementan la interfaz {{domxref("Transferable")}}. Los objetos transferibles se transfieren de un contexto a otro con una operación "zero-copy". Esto supone una gran mejora de rendimiento al enviar grandes cantidades de datos. Piensa en ello como un paso por referencia si vienes del mundo de C/C++. Sin embargo, a diferecia del paso por referencia, la "versión" original no queda disponible una vez transferida. Su contenido es transferido al nuevo contexto. Por ejemplo, cuando se transfiere un {{domxref("ArrayBuffer")}} de tu aplicacion al Worker, el contenido del {{domxref("ArrayBuffer")}} original se vacía y no se puede utilizar posteriormente. Su contenido es (literalmente) transferido al contexto del Worker.
 
-<pre class="brush: js notranslate">// Create a 32MB "file" and fill it.
+```js
+// Create a 32MB "file" and fill it.
 var uInt8Array = new Uint8Array(1024*1024*32); // 32MB
-for (var i = 0; i &lt; uInt8Array.length; ++i) {
+for (var i = 0; i < uInt8Array.length; ++i) {
   uInt8Array[i] = i;
 }
 
 worker.postMessage(uInt8Array.buffer, [uInt8Array.buffer]);
-</pre>
+```
 
-<p>Para más información sobre los objetos transferibles, <a class="external" href="http://updates.html5rocks.com/2011/12/Transferable-Objects-Lightning-Fast">visita HTML5Rocks</a> .</p>
+Para más información sobre los objetos transferibles, [visita HTML5Rocks](http://updates.html5rocks.com/2011/12/Transferable-Objects-Lightning-Fast) .
 
-<h2 id="Spawning_subworkers">Spawning subworkers</h2>
+## Spawning subworkers
 
-<p>Workers may spawn more workers if they wish.  So-called subworkers must be hosted within the same origin as the parent page.  Also, the URIs for subworkers are resolved relative to the parent worker's location rather than that of the owning page.  This makes it easier for workers to keep track of where their dependencies are.</p>
+Workers may spawn more workers if they wish. So-called subworkers must be hosted within the same origin as the parent page. Also, the URIs for subworkers are resolved relative to the parent worker's location rather than that of the owning page. This makes it easier for workers to keep track of where their dependencies are.
 
-<p>Subworkers are currently not supported in Chrome. See <a class="external" href="http://code.google.com/p/chromium/issues/detail?id=31666">crbug.com/31666</a> .</p>
+Subworkers are currently not supported in Chrome. See [crbug.com/31666](http://code.google.com/p/chromium/issues/detail?id=31666) .
 
-<h2 id="Embedded_workers">Embedded workers</h2>
+## Embedded workers
 
-<p>There is not an "official" way to embed the code of a worker within a web page as for the {{ HTMLElement("script") }} elements. But a {{ HTMLElement("script") }} element which does not have a <code>src</code> attribute and has a <code>type</code> attribute that does not identify an executable mime-type will be considered a data block element, that JavaScript could use.  "Data blocks" is a more general feature of HTML5 that can carry almost any textual data. So, a worker could be embedded in this way:</p>
+There is not an "official" way to embed the code of a worker within a web page as for the {{ HTMLElement("script") }} elements. But a {{ HTMLElement("script") }} element which does not have a `src` attribute and has a `type` attribute that does not identify an executable mime-type will be considered a data block element, that JavaScript could use. "Data blocks" is a more general feature of HTML5 that can carry almost any textual data. So, a worker could be embedded in this way:
 
-<pre class="brush: html notranslate">&lt;!DOCTYPE html&gt;
-&lt;html&gt;
-&lt;head&gt;
-&lt;meta charset="UTF-8" /&gt;
-&lt;title&gt;MDN Example - Embedded worker&lt;/title&gt;
-&lt;script type="text/js-worker"&gt;
+```html
+<!DOCTYPE html>
+<html>
+<head>
+<meta charset="UTF-8" />
+<title>MDN Example - Embedded worker</title>
+<script type="text/js-worker">
   // This script WON'T be parsed by JS engines because its mime-type is text/js-worker.
   var myVar = "Hello World!";
   // Rest of your worker code goes here.
-&lt;/script&gt;
-&lt;script type="text/javascript"&gt;
+</script>
+<script type="text/javascript">
   // This script WILL be parsed by JS engines because its mime-type is text/javascript.
   function pageLog (sMsg) {
     // Use a fragment: browser will only render/reflow once.
@@ -324,15 +340,15 @@ worker.postMessage(uInt8Array.buffer, [uInt8Array.buffer]);
     oFragm.appendChild(document.createElement("br"));
     document.querySelector("#logDisplay").appendChild(oFragm);
   }
-&lt;/script&gt;
-&lt;script type="text/js-worker"&gt;
+</script>
+<script type="text/js-worker">
   // This script WON'T be parsed by JS engines because its mime-type is text/js-worker.
   onmessage = function (oEvent) {
     postMessage(myVar);
   };
   // Rest of your worker code goes here.
-&lt;/script&gt;
-&lt;script type="text/javascript"&gt;
+</script>
+<script type="text/javascript">
   // This script WILL be parsed by JS engines because its mime-type is text/javascript.
 
   // In the past...:
@@ -349,83 +365,86 @@ worker.postMessage(uInt8Array.buffer, [uInt8Array.buffer]);
 
   // Start the worker.
   window.onload = function() { document.worker.postMessage(""); };
-&lt;/script&gt;
-&lt;/head&gt;
-&lt;body&gt;&lt;div id="logDisplay"&gt;&lt;/div&gt;&lt;/body&gt;
-&lt;/html&gt;</pre>
+</script>
+</head>
+<body><div id="logDisplay"></div></body>
+</html>
+```
 
-<p>The embedded worker is now nested into a new custom <code>document.worker</code> property.</p>
+The embedded worker is now nested into a new custom `document.worker` property.
 
-<h2 id="Tiempos_fuera_e_intervalos">Tiempos fuera e intervalos</h2>
+## Tiempos fuera e intervalos
 
-<p>Los trabajadores pueden usar tiempos fuera e intervalos de la misma forma que el "hilo principal".  Esto puede ser útil, por ejemplo, si quieres tener a tu hilo trabajador corriendo codigo periodicamente en lugar de sin parar.</p>
+Los trabajadores pueden usar tiempos fuera e intervalos de la misma forma que el "hilo principal". Esto puede ser útil, por ejemplo, si quieres tener a tu hilo trabajador corriendo codigo periodicamente en lugar de sin parar.
 
-<p>Ver <a class="internal" href="/en/DOM/window.setTimeout" title="En/DOM/Window.setTimeout"><code>setTimeout()</code> </a> , <a class="internal" href="/en/DOM/window.clearTimeout" title="En/DOM/Window.clearTimeout"> <code>clearTimeout()</code> </a> , <a class="internal" href="/en/DOM/window.setInterval" title="En/DOM/Window.setInterval"> <code>setInterval()</code> </a> , y <a class="internal" href="/en/DOM/window.clearInterval" title="En/DOM/Window.clearInterval"><code>clearInterval()</code> </a> para más detalles. Ver también: <a href="/en-US/docs/JavaScript/Timers" title="/en-US/docs/JavaScript/Timers">JavaScript Timers</a>.</p>
+Ver [`setTimeout()` ](/en/DOM/window.setTimeout "En/DOM/Window.setTimeout"), [`clearTimeout()` ](/en/DOM/window.clearTimeout "En/DOM/Window.clearTimeout"), [`setInterval()` ](/en/DOM/window.setInterval "En/DOM/Window.setInterval"), y [`clearInterval()` ](/en/DOM/window.clearInterval "En/DOM/Window.clearInterval")para más detalles. Ver también: [JavaScript Timers](/es/docs/JavaScript/Timers).
 
-<h2 id="Terminating_a_worker">Terminating a worker</h2>
+## Terminating a worker
 
-<p>If you need to immediately terminate a running worker, you can do so by calling the worker's <code>terminate()</code> method:</p>
+If you need to immediately terminate a running worker, you can do so by calling the worker's `terminate()` method:
 
-<pre class="syntaxbox notranslate">myWorker.terminate();</pre>
+```
+myWorker.terminate();
+```
 
-<p>The worker thread is killed immediately without an opportunity to complete its operations or clean up after itself.</p>
+The worker thread is killed immediately without an opportunity to complete its operations or clean up after itself.
 
-<p>Workers may close themselves by calling their own <code>nsIWorkerScope.close()</code> method:</p>
+Workers may close themselves by calling their own `nsIWorkerScope.close()` method:
 
-<pre class="syntaxbox notranslate">self.close();</pre>
+```
+self.close();
+```
 
-<h2 id="Manejo_de_errores">Manejo de errores</h2>
+## Manejo de errores
 
-<p>When a runtime error occurs in worker, its <code>onerror</code> event handler is called.  It receives an event named <code>error</code> which implements the <code>ErrorEvent</code> interface.  The event doesn't bubble and is cancelable; to prevent the default action from taking place, the worker can call the error event's <a class="internal" href="/en/DOM/event.preventDefault" title="En/DOM/Event.preventDefault"> <code>preventDefault()</code> </a> method.</p>
+When a runtime error occurs in worker, its `onerror` event handler is called. It receives an event named `error` which implements the `ErrorEvent` interface. The event doesn't bubble and is cancelable; to prevent the default action from taking place, the worker can call the error event's [`preventDefault()` ](/en/DOM/event.preventDefault "En/DOM/Event.preventDefault")method.
 
-<p>The error event has the following three fields that are of interest:</p>
+The error event has the following three fields that are of interest:
 
-<dl>
- <dt><code>message</code></dt>
- <dd>A human-readable error message.</dd>
- <dt><code>filename</code></dt>
- <dd>The name of the script file in which the error occurred.</dd>
- <dt><code>lineno</code></dt>
- <dd>The line number of the script file on which the error occurred.</dd>
-</dl>
+- `message`
+  - : A human-readable error message.
+- `filename`
+  - : The name of the script file in which the error occurred.
+- `lineno`
+  - : The line number of the script file on which the error occurred.
 
-<h2 id="Accediendo_al_objeto_navigator">Accediendo al objeto navigator</h2>
+## Accediendo al objeto navigator
 
-<p>Los workers pueden acceder al objeto <code>navigator</code>, el cuál está disponible dentro de su scope actual. Este contiene los siguientes strings que pueden ser usados para identificar el navegador, al igual que puede realizarse usando scripts normales:</p>
+Los workers pueden acceder al objeto `navigator`, el cuál está disponible dentro de su scope actual. Este contiene los siguientes strings que pueden ser usados para identificar el navegador, al igual que puede realizarse usando scripts normales:
 
-<ul>
- <li><code>appName</code></li>
- <li><code>appVersion</code></li>
- <li><code>platform</code></li>
- <li><code>userAgent</code></li>
-</ul>
+- `appName`
+- `appVersion`
+- `platform`
+- `userAgent`
 
-<h2 id="Importing_scripts_and_libraries">Importing scripts and libraries</h2>
+## Importing scripts and libraries
 
-<p>Worker threads have access to a global function, <code>importScripts()</code> , which lets them import scripts or libraries into their scope.  It accepts as parameters zero or more URIs to resources to import; all of the following examples are valid:</p>
+Worker threads have access to a global function, `importScripts()` , which lets them import scripts or libraries into their scope. It accepts as parameters zero or more URIs to resources to import; all of the following examples are valid:
 
-<pre class="brush: js notranslate">importScripts();                        /* imports nothing */
+```js
+importScripts();                        /* imports nothing */
 importScripts('foo.js');                /* imports just "foo.js" */
 importScripts('foo.js', 'bar.js');      /* imports two scripts */
-</pre>
+```
 
-<p>The browser loads each listed script and executes it. Any global objects from each script may then be used by the worker. If the script can't be loaded, <code>NETWORK_ERROR</code> is thrown, and subsequent code will not be executed. Previously executed code (including code deferred using {{ domxref("window.setTimeout()") }}) will still be functional though. Function declarations <strong>after</strong> the <code>importScripts()</code> method are also kept, since these are always evaluated before the rest of the code.</p>
+The browser loads each listed script and executes it. Any global objects from each script may then be used by the worker. If the script can't be loaded, `NETWORK_ERROR` is thrown, and subsequent code will not be executed. Previously executed code (including code deferred using {{ domxref("window.setTimeout()") }}) will still be functional though. Function declarations **after** the `importScripts()` method are also kept, since these are always evaluated before the rest of the code.
 
-<div class="note"><strong>Note:</strong> Scripts may be downloaded in any order, but will be executed in the order in which you pass the filenames into <code>importScripts()</code> .  This is done synchronously; <code>importScripts()</code> does not return until all the scripts have been loaded and executed.</div>
+> **Nota:** Scripts may be downloaded in any order, but will be executed in the order in which you pass the filenames into `importScripts()` . This is done synchronously; `importScripts()` does not return until all the scripts have been loaded and executed.
 
-<h2 id="Examples">Examples</h2>
+## Examples
 
-<p>This section provides several examples of how to use DOM workers.</p>
+This section provides several examples of how to use DOM workers.
 
-<h3 id="Performing_computations_in_the_background">Performing computations in the background</h3>
+### Performing computations in the background
 
-<p>One way workers are useful is to allow your code to perform processor-intensive calculations without blocking the user interface thread.  In this example, a worker is used to calculate Fibonacci numbers.</p>
+One way workers are useful is to allow your code to perform processor-intensive calculations without blocking the user interface thread. In this example, a worker is used to calculate Fibonacci numbers.
 
-<h4 id="The_JavaScript_code">The JavaScript code</h4>
+#### The JavaScript code
 
-<p>The following JavaScript code is stored in the "fibonacci.js" file referenced by the HTML in the next section.</p>
+The following JavaScript code is stored in the "fibonacci.js" file referenced by the HTML in the next section.
 
-<pre class="brush: js notranslate">var results = [];
+```js
+var results = [];
 
 function resultReceiver(event) {
   results.push(parseInt(event.data));
@@ -446,29 +465,31 @@ onmessage = function(event) {
     return;
   }
 
-  for (var i = 1; i &lt;= 2; i++) {
+  for (var i = 1; i <= 2; i++) {
     var worker = new Worker("fibonacci.js");
     worker.onmessage = resultReceiver;
     worker.onerror = errorReceiver;
     worker.postMessage(n - i);
   }
- };</pre>
+ };
+```
 
-<p>The worker sets the property <code>onmessage</code>  to a function which will receive messages sent when the worker object's  <code>postMessage()</code> is called.  (Note that this differs from defining a global <em>variable</em> of that name, or defining a <em>function</em> with that name.   <code>var onmessage</code> and <code>function onmessage</code> will define global properties with those names, but they will not register the function to receive messages sent by the  web page that created the worker.)  This starts the recursion, spawning new copies of itself to handle each iteration of the calculation.</p>
+The worker sets the property `onmessage` to a function which will receive messages sent when the worker object's `postMessage()` is called. (Note that this differs from defining a global _variable_ of that name, or defining a _function_ with that name. `var onmessage` and `function onmessage` will define global properties with those names, but they will not register the function to receive messages sent by the web page that created the worker.) This starts the recursion, spawning new copies of itself to handle each iteration of the calculation.
 
-<h4 id="The_HTML_code">The HTML code</h4>
+#### The HTML code
 
-<pre class="brush: html notranslate">&lt;!DOCTYPE html&gt;
-&lt;html&gt;
-  &lt;head&gt;
-    &lt;meta charset="UTF-8"  /&gt;
-    &lt;title&gt;Test threads fibonacci&lt;/title&gt;
-  &lt;/head&gt;
-  &lt;body&gt;
+```html
+<!DOCTYPE html>
+<html>
+  <head>
+    <meta charset="UTF-8"  />
+    <title>Test threads fibonacci</title>
+  </head>
+  <body>
 
-  &lt;div id="result"&gt;&lt;/div&gt;
+  <div id="result"></div>
 
-  &lt;script language="javascript"&gt;
+  <script language="javascript">
 
     var worker = new Worker("fibonacci.js");
 
@@ -484,40 +505,36 @@ onmessage = function(event) {
 
     worker.postMessage("5");
 
-  &lt;/script&gt;
-  &lt;/body&gt;
-&lt;/html&gt;
-</pre>
-
-<p>The web page creates a <code>div</code> element with the ID  <code>result</code> , which gets used to display the result, then spawns the worker.  After spawning the worker, the <code>onmessage</code> handler is configured to display the results by setting the contents of the <code>div</code> element, and the <code>onerror</code> handler is set to <a class="external" href="/en/Debugging_JavaScript#dump()" title="https://developer.mozilla.org/editor/fckeditor/core/editor/en/Debugging_JavaScript#dump()">dump</a> the error message.</p>
-
-<p>Finally, a message is sent to the worker to start it.</p>
+  </script>
+  </body>
+</html>
+```
 
-<p><a class="external" href="/samples/workers/fibonacci" title="https://developer.mozilla.org/samples/workers/fibonacci/">Try this example</a> .</p>
+The web page creates a `div` element with the ID `result` , which gets used to display the result, then spawns the worker. After spawning the worker, the `onmessage` handler is configured to display the results by setting the contents of the `div` element, and the `onerror` handler is set to [dump](</en/Debugging_JavaScript#dump()> "https://developer.mozilla.org/editor/fckeditor/core/editor/en/Debugging_JavaScript#dump()") the error message.
 
-<h3 id="Performing_web_IO_in_the_background">Performing web I/O in the background</h3>
+Finally, a message is sent to the worker to start it.
 
-<p>You can find an example of this in the article <a class="internal" href="/En/Using_workers_in_extensions" title="En/Using workers in extensions">Using workers in extensions</a> .</p>
+[Try this example](/samples/workers/fibonacci "https://developer.mozilla.org/samples/workers/fibonacci/") .
 
-<h3 id="Dividing_tasks_among_multiple_workers">Dividing tasks among multiple workers</h3>
+### Performing web I/O in the background
 
-<p>As multi-core computers become increasingly common, it's often useful to divide computationally complex tasks among multiple workers, which may then perform those tasks on multiple-processor cores.</p>
+You can find an example of this in the article [Using workers in extensions](/En/Using_workers_in_extensions "En/Using workers in extensions") .
 
-<p>example coming soon</p>
+### Dividing tasks among multiple workers
 
-<h3 id="Creating_workers_from_within_workers">Creating workers from within workers</h3>
+As multi-core computers become increasingly common, it's often useful to divide computationally complex tasks among multiple workers, which may then perform those tasks on multiple-processor cores.
 
-<p>The Fibonacci example shown previously demonstrates that workers can in fact <a href="#Spawning_subworkers">spawn additional workers</a>.  This makes it easy to create recursive routines.</p>
+example coming soon
 
+### Creating workers from within workers
 
+The Fibonacci example shown previously demonstrates that workers can in fact [spawn additional workers](#Spawning_subworkers). This makes it easy to create recursive routines.
 
-<h2 id="See_also">See also</h2>
+## See also
 
-<ul>
- <li>{{ spec("http://dev.w3.org/html5/workers/", "File API Specification: Web Workers", "ED") }}</li>
- <li><code><a class="internal" href="/en/DOM/Worker" title="En/DOM/Worker">Worker</a></code> interface</li>
- <li><code><a class="internal" href="/en/DOM/SharedWorker" title="En/DOM/SharedWorker">SharedWorker</a></code> interface</li>
- <li><a href="/en/DOM/Worker/Functions_available_to_workers" title="En/DOM/Worker/Functions available to workers">Functions available to workers</a></li>
- <li><a class="external" href="http://www.html5rocks.com/en/tutorials/workers/basics/#toc-enviornment-subworkers">HTML5Rocks - The Basics of Web Workers</a></li>
- <li><a class="external" href="http://code.google.com/p/chromium/issues/detail?id=127990" title="Chrome has Problems with many workers">Chrome has problems when using too many worker</a></li>
-</ul>
+- {{ spec("http://dev.w3.org/html5/workers/", "File API Specification: Web Workers", "ED") }}
+- [`Worker`](/en/DOM/Worker "En/DOM/Worker") interface
+- [`SharedWorker`](/en/DOM/SharedWorker "En/DOM/SharedWorker") interface
+- [Functions available to workers](/en/DOM/Worker/Functions_available_to_workers "En/DOM/Worker/Functions available to workers")
+- [HTML5Rocks - The Basics of Web Workers](http://www.html5rocks.com/en/tutorials/workers/basics/#toc-enviornment-subworkers)
+- [Chrome has problems when using too many worker](http://code.google.com/p/chromium/issues/detail?id=127990 "Chrome has Problems with many workers")
diff --git a/files/es/web/api/webgl_api/index.md b/files/es/web/api/webgl_api/index.md
index 5d1ff89e9628a7..7b6e180eadc6bd 100644
--- a/files/es/web/api/webgl_api/index.md
+++ b/files/es/web/api/webgl_api/index.md
@@ -5,85 +5,52 @@ tags:
   - WebGL
 translation_of: Web/API/WebGL_API
 ---
-<div>{{WebGLSidebar}}</div>
-
-<p class="summary"><span class="goog-gtc-unit" id="goog-gtc-unit-3"><span class="goog-gtc-from-human goog-gtc-translatable" dir="ltr">WebGL trae gráficos en 3D para la Web mediante la introducción de una API que cumple estrictamente la OpenGL ES 2.0 que se puede utilizar en elementos </span></span><a href="/en/HTML/Canvas" title="En/html/canvas"><code>canvas</code></a><span class="goog-gtc-unit" id="goog-gtc-unit-3"><span class="goog-gtc-from-human goog-gtc-translatable" dir="ltr"><a> HTML5.</a></span></span><a> <span class="goog-gtc-unit" id="goog-gtc-unit-4"><span class="goog-gtc-from-human goog-gtc-translatable" dir="ltr">La compatibilidad para WebGL viene en </span></span></a><a href="/es/Firefox_4_para_desarrolladores" title="es/Firefox 4 para desarrolladores">Firefox 4</a> y se puede probar en las <a class="external" href="http://firefox.com/beta">betas de Firefox 4</a> o en <a class="external" href="http://nightly.mozilla.org/">trunk builds.</a> .</p>
-
-<div class="note"><span class="goog-gtc-unit" id="goog-gtc-unit-5"><span class="goog-gtc-from-human goog-gtc-translatable" dir="ltr"><strong>Nota:</strong> La especificación para WebGL se encuentra todavía en fase de borrador y sujeta a cambios.</span></span></div>
-
-    <h2 id="Temas_sobre_desarrollo"><span class="goog-gtc-unit" id="goog-gtc-unit-6"><span class="goog-gtc-from-human goog-gtc-translatable" dir="ltr">Temas sobre desarrollo</span></span></h2>
-
-    <dl>
-     <dt><a href="/en/WebGL/Getting_started_with_WebGL" title="en/WebGL/Getting started with WebGL"><span class="goog-gtc-unit" id="goog-gtc-unit-7"><span class="goog-gtc-from-mt goog-gtc-translatable" dir="ltr">Primeros pasos con WebGL</span></span></a></dt>
-     <dd><span class="goog-gtc-unit" id="goog-gtc-unit-8"><span class="goog-gtc-from-human goog-gtc-translatable" dir="ltr">Cómo crear un contexto WebGL.</span></span></dd>
-     <dt><a href="/en/WebGL/Adding_2D_content_to_a_WebGL_context" title="en/WebGL/Adding 2D content to a WebGL context"><span class="goog-gtc-unit" id="goog-gtc-unit-9"><span class="goog-gtc-from-mt goog-gtc-translatable" dir="ltr">Adición de contenido 2D a un contexto WebGL</span></span></a></dt>
-     <dd><span class="goog-gtc-unit" id="goog-gtc-unit-10"><span class="goog-gtc-from-human goog-gtc-translatable" dir="ltr">Cómo representar formas planas sencillas utilizando WebGL.</span></span></dd>
-     <dt><a href="/en/WebGL/Using_shaders_to_apply_color_in_WebGL" title="en/WebGL/Using shaders to apply color in WebGL"><span class="goog-gtc-unit" id="goog-gtc-unit-11"><span class="goog-gtc-from-human goog-gtc-translatable" dir="ltr">Uso de sombreadores para aplicar color en WebGL</span></span></a></dt>
-     <dd><span class="goog-gtc-unit" id="goog-gtc-unit-12"><span class="goog-gtc-from-human goog-gtc-translatable" dir="ltr">Muestra cómo agregar color a las formas mediante sombreadores.</span></span></dd>
-     <dt><a href="/en/WebGL/Animating_objects_with_WebGL" title="en/WebGL/Animating objects with WebGL"><span class="goog-gtc-unit" id="goog-gtc-unit-13"><span class="goog-gtc-from-mt goog-gtc-translatable" dir="ltr">Animación de objetos con WebGL</span></span></a></dt>
-     <dd><span class="goog-gtc-unit" id="goog-gtc-unit-14"><span class="goog-gtc-from-human goog-gtc-translatable" dir="ltr">Muestra cómo rotar y trasladar los objetos para crear animaciones sencillas.</span></span></dd>
-     <dt><a href="/en/WebGL/Creating_3D_objects_using_WebGL" title="en/WebGL/Creating 3D objects using WebGL"><span class="goog-gtc-unit" id="goog-gtc-unit-15"><span class="goog-gtc-from-mt goog-gtc-translatable" dir="ltr">Creación de objetos 3D utilizando WebGL</span></span></a></dt>
-     <dd><span class="goog-gtc-unit" id="goog-gtc-unit-16"><span class="goog-gtc-from-mt goog-gtc-translatable" dir="ltr">Muestra cómo crear y animar un objeto 3D (en este caso, un cubo).</span></span></dd>
-     <dt><a href="/en/WebGL/Using_textures_in_WebGL" title="en/WebGL/Using textures in WebGL"><span class="goog-gtc-unit" id="goog-gtc-unit-17"><span class="goog-gtc-from-mt goog-gtc-translatable" dir="ltr">Uso de texturas en WebGL</span></span></a></dt>
-     <dd><span class="goog-gtc-unit" id="goog-gtc-unit-18"><span class="goog-gtc-from-human goog-gtc-translatable" dir="ltr">Muestra cómo asignar texturas a las caras de un objeto.</span></span></dd>
-     <dt><a href="/en/WebGL/Lighting_in_WebGL" title="en/WebGL/Lighting in WebGL"><span class="goog-gtc-unit" id="goog-gtc-unit-19"><span class="goog-gtc-from-mt goog-gtc-translatable" dir="ltr">Iluminación en WebGL</span></span></a></dt>
-     <dd><span class="goog-gtc-unit" id="goog-gtc-unit-20"><span class="goog-gtc-from-human goog-gtc-translatable" dir="ltr">Cómo simular efectos de iluminación en tu contexto WebGL.</span></span></dd>
-     <dt><a href="/en/WebGL/Animating_textures_in_WebGL" title="en/WebGL/Animating textures in WebGL"><span class="goog-gtc-unit" id="goog-gtc-unit-21"><span class="goog-gtc-from-mt goog-gtc-translatable" dir="ltr">Animación de texturas en WebGL</span></span></a></dt>
-     <dd><span class="goog-gtc-unit" id="goog-gtc-unit-22"><span class="goog-gtc-from-human goog-gtc-translatable" dir="ltr">Se muestra cómo animar texturas, en este caso, mediante la asignación de un vídeo Ogg a las caras de un cubo que gira.</span></span></dd>
-    </dl>
-    
-    <h2 id="Recursos"><span class="goog-gtc-unit" id="goog-gtc-unit-23"><span class="goog-gtc-from-human goog-gtc-translatable" dir="ltr">Recursos</span></span></h2>
-
-    <dl>
-     <dt><a class="link-https" href="https://cvs.khronos.org/svn/repos/registry/trunk/public/webgl/doc/spec/WebGL-spec.html"><span class="goog-gtc-unit" id="goog-gtc-unit-24"><span class="goog-gtc-from-human goog-gtc-translatable" dir="ltr">Especificación WebGL (Borrador de trabajo)</span></span></a></dt>
-     <dd><span class="goog-gtc-unit" id="goog-gtc-unit-25"><span class="goog-gtc-from-mt goog-gtc-translatable" dir="ltr">El borrador de la especificación WebGL.</span></span></dd>
-     <dt><a class="external" href="http://www.khronos.org/webgl/"><span class="goog-gtc-unit" id="goog-gtc-unit-26"><span class="goog-gtc-from-human goog-gtc-translatable" dir="ltr">Sitio de Khronos WebGL</span></span></a></dt>
-     <dd><span class="goog-gtc-unit" id="goog-gtc-unit-27"><span class="goog-gtc-from-mt goog-gtc-translatable" dir="ltr">El sitio web principal de WebGL en el Grupo Khronos.</span></span></dd>
-     <dt><a class="external" href="http://learningwebgl.com/blog/"><span class="goog-gtc-unit" id="goog-gtc-unit-28"><span class="goog-gtc-from-human goog-gtc-translatable" dir="ltr">Aprender WebGL</span></span></a></dt>
-     <dd><span class="goog-gtc-unit" id="goog-gtc-unit-29"><span class="goog-gtc-from-mt goog-gtc-translatable" dir="ltr">Un sitio con tutoriales sobre cómo usar WebGL.</span></span></dd>
-     <dt><a class="external" href="http://learningwebgl.com/cookbook/index.php/"><span class="goog-gtc-unit" id="goog-gtc-unit-30"><span class="goog-gtc-from-human goog-gtc-translatable" dir="ltr">La guía práctica de WebGL</span></span></a></dt>
-     <dd><span class="goog-gtc-unit" id="goog-gtc-unit-31"><span class="goog-gtc-from-human goog-gtc-translatable" dir="ltr">Un sitio web con recetas muy útiles para escribir código WebGL.</span></span></dd>
-     <dt><a class="external" href="http://sylvester.jcoglan.com/"><span class="goog-gtc-unit" id="goog-gtc-unit-32"><span class="goog-gtc-from-mt goog-gtc-translatable" dir="ltr">Sylvester</span></span></a></dt>
-     <dd><span class="goog-gtc-unit" id="goog-gtc-unit-33"><span class="goog-gtc-from-mt goog-gtc-translatable" dir="ltr">Una biblioteca de código abierto para la manipulación de vectores y matrices.</span></span></dd>
-     <dt><a class="external" href="http://planet-webgl.org/"><span class="goog-gtc-unit" id="goog-gtc-unit-34"><span class="goog-gtc-from-mt goog-gtc-translatable" dir="ltr">Planeta WebGL</span></span></a></dt>
-     <dd><span class="goog-gtc-unit" id="goog-gtc-unit-35"><span class="goog-gtc-from-human goog-gtc-translatable" dir="ltr">Un agregador de RSS para las personas que pertenecen a la comunidad WebGL.</span></span></dd>
-    </dl>
-
-<h2 id="Compatibilidad_de_los_navegadores"><span class="goog-gtc-unit" id="goog-gtc-unit-36"><span class="goog-gtc-from-human goog-gtc-translatable" dir="ltr">Compatibilidad de los navegadores</span></span></h2>
-
-<table class="standard-table">
- <tbody>
-  <tr>
-   <th><span class="goog-gtc-unit" id="goog-gtc-unit-37"><span class="goog-gtc-from-tm goog-gtc-from-tm-score-100 goog-gtc-translatable" dir="ltr">Navegador</span></span></th>
-   <th><span class="goog-gtc-unit" id="goog-gtc-unit-38"><span class="goog-gtc-from-tm goog-gtc-from-tm-score-99 goog-gtc-translatable" dir="ltr">Compatibilidad básica</span></span></th>
-   <th><code>.getContext(<em>context</em>)</code></th>
-  </tr>
-  <tr>
-   <td><span class="goog-gtc-unit" id="goog-gtc-unit-39"><span class="goog-gtc-from-tm goog-gtc-from-tm-score-100 goog-gtc-translatable" dir="ltr">Internet Explorer</span></span></td>
-   <td><span class="goog-gtc-unit" id="goog-gtc-unit-40"><span class="goog-gtc-from-mt goog-gtc-translatable" dir="ltr">---</span></span></td>
-   <td><span class="goog-gtc-unit" id="goog-gtc-unit-41"><span class="goog-gtc-from-mt goog-gtc-translatable" dir="ltr">---</span></span></td>
-  </tr>
-  <tr>
-   <td><span class="goog-gtc-unit" id="goog-gtc-unit-42"><span class="goog-gtc-from-mt goog-gtc-translatable" dir="ltr">Firefox (Gecko)</span></span></td>
-   <td><span class="goog-gtc-unit" id="goog-gtc-unit-43"><span class="goog-gtc-from-human goog-gtc-ph-missing goog-gtc-translatable" dir="ltr">4.0 (2)</span></span></td>
-   <td><span class="goog-gtc-unit" id="goog-gtc-unit-44"><span class="goog-gtc-from-human goog-gtc-translatable" dir="ltr">experimental-webgl</span></span></td>
-  </tr>
-  <tr>
-   <td><span class="goog-gtc-unit" id="goog-gtc-unit-45"><span class="goog-gtc-from-tm goog-gtc-from-tm-score-100 goog-gtc-translatable" dir="ltr">Opera</span></span></td>
-   <td><span class="goog-gtc-unit" id="goog-gtc-unit-46"><span class="goog-gtc-from-mt goog-gtc-translatable" dir="ltr">---</span></span></td>
-   <td><span class="goog-gtc-unit" id="goog-gtc-unit-47"><span class="goog-gtc-from-mt goog-gtc-translatable" dir="ltr">---</span></span></td>
-  </tr>
-  <tr>
-   <td><span class="goog-gtc-unit" id="goog-gtc-unit-48"><span class="goog-gtc-from-tm goog-gtc-from-tm-score-100 goog-gtc-translatable" dir="ltr">Chrome</span></span></td>
-   <td><span class="goog-gtc-unit" id="goog-gtc-unit-49"><span class="goog-gtc-from-tm goog-gtc-from-tm-score-100 goog-gtc-translatable" dir="ltr">9</span></span></td>
-   <td><span class="goog-gtc-unit" id="goog-gtc-unit-50"><span class="goog-gtc-from-human goog-gtc-translatable" dir="ltr">experimental-webgl</span></span></td>
-  </tr>
-  <tr>
-   <td><span class="goog-gtc-unit" id="goog-gtc-unit-51"><span class="goog-gtc-from-tm goog-gtc-from-tm-score-100 goog-gtc-translatable" dir="ltr">Safari</span></span></td>
-   <td><span class="goog-gtc-unit" id="goog-gtc-unit-52"><span class="goog-gtc-from-human goog-gtc-translatable" dir="ltr">6 (en Safari nightlies)</span></span></td>
-   <td><span class="goog-gtc-unit" id="goog-gtc-unit-53"><span class="goog-gtc-from-human goog-gtc-translatable" dir="ltr">experimental-webgl</span></span></td>
-  </tr>
- </tbody>
-</table>
-
-<p> </p>
+{{WebGLSidebar}}
+
+WebGL trae gráficos en 3D para la Web mediante la introducción de una API que cumple estrictamente la OpenGL ES 2.0 que se puede utilizar en elementos [`canvas`](/en/HTML/Canvas "En/html/canvas") HTML5. La compatibilidad para WebGL viene en [Firefox 4](/es/Firefox_4_para_desarrolladores "es/Firefox 4 para desarrolladores") y se puede probar en las [betas de Firefox 4](http://firefox.com/beta) o en [trunk builds.](http://nightly.mozilla.org/) .
+
+> **Nota:** **Nota:** La especificación para WebGL se encuentra todavía en fase de borrador y sujeta a cambios.
+
+## Temas sobre desarrollo
+
+- [Primeros pasos con WebGL](/en/WebGL/Getting_started_with_WebGL "en/WebGL/Getting started with WebGL")
+  - : Cómo crear un contexto WebGL.
+- [Adición de contenido 2D a un contexto WebGL](/en/WebGL/Adding_2D_content_to_a_WebGL_context "en/WebGL/Adding 2D content to a WebGL context")
+  - : Cómo representar formas planas sencillas utilizando WebGL.
+- [Uso de sombreadores para aplicar color en WebGL](/en/WebGL/Using_shaders_to_apply_color_in_WebGL "en/WebGL/Using shaders to apply color in WebGL")
+  - : Muestra cómo agregar color a las formas mediante sombreadores.
+- [Animación de objetos con WebGL](/en/WebGL/Animating_objects_with_WebGL "en/WebGL/Animating objects with WebGL")
+  - : Muestra cómo rotar y trasladar los objetos para crear animaciones sencillas.
+- [Creación de objetos 3D utilizando WebGL](/en/WebGL/Creating_3D_objects_using_WebGL "en/WebGL/Creating 3D objects using WebGL")
+  - : Muestra cómo crear y animar un objeto 3D (en este caso, un cubo).
+- [Uso de texturas en WebGL](/en/WebGL/Using_textures_in_WebGL "en/WebGL/Using textures in WebGL")
+  - : Muestra cómo asignar texturas a las caras de un objeto.
+- [Iluminación en WebGL](/en/WebGL/Lighting_in_WebGL "en/WebGL/Lighting in WebGL")
+  - : Cómo simular efectos de iluminación en tu contexto WebGL.
+- [Animación de texturas en WebGL](/en/WebGL/Animating_textures_in_WebGL "en/WebGL/Animating textures in WebGL")
+  - : Se muestra cómo animar texturas, en este caso, mediante la asignación de un vídeo Ogg a las caras de un cubo que gira.
+
+## Recursos
+
+- [Especificación WebGL (Borrador de trabajo)](https://cvs.khronos.org/svn/repos/registry/trunk/public/webgl/doc/spec/WebGL-spec.html)
+  - : El borrador de la especificación WebGL.
+- [Sitio de Khronos WebGL](http://www.khronos.org/webgl/)
+  - : El sitio web principal de WebGL en el Grupo Khronos.
+- [Aprender WebGL](http://learningwebgl.com/blog/)
+  - : Un sitio con tutoriales sobre cómo usar WebGL.
+- [La guía práctica de WebGL](http://learningwebgl.com/cookbook/index.php/)
+  - : Un sitio web con recetas muy útiles para escribir código WebGL.
+- [Sylvester](http://sylvester.jcoglan.com/)
+  - : Una biblioteca de código abierto para la manipulación de vectores y matrices.
+- [Planeta WebGL](http://planet-webgl.org/)
+  - : Un agregador de RSS para las personas que pertenecen a la comunidad WebGL.
+
+## Compatibilidad de los navegadores
+
+| Navegador         | Compatibilidad básica   | `.getContext(context)` |
+| ----------------- | ----------------------- | ---------------------- |
+| Internet Explorer | ---                     | ---                    |
+| Firefox (Gecko)   | 4.0 (2)                 | experimental-webgl     |
+| Opera             | ---                     | ---                    |
+| Chrome            | 9                       | experimental-webgl     |
+| Safari            | 6 (en Safari nightlies) | experimental-webgl     |
diff --git a/files/es/web/api/webgl_api/tutorial/adding_2d_content_to_a_webgl_context/index.md b/files/es/web/api/webgl_api/tutorial/adding_2d_content_to_a_webgl_context/index.md
index 4889928febd5d4..2e1fd8f30502c4 100644
--- a/files/es/web/api/webgl_api/tutorial/adding_2d_content_to_a_webgl_context/index.md
+++ b/files/es/web/api/webgl_api/tutorial/adding_2d_content_to_a_webgl_context/index.md
@@ -3,23 +3,24 @@ title: Agregando Contenido 2D en el Contexto WebGL
 slug: Web/API/WebGL_API/Tutorial/Adding_2D_content_to_a_WebGL_context
 translation_of: Web/API/WebGL_API/Tutorial/Adding_2D_content_to_a_WebGL_context
 ---
-<div>{{WebGLSidebar("Tutorial")}} {{PreviousNext("Web/API/WebGL_API/Tutorial/Getting_started_with_WebGL", "Web/API/WebGL_API/Tutorial/Using_shaders_to_apply_color_in_WebGL")}}</div>
+{{WebGLSidebar("Tutorial")}} {{PreviousNext("Web/API/WebGL_API/Tutorial/Getting_started_with_WebGL", "Web/API/WebGL_API/Tutorial/Using_shaders_to_apply_color_in_WebGL")}}
 
-<p>Una vez que has logrado <a href="/en-US/docs/Web/API/WebGL_API/Tutorial/Getting_started_with_WebGL">crear el contexto WebGL</a>, estás listo para crear objetos dentro del mismo. Algo sencillo que podemos hacer es pintar un simple cuadrado plano sin texturas, así que vamos a empezar desde ahí, creando el código para dibujar el cuadrado plano.</p>
+Una vez que has logrado [crear el contexto WebGL](/es/docs/Web/API/WebGL_API/Tutorial/Getting_started_with_WebGL), estás listo para crear objetos dentro del mismo. Algo sencillo que podemos hacer es pintar un simple cuadrado plano sin texturas, así que vamos a empezar desde ahí, creando el código para dibujar el cuadrado plano.
 
-<h2 id="Dibujando_la_Escena">Dibujando la Escena</h2>
+## Dibujando la Escena
 
-<p>Lo mas importante que tenemos que entender antes de empezar, es que aún cuando dibujaremos un cuadrado plano en este ejemplo, estaremos trabajando en un espacio 3D. Lo que estaremos haciendo es dibujar un cuadrado plano y posicionándolo frente de la camara de forma perpendicular. Necesitaremos definir los Shaders que definirán el color para nuestra escena además de dibujar nuestro objeto. Esto establecerá cómo aparece el cuadrado plano en nuestra pantalla.</p>
+Lo mas importante que tenemos que entender antes de empezar, es que aún cuando dibujaremos un cuadrado plano en este ejemplo, estaremos trabajando en un espacio 3D. Lo que estaremos haciendo es dibujar un cuadrado plano y posicionándolo frente de la camara de forma perpendicular. Necesitaremos definir los Shaders que definirán el color para nuestra escena además de dibujar nuestro objeto. Esto establecerá cómo aparece el cuadrado plano en nuestra pantalla.
 
-<h3 id="Los_Shaders">Los Shaders </h3>
+### Los Shaders
 
-<p>Los shaders usan especificamente <a href="https://www.khronos.org/files/opengles_shading_language.pdf">OpenGL ES Shading Language</a>. Los detalles de la forma de trabajar de los shaders estan fuera del alcance de este articulo, como tambien la sintaxis del lenguaje de los shaders sin embargo la version corta es que hay 2 tipos de shaders (funciones que se ejecutan en la GPU) que necesitas escribir.  shaders de vertices y shaders de fragmentos. Estos son pasados al WebGL como una cadena y compilados para ejecutarse en el GPU.</p>
+Los shaders usan especificamente [OpenGL ES Shading Language](https://www.khronos.org/files/opengles_shading_language.pdf). Los detalles de la forma de trabajar de los shaders estan fuera del alcance de este articulo, como tambien la sintaxis del lenguaje de los shaders sin embargo la version corta es que hay 2 tipos de shaders (funciones que se ejecutan en la GPU) que necesitas escribir. shaders de vertices y shaders de fragmentos. Estos son pasados al WebGL como una cadena y compilados para ejecutarse en el GPU.
 
-<h4 id="Shaders_de_Vértices">Shaders de Vértices</h4>
+#### Shaders de Vértices
 
-<p>La responsabilidad de los Shaders de Vértices es asignar un valor a una variable especial <code>gl_Position</code> para crear los valores del espacio de trabajo (valores entre  -1 y +1) en toda la zona del canvas. En nuestro Shader de Vértices de abajo estamos recibiendo valores de un atributo que definiremos como <code>aVertexPosition</code>. Estamos entonces multiplicando esa posición por dos matrices 4x4 que definimos como <code>uProjectionMatrix</code> y <code>uModelMatrix</code> e igualando <code>gl_Position</code> al resultado. Para más información sobre proyección y otras matrices <a href="https://webglfundamentals.org/webgl/lessons/webgl-3d-perspective.html">puedes encontrar útil este artículo</a>.</p>
+La responsabilidad de los Shaders de Vértices es asignar un valor a una variable especial `gl_Position` para crear los valores del espacio de trabajo (valores entre -1 y +1) en toda la zona del canvas. En nuestro Shader de Vértices de abajo estamos recibiendo valores de un atributo que definiremos como `aVertexPosition`. Estamos entonces multiplicando esa posición por dos matrices 4x4 que definimos como `uProjectionMatrix` y `uModelMatrix` e igualando `gl_Position` al resultado. Para más información sobre proyección y otras matrices [puedes encontrar útil este artículo](https://webglfundamentals.org/webgl/lessons/webgl-3d-perspective.html).
 
-<pre class="brush: html">  // Vertex shader program
+```html
+  // Vertex shader program
 
   const vsSource = `
     attribute vec4 aVertexPosition;
@@ -31,26 +32,28 @@ translation_of: Web/API/WebGL_API/Tutorial/Adding_2D_content_to_a_WebGL_context
       gl_Position = uProjectionMatrix * uModelViewMatrix * aVertexPosition;
     }
   `;
-</pre>
+```
 
-<h4 id="Shaders_de_Fragmentos">Shaders de Fragmentos</h4>
+#### Shaders de Fragmentos
 
-<p>Cada vez que el Shader de Vértices escribe de 1 a 3 valores al <code>gl_Position</code> este también dibujará un punto, una linea o un triángulo. Mientras éste esta dibujando, llamará al Shader de Fragmentos y preguntará: ¿De qué color debería dibujar este pixel? En este caso, simplemente retornaremos blanco cada vez.</p>
+Cada vez que el Shader de Vértices escribe de 1 a 3 valores al `gl_Position` este también dibujará un punto, una linea o un triángulo. Mientras éste esta dibujando, llamará al Shader de Fragmentos y preguntará: ¿De qué color debería dibujar este pixel? En este caso, simplemente retornaremos blanco cada vez.
 
-<p><code>gl_FragColor</code> es una variable built-in de GL que es usada para el color del fragmento. Al definir su valor se establece el color del pixel, como se ve a continuación:</p>
+`gl_FragColor` es una variable built-in de GL que es usada para el color del fragmento. Al definir su valor se establece el color del pixel, como se ve a continuación:
 
-<pre class="brush: html">  const fsSource = `
+```html
+  const fsSource = `
     void main() {
       gl_FragColor = vec4(1.0, 1.0, 1.0, 1.0);
     }
   `;
-</pre>
+```
 
-<h3 id="Inicializando_los_shaders">Inicializando los shaders</h3>
+### Inicializando los shaders
 
-<p>Ahora que hemos definido los dos shaders, necesitamos pasarlos a WebGL, compilarlos y enlazarlos juntos. El código de abajo crea dos shaders al llamar <code>loadShader</code>, pasando el tipo y la fuente para el shader. Entonces crea un programa, adjunta los shaders y los enlaza juntos. Si la compilación o el enlace fallan, el código muestra una alerta.</p>
+Ahora que hemos definido los dos shaders, necesitamos pasarlos a WebGL, compilarlos y enlazarlos juntos. El código de abajo crea dos shaders al llamar `loadShader`, pasando el tipo y la fuente para el shader. Entonces crea un programa, adjunta los shaders y los enlaza juntos. Si la compilación o el enlace fallan, el código muestra una alerta.
 
-<pre class="brush: js">//
+```js
+//
 // Initialize a shader program, so WebGL knows how to draw our data
 //
 function initShaderProgram(gl, vsSource, fsSource) {
@@ -99,16 +102,18 @@ function loadShader(gl, type, source) {
 
   return shader;
 }
-</pre>
+```
 
-<p>Para usar este código lo llamamos así:</p>
+Para usar este código lo llamamos así:
 
-<pre class="brush: js">  const shaderProgram = initShaderProgram(gl, vsSource, fsSource);
-</pre>
+```js
+  const shaderProgram = initShaderProgram(gl, vsSource, fsSource);
+```
 
-<p>Después de haber creado el programa de sombreado necesitaremos buscar las ubicaciones que WebGL asignó a nuestras entradas (inputs). En este caso tenemos un attribute y 2 uniforms. Los attribute reciben valores de los buffers. Cada iteración del Shader de Vértices recibe el siguiente valor desde el buffer asignado al attribute. Los uniforms son similares a variables globales en Javascript, estos mantienen el mismo valor para todas las iteraciones de un shader. Como las ubicaciones attribute y uniform son específicas de un solo programa de sombreado, los almacenamos juntos para que sean fáciles de pasar.</p>
+Después de haber creado el programa de sombreado necesitaremos buscar las ubicaciones que WebGL asignó a nuestras entradas (inputs). En este caso tenemos un attribute y 2 uniforms. Los attribute reciben valores de los buffers. Cada iteración del Shader de Vértices recibe el siguiente valor desde el buffer asignado al attribute. Los uniforms son similares a variables globales en Javascript, estos mantienen el mismo valor para todas las iteraciones de un shader. Como las ubicaciones attribute y uniform son específicas de un solo programa de sombreado, los almacenamos juntos para que sean fáciles de pasar.
 
-<pre class="brush: js">  const programInfo = {
+```js
+  const programInfo = {
     program: shaderProgram,
     attribLocations: {
       vertexPosition: gl.getAttribLocation(shaderProgram, 'aVertexPosition'),
@@ -118,13 +123,14 @@ function loadShader(gl, type, source) {
       modelViewMatrix: gl.getUniformLocation(shaderProgram, 'uModelViewMatrix'),
     },
   };
-</pre>
+```
 
-<h2 id="Creando_el_cuadrado_plano">Creando el cuadrado plano</h2>
+## Creando el cuadrado plano
 
-<p>Antes de que podamos renderizar nuestro cuadrado plano, necesitamos crear el buffer que contenga sus posiciones de vértice y poner las posiciones de vértice en él. Lo haremos usando una función que llamaremos <code>initBuffers()</code>. Mientras vayamos explorando conceptos WebGL más avanzados, esta rutina crecerá para crear objetos 3D más y más complejos.</p>
+Antes de que podamos renderizar nuestro cuadrado plano, necesitamos crear el buffer que contenga sus posiciones de vértice y poner las posiciones de vértice en él. Lo haremos usando una función que llamaremos `initBuffers()`. Mientras vayamos explorando conceptos WebGL más avanzados, esta rutina crecerá para crear objetos 3D más y más complejos.
 
-<pre class="brush: js">function initBuffers(gl) {
+```js
+function initBuffers(gl) {
 
   // Create a buffer for the square's positions.
 
@@ -156,17 +162,18 @@ function loadShader(gl, type, source) {
     position: positionBuffer,
   };
 }
-</pre>
+```
 
-<p>Esta rutina es muy sencilla dada la naturaleza de la escena en este ejemplo. Empieza llamando el método {{domxref("WebGLRenderingContext.createBuffer()", "createBuffer()")}} del objeto <code>gl</code> para obtener un buffer dentro del cual almacenaremos las posiciones del vértice. Este es ligado al contexto al llamar el método {{domxref("WebGLRenderingContext.bindBuffer()", "bindBuffer()")}}.</p>
+Esta rutina es muy sencilla dada la naturaleza de la escena en este ejemplo. Empieza llamando el método {{domxref("WebGLRenderingContext.createBuffer()", "createBuffer()")}} del objeto `gl` para obtener un buffer dentro del cual almacenaremos las posiciones del vértice. Este es ligado al contexto al llamar el método {{domxref("WebGLRenderingContext.bindBuffer()", "bindBuffer()")}}.
 
-<p>Una vez terminado, creamos un array de Javascript almacenando la posición de cada vértice en el cuadrado plano. Este es convertido entonces en un array de flotantes y es pasado al método {{domxref("WebGLRenderingContext.bufferData()", "bufferData()")}} del objeto <code>gl</code> para establecer las posiciones de vértice para el objeto.</p>
+Una vez terminado, creamos un array de Javascript almacenando la posición de cada vértice en el cuadrado plano. Este es convertido entonces en un array de flotantes y es pasado al método {{domxref("WebGLRenderingContext.bufferData()", "bufferData()")}} del objeto `gl` para establecer las posiciones de vértice para el objeto.
 
-<h2 id="Renderizando_la_escena">Renderizando la escena</h2>
+## Renderizando la escena
 
-<p>Una vez que los shaders estan establecidos, se buscan las ubicaciones, y las posiciones de vértice del cuadrado plano puestas en un buffer, podemos renderizar la escena. Como no estamos animando nada en este ejemplo, nuestra función <code>drawScene()</code> es muy simple. Esta usa unas rutinas de utilidad que cubriremos en breve.</p>
+Una vez que los shaders estan establecidos, se buscan las ubicaciones, y las posiciones de vértice del cuadrado plano puestas en un buffer, podemos renderizar la escena. Como no estamos animando nada en este ejemplo, nuestra función `drawScene()` es muy simple. Esta usa unas rutinas de utilidad que cubriremos en breve.
 
-<pre class="brush: js">function drawScene(gl, programInfo, buffers) {
+```js
+function drawScene(gl, programInfo, buffers) {
   gl.clearColor(0.0, 0.0, 0.0, 1.0);  // Clear to black, fully opaque
   gl.clearDepth(1.0);                 // Clear everything
   gl.enable(gl.DEPTH_TEST);           // Enable depth testing
@@ -250,27 +257,24 @@ function loadShader(gl, type, source) {
     gl.drawArrays(gl.TRIANGLE_STRIP, offset, vertexCount);
   }
 }
+```
 
-</pre>
-
-<p>El primer paso es limpiar el canvas de nuestro color de fondo; establecemos la perspectiva de la cámara. Configuramos un campo de 45º, con una relación ancho/alto que coincide con las dimensiones de nuestro canvas. También especificamos que queremos objetos entre 0.1 y 100 unidades de la cámara para ser renderizados.</p>
+El primer paso es limpiar el canvas de nuestro color de fondo; establecemos la perspectiva de la cámara. Configuramos un campo de 45º, con una relación ancho/alto que coincide con las dimensiones de nuestro canvas. También especificamos que queremos objetos entre 0.1 y 100 unidades de la cámara para ser renderizados.
 
-<p>Entonces establecemos la posición del cuadrado plano al cargar la posición de identidad y alejando la cámara en 6 unidades. Déspues de eso, enlazamos el buffer del vértice del cuadrado al atributo que el shader estaba usando para <code>aVertexPosition</code> y le decimos a WebGL como jalar los datos fuera de este. Finalmente dibujamos el objeto al llamar el método {{domxref("WebGLRenderingContext.drawArrays()", "drawArrays()")}}.</p>
+Entonces establecemos la posición del cuadrado plano al cargar la posición de identidad y alejando la cámara en 6 unidades. Déspues de eso, enlazamos el buffer del vértice del cuadrado al atributo que el shader estaba usando para `aVertexPosition` y le decimos a WebGL como jalar los datos fuera de este. Finalmente dibujamos el objeto al llamar el método {{domxref("WebGLRenderingContext.drawArrays()", "drawArrays()")}}.
 
-<p>{{EmbedGHLiveSample('webgl-examples/tutorial/sample2/index.html', 670, 510) }}</p>
+{{EmbedGHLiveSample('webgl-examples/tutorial/sample2/index.html', 670, 510) }}
 
-<p><a href="https://github.com/mdn/webgl-examples/tree/gh-pages/tutorial/sample2">Ver código completo</a> | <a href="http://mdn.github.io/webgl-examples/tutorial/sample2/">Abrir esta demostración en una nueva página</a></p>
+[Ver código completo](https://github.com/mdn/webgl-examples/tree/gh-pages/tutorial/sample2) | [Abrir esta demostración en una nueva página](http://mdn.github.io/webgl-examples/tutorial/sample2/)
 
-<h2 id="Utilidades_para_operaciones_de_Matrices">Utilidades para operaciones de Matrices</h2>
+## Utilidades para operaciones de Matrices
 
-<p>Las operaciones de matrices pueden parecer complicadas pero <a href="https://webglfundamentals.org/webgl/lessons/webgl-2d-matrices.html">en realidad son muy fáciles si las tomas un paso a la vez</a>. Generalmente la gente usa una librería de matrices antes que escribir la suya. En nuestro caso estamos usando la popular <a href="http://glmatrix.net/">librería glMatrix</a>.</p>
+Las operaciones de matrices pueden parecer complicadas pero [en realidad son muy fáciles si las tomas un paso a la vez](https://webglfundamentals.org/webgl/lessons/webgl-2d-matrices.html). Generalmente la gente usa una librería de matrices antes que escribir la suya. En nuestro caso estamos usando la popular [librería glMatrix](http://glmatrix.net/).
 
-<p>Ver también</p>
+Ver también
 
-<ul>
- <li><a href="https://webglfundamentals.org/webgl/lessons/webgl-2d-matrices.html">Matrices</a> en WebGLFundamentals</li>
- <li><a class="external" href="http://mathworld.wolfram.com/Matrix.html">Matrices</a> en Wolfram MathWorld</li>
- <li><a class="external" href="http://en.wikipedia.org/wiki/Matrix_(mathematics)">Matriz</a> en Wikipedia</li>
-</ul>
+- [Matrices](https://webglfundamentals.org/webgl/lessons/webgl-2d-matrices.html) en WebGLFundamentals
+- [Matrices](http://mathworld.wolfram.com/Matrix.html) en Wolfram MathWorld
+- [Matriz](<http://en.wikipedia.org/wiki/Matrix_(mathematics)>) en Wikipedia
 
-<p>{{PreviousNext("Web/API/WebGL_API/Tutorial/Getting_started_with_WebGL", "Web/API/WebGL_API/Tutorial/Using_shaders_to_apply_color_in_WebGL")}}</p>
+{{PreviousNext("Web/API/WebGL_API/Tutorial/Getting_started_with_WebGL", "Web/API/WebGL_API/Tutorial/Using_shaders_to_apply_color_in_WebGL")}}
diff --git a/files/es/web/api/webgl_api/tutorial/animating_textures_in_webgl/index.md b/files/es/web/api/webgl_api/tutorial/animating_textures_in_webgl/index.md
index 03b6587e1c09bd..2c77e429238828 100644
--- a/files/es/web/api/webgl_api/tutorial/animating_textures_in_webgl/index.md
+++ b/files/es/web/api/webgl_api/tutorial/animating_textures_in_webgl/index.md
@@ -3,71 +3,81 @@ title: Animating textures in WebGL
 slug: Web/API/WebGL_API/Tutorial/Animating_textures_in_WebGL
 translation_of: Web/API/WebGL_API/Tutorial/Animating_textures_in_WebGL
 ---
-<p>{{WebGLSidebar("Tutorial") }} {{Previous("Web/API/WebGL_API/Tutorial/Lighting_in_WebGL")}}</p>
+{{WebGLSidebar("Tutorial") }} {{Previous("Web/API/WebGL_API/Tutorial/Lighting_in_WebGL")}}
 
-<p>En esta demostración nos basamos en el ejemplo anterior, solo que ahora reemplazaremos nuestra textura estática con los fotogramas de un video Ogg.</p>
+En esta demostración nos basamos en el ejemplo anterior, solo que ahora reemplazaremos nuestra textura estática con los fotogramas de un video Ogg.
 
-<p>Esto es de hecho muy fácil de entender y de hacer, así que vamos a empezar. </p>
+Esto es de hecho muy fácil de entender y de hacer, así que vamos a empezar.
 
-<p>Podemos utilizar un código similar para usar, como fuente para las texturas, otros tipos de datos tales como {{ HTMLElement("canvas") }}.</p>
+Podemos utilizar un código similar para usar, como fuente para las texturas, otros tipos de datos tales como {{ HTMLElement("canvas") }}.
 
-<h2 id="Obteniendo_acceso_al_video">Obteniendo acceso al video</h2>
+## Obteniendo acceso al video
 
-<p>El primer paso es añadir el HTML para crear el elemento {{ HTMLElement("video") }} que usaremos para obtener los fotogramas de video:</p>
+El primer paso es añadir el HTML para crear el elemento {{ HTMLElement("video") }} que usaremos para obtener los fotogramas de video:
 
-<pre class="brush: js">&lt;video id="video"&gt;
-  Parece ser que tu navegador no soporta el elemento HTML5. &lt;code&gt;&amp;lt;video&amp;gt;&lt;/code&gt;
-&lt;/video&gt;
-</pre>
+```js
+<video id="video">
+  Parece ser que tu navegador no soporta el elemento HTML5. <code>&lt;video&gt;</code>
+</video>
+```
 
-<p>Esto simplemente crea un elemento para reproducir el archivo de video "Firefox.ogv". Usaremos CSS para ocultar el video</p>
+Esto simplemente crea un elemento para reproducir el archivo de video "Firefox.ogv". Usaremos CSS para ocultar el video
 
-<pre class="brush: css">video {
+```css
+video {
   display: none;
 }
-</pre>
+```
 
-<p>Ahora pasamos al código JavasScript, empezando por añadir una línea de código a la función start() para obtener la referencia al elemento de video:</p>
+Ahora pasamos al código JavasScript, empezando por añadir una línea de código a la función start() para obtener la referencia al elemento de video:
 
-<pre class="brush: js">videoElement = document.getElementById("video");
-</pre>
+```js
+videoElement = document.getElementById("video");
+```
 
-<p>Y reemplazamos el código que configura las llamadas de "interval-driven" en drawScecene() por esto:</p>
+Y reemplazamos el código que configura las llamadas de "interval-driven" en drawScecene() por esto:
 
-<pre class="brush: js">videoElement.addEventListener("canplaythrough", startVideo, true);
+```js
+videoElement.addEventListener("canplaythrough", startVideo, true);
 videoElement.addEventListener("ended", videoDone, true);
-</pre>
+```
 
-<p>Finalmente configuramos el atributo src para empezar a cargar el video. FIXME (bjacob): También se debe configurar preload="auto" o si no, el video nunca ejecuta canplaythrough en Firefox. En Chrome se debería cargar el video aun sin usar preload="auto".</p>
+Finalmente configuramos el atributo src para empezar a cargar el video. FIXME (bjacob): También se debe configurar preload="auto" o si no, el video nunca ejecuta canplaythrough en Firefox. En Chrome se debería cargar el video aun sin usar preload="auto".
 
-<pre class="brush: js">video.preload = "auto";
-videoElement.src = "Firefox.ogv";</pre>
+```js
+video.preload = "auto";
+videoElement.src = "Firefox.ogv";
+```
 
-<p>El objetivo aquí es no empezar la animación hasta que una parte suficiente del video se haya cargado de modo que pueda ser reproducido sin interrupciones. Para esto añadimos un event listener para esperar a que el elemento de video nos diga que ya ha cargado los suficientes datos como para reproducir el video puede ser reproducido sin pausas.</p>
+El objetivo aquí es no empezar la animación hasta que una parte suficiente del video se haya cargado de modo que pueda ser reproducido sin interrupciones. Para esto añadimos un event listener para esperar a que el elemento de video nos diga que ya ha cargado los suficientes datos como para reproducir el video puede ser reproducido sin pausas.
 
-<p>The <code>startVideo()</code> quedará así:</p>
+The `startVideo()` quedará así:
 
-<pre class="brush: js">function startVideo() {
+```js
+function startVideo() {
   videoElement.play();
   intervalID = setInterval(drawScene, 15);
 }
-</pre>
+```
 
-<p>Esto simplemente reproduce el video, entonces establece las llamadas "interval-driven" a drawScene() para gestionar el renderizado del cubo.</p>
+Esto simplemente reproduce el video, entonces establece las llamadas "interval-driven" a drawScene() para gestionar el renderizado del cubo.
 
-<p>Añadiremos también un segundo event listener en el "ended" del video de modo que cuando el video haya finalizado de reproducirse nosotros podamos parar la animación.</p>
+Añadiremos también un segundo event listener en el "ended" del video de modo que cuando el video haya finalizado de reproducirse nosotros podamos parar la animación.
 
-<pre class="brush: js">function videoDone() {
+```js
+function videoDone() {
   clearInterval(intervalID);
-}</pre>
+}
+```
 
-<p>La función de videoDone() simplemente llama a {{ domxref("window.clearInterval()") }}  para terminar de llamar a la función de actualizar la animación.</p>
+La función de videoDone() simplemente llama a {{ domxref("window.clearInterval()") }} para terminar de llamar a la función de actualizar la animación.
 
-<h2 id="Usando_los_fotogramas_del_video_como_textura">Usando los fotogramas del video como textura</h2>
+## Usando los fotogramas del video como textura
 
-<p>El siguiente paso es initTexture(), el cual se ha vuelto mucho más simple desde que no es necesario cargar un archivo de imagen. En lugar de esto, todo lo que vamos a hacer es crear un objeto de textura vacío para configurar el filtering cuando lo usemos más tarde:</p>
+El siguiente paso es initTexture(), el cual se ha vuelto mucho más simple desde que no es necesario cargar un archivo de imagen. En lugar de esto, todo lo que vamos a hacer es crear un objeto de textura vacío para configurar el filtering cuando lo usemos más tarde:
 
-<pre class="brush: js">function initTextures() {
+```js
+function initTextures() {
   cubeTexture = gl.createTexture();
   gl.bindTexture(gl.TEXTURE_2D, cubeTexture);
   gl.texParameteri(gl.TEXTURE_2D, gl.TEXTURE_MAG_FILTER, gl.LINEAR);
@@ -75,32 +85,31 @@ videoElement.src = "Firefox.ogv";</pre>
   gl.texParameteri(gl.TEXTURE_2D, gl.TEXTURE_WRAP_S, gl.CLAMP_TO_EDGE);
   gl.texParameteri(gl.TEXTURE_2D, gl.TEXTURE_WRAP_T, gl.CLAMP_TO_EDGE);
 }
-</pre>
+```
 
-<div>La función updateTexture() quedaría así; Aquí es donde se realiza el trabajo real.</div>
+La función updateTexture() quedaría así; Aquí es donde se realiza el trabajo real.
 
-<pre class="brush: js">function updateTexture() {
+```js
+function updateTexture() {
   gl.bindTexture(gl.TEXTURE_2D, cubeTexture);
   gl.pixelStorei(gl.UNPACK_FLIP_Y_WEBGL, true);
   gl.texImage2D(gl.TEXTURE_2D, 0, gl.RGBA, gl.RGBA,
         gl.UNSIGNED_BYTE, videoElement);
 }
-</pre>
+```
 
-<p>Has visto este código antes. Es prácticamente idéntico a la rutina de handleTextureLoaded() en el ejemplo anterior, excepto que cuando llamamos a texImage2D() en lugar de pasarle un objeto Image, lo pasamos en el elemento {{ HTMLElement("video") }}. Ya que WebGL sabe como obtener el fotograma actual y usarlo como textura.</p>
+Has visto este código antes. Es prácticamente idéntico a la rutina de handleTextureLoaded() en el ejemplo anterior, excepto que cuando llamamos a texImage2D() en lugar de pasarle un objeto Image, lo pasamos en el elemento {{ HTMLElement("video") }}. Ya que WebGL sabe como obtener el fotograma actual y usarlo como textura.
 
-<p><code>updateTexture()</code> se llama cada vez que estamos preparados para que la función drawScene() redibuje la escena. La única diferencia es que añadimos la llamada de updateTexture() antes de hacer nada más.</p>
+`updateTexture()` se llama cada vez que estamos preparados para que la función drawScene() redibuje la escena. La única diferencia es que añadimos la llamada de updateTexture() antes de hacer nada más.
 
-<p>¡Esto es todo al respecto!</p>
+¡Esto es todo al respecto!
 
-<p>{{EmbedGHLiveSample('webgl-examples/tutorial/sample8/index.html', 670, 510) }}</p>
+{{EmbedGHLiveSample('webgl-examples/tutorial/sample8/index.html', 670, 510) }}
 
-<p><a href="https://github.com/mdn/webgl-examples/tree/gh-pages/tutorial/sample8">Ver el código completo</a> | <a href="http://mdn.github.io/webgl-examples/tutorial/sample8/">Abrir esta demo en una nueva página</a></p>
+[Ver el código completo](https://github.com/mdn/webgl-examples/tree/gh-pages/tutorial/sample8) | [Abrir esta demo en una nueva página](http://mdn.github.io/webgl-examples/tutorial/sample8/)
 
-<h2 id="Artículos_relacionados">Artículos relacionados</h2>
+## Artículos relacionados
 
-<ul>
- <li><a href="/es/Using_HTML5_audio_and_video">Usar audio y video en Firefox</a></li>
-</ul>
+- [Usar audio y video en Firefox](/es/Using_HTML5_audio_and_video)
 
-<p>{{Previous("Web/API/WebGL_API/Tutorial/Lighting_in_WebGL")}}</p>
+{{Previous("Web/API/WebGL_API/Tutorial/Lighting_in_WebGL")}}
diff --git a/files/es/web/api/webgl_api/tutorial/creating_3d_objects_using_webgl/index.md b/files/es/web/api/webgl_api/tutorial/creating_3d_objects_using_webgl/index.md
index 6ffff36d85abed..f4e3a6b07b6307 100644
--- a/files/es/web/api/webgl_api/tutorial/creating_3d_objects_using_webgl/index.md
+++ b/files/es/web/api/webgl_api/tutorial/creating_3d_objects_using_webgl/index.md
@@ -9,17 +9,18 @@ tags:
 translation_of: Web/API/WebGL_API/Tutorial/Creating_3D_objects_using_WebGL
 original_slug: Web/API/WebGL_API/Tutorial/Objetos_3D_utilizando_WebGL
 ---
-<p>{{WebGLSidebar("Tutorial")}} {{PreviousNext("Web/API/WebGL_API/Tutorial/Animating_objects_with_WebGL", "Web/API/WebGL_API/Tutorial/Using_textures_in_WebGL")}}</p>
+{{WebGLSidebar("Tutorial")}} {{PreviousNext("Web/API/WebGL_API/Tutorial/Animating_objects_with_WebGL", "Web/API/WebGL_API/Tutorial/Using_textures_in_WebGL")}}
 
-<p>Vamos a llevar nuestro cuadrado hacia la tercera dimensión agregando cinco caras más para crear el cubo. Para hacer esto de manera eficiente, vamos a cambiar el dibujado por medio de vertices utilizando el método {{domxref("WebGLRenderingContext.drawArrays()", "gl.drawArrays()")}}<code> </code>por el uso de un arreglo de vértices como tabla, esto por medio del llamado hacia   {{domxref("WebGLRenderingContext.drawElements()", "gl.drawElements()")}}.</p>
+Vamos a llevar nuestro cuadrado hacia la tercera dimensión agregando cinco caras más para crear el cubo. Para hacer esto de manera eficiente, vamos a cambiar el dibujado por medio de vertices utilizando el método {{domxref("WebGLRenderingContext.drawArrays()", "gl.drawArrays()")}}` `por el uso de un arreglo de vértices como tabla, esto por medio del llamado hacia {{domxref("WebGLRenderingContext.drawElements()", "gl.drawElements()")}}.
 
-<p>Considerar: cada cara cuatro vértices para su definición, pero cada vértice es compartido por 3 caras. Realizando una lista con los 24 vértices es como nosotros haremos un menor intercambio de datos, después haremos referencia hacia cada vértic por medio se su índice en la lista en lugar de pasar el juego entero de coordenadas. Si te preguntas por qué necesitamos 24 vértices, y no solo 8, es porque cada esquina pertenece a tres caras de diferente color, y un solo vértice necesita tener un solo color específico, por lo tanto crearemos 3 copias de cada vértice en tres colores diferentes, uno por cada cara.</p>
+Considerar: cada cara cuatro vértices para su definición, pero cada vértice es compartido por 3 caras. Realizando una lista con los 24 vértices es como nosotros haremos un menor intercambio de datos, después haremos referencia hacia cada vértic por medio se su índice en la lista en lugar de pasar el juego entero de coordenadas. Si te preguntas por qué necesitamos 24 vértices, y no solo 8, es porque cada esquina pertenece a tres caras de diferente color, y un solo vértice necesita tener un solo color específico, por lo tanto crearemos 3 copias de cada vértice en tres colores diferentes, uno por cada cara.
 
-<h2 id="Definir_la_posición_de_los_vértices_del_cubo">Definir la posición de los vértices del cubo</h2>
+## Definir la posición de los vértices del cubo
 
-<p>Primero, construiremos el buffer para la posición de los vértices actualizando el código en <code>initBuffers()</code>. Esto es muy parecido a lo como si fuera para el cuadraro, pero más lardo debido a que ahora son 24 vértices (4 por lado):</p>
+Primero, construiremos el buffer para la posición de los vértices actualizando el código en `initBuffers()`. Esto es muy parecido a lo como si fuera para el cuadraro, pero más lardo debido a que ahora son 24 vértices (4 por lado):
 
-<pre class="brush: js">var vertices = [
+```js
+var vertices = [
   // Cara delantera
   -1.0, -1.0,  1.0,
    1.0, -1.0,  1.0,
@@ -56,13 +57,14 @@ original_slug: Web/API/WebGL_API/Tutorial/Objetos_3D_utilizando_WebGL
   -1.0,  1.0,  1.0,
   -1.0,  1.0, -1.0
 ];
-</pre>
+```
 
-<h2 id="Definir_los_colores_de_los_vértices">Definir los colores de los vértices</h2>
+## Definir los colores de los vértices
 
-<p>Necesitamos construir un arreglo de colores por cada uno de los 24 vertices. Este código comienza por definir un color para cada cara, después utiliza un ciclo para ensamblar el arreglo de colores por cada uno de los vértices.</p>
+Necesitamos construir un arreglo de colores por cada uno de los 24 vertices. Este código comienza por definir un color para cada cara, después utiliza un ciclo para ensamblar el arreglo de colores por cada uno de los vértices.
 
-<pre class="brush: js">var colors = [
+```js
+var colors = [
   [1.0,  1.0,  1.0,  1.0],    // Cara delantera: blanco
   [1.0,  0.0,  0.0,  1.0],    // Cara trasera: rojo
   [0.0,  1.0,  0.0,  1.0],    // Cara superior: verde
@@ -73,10 +75,10 @@ original_slug: Web/API/WebGL_API/Tutorial/Objetos_3D_utilizando_WebGL
 
 var generatedColors = [];
 
-for (j=0; j&lt;6; j++) {
+for (j=0; j<6; j++) {
   var c = colors[j];
 
-  for (var i=0; i&lt;4; i++) {
+  for (var i=0; i<4; i++) {
     generatedColors = generatedColors.concat(c);
   }
 }
@@ -84,13 +86,14 @@ for (j=0; j&lt;6; j++) {
 var cubeVerticesColorBuffer = gl.createBuffer();
 gl.bindBuffer(gl.ARRAY_BUFFER, cubeVerticesColorBuffer);
 gl.bufferData(gl.ARRAY_BUFFER, new Float32Array(generatedColors), gl.STATIC_DRAW);
-</pre>
+```
 
-<h2 id="Definir_el_elemento_arreglo">Definir el elemento arreglo</h2>
+## Definir el elemento arreglo
 
-<p>Una ves que el vértice es generado, nosotros necesitamos contruir el elemento arreglo.</p>
+Una ves que el vértice es generado, nosotros necesitamos contruir el elemento arreglo.
 
-<pre class="brush: js">var cubeVerticesIndexBuffer = gl.createBuffer();
+```js
+var cubeVerticesIndexBuffer = gl.createBuffer();
 gl.bindBuffer(gl.ELEMENT_ARRAY_BUFFER, cubeVerticesIndexBuffer);
 
 // Este arrelgo define cada cara como 2 triángulos utilizando
@@ -110,25 +113,26 @@ var cubeVertexIndices = [
 
 gl.bufferData(gl.ELEMENT_ARRAY_BUFFER,
     new Uint16Array(cubeVertexIndices), gl.STATIC_DRAW);
-</pre>
+```
 
-<p>El arreglo <code>cubeVertexIndices</code> define cada cara como un par de triángulos, especificando cada vértice del triángulo como un índice dentro del arreglo de vértices en el cubo. Así el cubo es descrito como una colección de 12 triángulos. </p>
+El arreglo `cubeVertexIndices` define cada cara como un par de triángulos, especificando cada vértice del triángulo como un índice dentro del arreglo de vértices en el cubo. Así el cubo es descrito como una colección de 12 triángulos.
 
-<h2 id="Dibujando_el_cubo">Dibujando el cubo</h2>
+## Dibujando el cubo
 
-<p>Para continuar necesitaremos agregar el código a nuestra función <code>drawScene()</code> esto para poder dibujar utilizando el buffer índice del cubo, agregaremos un nuevo llamado a  {{domxref("WebGLRenderingContext.bindBuffer()", "gl.bindBuffer()")}}  y {{domxref("WebGLRenderingContext.drawElements()", "gl.drawElements()")}}como se muestra a continuación:</p>
+Para continuar necesitaremos agregar el código a nuestra función `drawScene()` esto para poder dibujar utilizando el buffer índice del cubo, agregaremos un nuevo llamado a {{domxref("WebGLRenderingContext.bindBuffer()", "gl.bindBuffer()")}} y {{domxref("WebGLRenderingContext.drawElements()", "gl.drawElements()")}}como se muestra a continuación:
 
-<pre class="brush: js">gl.bindBuffer(gl.ELEMENT_ARRAY_BUFFER, cubeVerticesIndexBuffer);
+```js
+gl.bindBuffer(gl.ELEMENT_ARRAY_BUFFER, cubeVerticesIndexBuffer);
 setMatrixUniforms();
 gl.drawElements(gl.TRIANGLES, 36, gl.UNSIGNED_SHORT, 0);
-</pre>
+```
 
-<p>Desde que cada cara de nuestro cubo está compuesto de dos triángulos, tenemos 6 vértices en el cubo, se podría pensar que algunos de ellos son duplicados. Sin embargo, desde que nuestro arreglo índice se encuentra compuesto de enteros simples, esto no es una cantidad excesiva de intercambio de datos para pasar por cada cuadro de la animación.</p>
+Desde que cada cara de nuestro cubo está compuesto de dos triángulos, tenemos 6 vértices en el cubo, se podría pensar que algunos de ellos son duplicados. Sin embargo, desde que nuestro arreglo índice se encuentra compuesto de enteros simples, esto no es una cantidad excesiva de intercambio de datos para pasar por cada cuadro de la animación.
 
-<p>En este punto ahora tenemos un cubo animado rebotando y rotando, cuenta con seis caras coloreadas vívidamente.</p>
+En este punto ahora tenemos un cubo animado rebotando y rotando, cuenta con seis caras coloreadas vívidamente.
 
-<p>{{EmbedGHLiveSample('webgl-examples/tutorial/sample5/index.html', 670, 510) }}</p>
+{{EmbedGHLiveSample('webgl-examples/tutorial/sample5/index.html', 670, 510) }}
 
-<p><a href="https://github.com/mdn/webgl-examples/tree/gh-pages/tutorial/sample5">Ver el Código completo</a> | <a href="http://mdn.github.io/webgl-examples/tutorial/sample5/">Abrir esta demostración en una página nueva</a></p>
+[Ver el Código completo](https://github.com/mdn/webgl-examples/tree/gh-pages/tutorial/sample5) | [Abrir esta demostración en una página nueva](http://mdn.github.io/webgl-examples/tutorial/sample5/)
 
-<p>{{PreviousNext("Web/API/WebGL_API/Tutorial/Animating_objects_with_WebGL", "Web/API/WebGL_API/Tutorial/Using_textures_in_WebGL")}}</p>
+{{PreviousNext("Web/API/WebGL_API/Tutorial/Animating_objects_with_WebGL", "Web/API/WebGL_API/Tutorial/Using_textures_in_WebGL")}}
diff --git a/files/es/web/api/webgl_api/tutorial/getting_started_with_webgl/index.md b/files/es/web/api/webgl_api/tutorial/getting_started_with_webgl/index.md
index 500c183eed880b..9c1bdd8afe889d 100644
--- a/files/es/web/api/webgl_api/tutorial/getting_started_with_webgl/index.md
+++ b/files/es/web/api/webgl_api/tutorial/getting_started_with_webgl/index.md
@@ -7,28 +7,30 @@ tags:
   - WebGL
 translation_of: Web/API/WebGL_API/Tutorial/Getting_started_with_WebGL
 ---
-<p>{{WebGLSidebar("Tutorial")}} {{Next("Web/API/WebGL_API/Tutorial/Adding_2D_content_to_a_WebGL_context")}}</p>
+{{WebGLSidebar("Tutorial")}} {{Next("Web/API/WebGL_API/Tutorial/Adding_2D_content_to_a_WebGL_context")}}
 
-<p>WebGL <span id="result_box" lang="es"><span>permite que el contenido web </span></span>utilice una API basada en <a class="external" href="http://www.khronos.org/opengles/" hreflang="en">OpenGL ES</a> 2.0 para llevar a cabo la representación 2D y 3D en un elemento <a href="https://developer.mozilla.org/en-US/docs/Web/API/Canvas_API">canvas</a> HTML en los navegadores que lo soporten sin el uso de plug-ins. WebGL consiste en código de control escrito en JavaScript y código de efectos especiales (código shader) que se ejecuta en la unidad de procesamiento gráfico de una computadora (GPU). Los elementos WebGL se pueden mezclar con otros elementos HTML y componerse con otras partes de la página o el fondo de la misma.</p>
+WebGL permite que el contenido web utilice una API basada en [OpenGL ES](http://www.khronos.org/opengles/) 2.0 para llevar a cabo la representación 2D y 3D en un elemento [canvas](/es/docs/Web/API/Canvas_API) HTML en los navegadores que lo soporten sin el uso de plug-ins. WebGL consiste en código de control escrito en JavaScript y código de efectos especiales (código shader) que se ejecuta en la unidad de procesamiento gráfico de una computadora (GPU). Los elementos WebGL se pueden mezclar con otros elementos HTML y componerse con otras partes de la página o el fondo de la misma.
 
-<p>Este artículo le dará a conocer los conceptos básicos de WebGL. Se asume que ya tiene una comprensión de las matemáticas implicadas en gráficos 3D, y este artículo no pretende tratar de enseñar OpenGL en sí.</p>
+Este artículo le dará a conocer los conceptos básicos de WebGL. Se asume que ya tiene una comprensión de las matemáticas implicadas en gráficos 3D, y este artículo no pretende tratar de enseñar OpenGL en sí.
 
-<h2 id="Preparando_el_renderizado_en_3D">Preparando el renderizado en 3D</h2>
+## Preparando el renderizado en 3D
 
-<p>Lo primero que necesitas para poder usar WebGL para renderizar en 3D es un HTML <a href="https://developer.mozilla.org/en-US/docs/Web/API/Canvas_API">canvas</a>. El fragmento HTML a continuación establece un <a href="https://developer.mozilla.org/en-US/docs/Web/API/Canvas_API">canvas</a> y configura un controlador de eventos <code>onload</code> que se utilizarán para inicializar nuestro contexto WebGL.</p>
+Lo primero que necesitas para poder usar WebGL para renderizar en 3D es un HTML [canvas](/es/docs/Web/API/Canvas_API). El fragmento HTML a continuación establece un [canvas](/es/docs/Web/API/Canvas_API) y configura un controlador de eventos `onload` que se utilizarán para inicializar nuestro contexto WebGL.
 
-<pre class="brush: html">&lt;body onload="start()"&gt;
-  &lt;canvas id="glcanvas" width="640" height="480"&gt;
-   Tu navegador parece no soportar el elemento HTML5 &lt;code&gt;&amp;lt;canvas&amp;gt;&lt;/code&gt;.
-  &lt;/canvas&gt;
-&lt;/body&gt;
-</pre>
+```html
+<body onload="start()">
+  <canvas id="glcanvas" width="640" height="480">
+   Tu navegador parece no soportar el elemento HTML5 <code>&lt;canvas&gt;</code>.
+  </canvas>
+</body>
+```
 
-<h3 id="Preparando_el_contexto_de_WebGL">Preparando el contexto de WebGL</h3>
+### Preparando el contexto de WebGL
 
-<p>La función <code>start()</code>, en nuestro código JavaScript, es llamada después de que el documento fue cargado. Su misión es establecer el contexto WebGL y empezar a renderizar contenido.</p>
+La función `start()`, en nuestro código JavaScript, es llamada después de que el documento fue cargado. Su misión es establecer el contexto WebGL y empezar a renderizar contenido.
 
-<pre class="brush: js">var gl; // Un variable global para el contexto WebGL
+```js
+var gl; // Un variable global para el contexto WebGL
 
 function start() {
   var canvas = document.getElementById("glcanvas");
@@ -44,21 +46,22 @@ function start() {
     gl.clear(gl.COLOR_BUFFER_BIT|gl.DEPTH_BUFFER_BIT);      // Limpiar el buffer de color asi como el de profundidad
   }
 }
-</pre>
+```
 
-<p>La primer cosa que hacemos aqui es obtener una referencia al <a href="https://developer.mozilla.org/en-US/docs/Web/API/Canvas_API">canvas</a>, ocultándolo en una variable llamada <code>canvas</code>. Obviamente si no necesitas referenciar repetidamente, deberías evitar guardar este valor globalmente, y solo guardarlo en una variable local o miembro de un objeto.</p>
+La primer cosa que hacemos aqui es obtener una referencia al [canvas](/es/docs/Web/API/Canvas_API), ocultándolo en una variable llamada `canvas`. Obviamente si no necesitas referenciar repetidamente, deberías evitar guardar este valor globalmente, y solo guardarlo en una variable local o miembro de un objeto.
 
-<p>Una vez tenemos el canvas, llamamos a la función llamada <code>initWebGL()</code>; esta es una función que definiremos momentaneamente; su trabajo es inicializar el contexto WebGL.</p>
+Una vez tenemos el canvas, llamamos a la función llamada `initWebGL()`; esta es una función que definiremos momentaneamente; su trabajo es inicializar el contexto WebGL.
 
-<p>Si el contexto es exitosamente inicializado, <code>gl</code> sera una referencia a este. En este caso, establecemos el color base a negro, después limpiamos el contexto a ese color. Después, el contexto es configurado estableciendo parametros. En este caso, estamos habilitando la prueba de profundidad y especificando que los objetos cercanos opacaran a los objetos lejanos.</p>
+Si el contexto es exitosamente inicializado, `gl` sera una referencia a este. En este caso, establecemos el color base a negro, después limpiamos el contexto a ese color. Después, el contexto es configurado estableciendo parametros. En este caso, estamos habilitando la prueba de profundidad y especificando que los objetos cercanos opacaran a los objetos lejanos.
 
-<p>Para los propositos de esta introducción al código, eso sera todo lo que haremos. Empezaremos a ver como crear algo después.</p>
+Para los propositos de esta introducción al código, eso sera todo lo que haremos. Empezaremos a ver como crear algo después.
 
-<h3 id="Crear_el_contexto_de_WebGL">Crear el contexto de WebGL</h3>
+### Crear el contexto de WebGL
 
-<p>La función <code>initWebGL()</code>se ve como esto:</p>
+La función `initWebGL()`se ve como esto:
 
-<pre class="brush: js">function initWebGL(canvas) {
+```js
+function initWebGL(canvas) {
   gl = null;
 
   try {
@@ -75,32 +78,31 @@ function start() {
 
   return gl;
 }
+```
 
-</pre>
+Para obtener el contexto WebGL de un canvas, pedimo el contexto llamado "webgl" del canvas. Si este falla, intentamos con el nombre "experimental-webgl". Si este igualmente, falla, mostramos una alerta permitiendo al usuario conocer que parece no tener soporte WebGL. Eso es todo al respecto. En este punto, `gl` es nulo (no hay ningun contexto WebGL disponible) o es una referencia al contexto WebGL en donde renderizaremos.
 
-<p>Para obtener el contexto WebGL de un canvas, pedimo el contexto llamado "webgl" del canvas. Si este falla, intentamos con el nombre "experimental-webgl". Si este igualmente, falla, mostramos una alerta permitiendo al usuario conocer que parece no tener soporte WebGL. Eso es todo al respecto. En este punto, <code>gl</code> es nulo (no hay ningun contexto WebGL disponible) o es una referencia al contexto WebGL en donde renderizaremos.</p>
+> **Nota:** El nombre de contexto "experimental-webgl" es nombre temporal para usar durante el desarrollo de las especificaciones; el nombre "webgl" sera usado una vez se termine el desarrollo.
 
-<div class="note"><strong>Nota:</strong> El nombre de contexto "experimental-webgl" es nombre temporal para usar durante el desarrollo de las especificaciones; el nombre "webgl" sera usado una vez se termine el desarrollo.</div>
+En este punto, tienes suficiente código para que el contexto WebGL, inicialice exitosamente, y deberias terminar con una gran cuadro negro y vacio, listo y esperando a recibir contenido .
 
-<p>En este punto, tienes suficiente código para que el contexto WebGL, inicialice exitosamente, y deberias terminar con una gran cuadro negro y vacio, listo y esperando a recibir contenido .</p>
+[Prueba este ejemplo](/samples/webgl/sample1/index.html "https://developer.mozilla.org/samples/webgl/sample1/index.html") si estas usando un navegador compatible con WebGL.
 
-<p><a href="/samples/webgl/sample1/index.html" title="https://developer.mozilla.org/samples/webgl/sample1/index.html">Prueba este ejemplo</a> si estas usando un navegador compatible con WebGL.</p>
+### Cambiando el tamaño del contexto WebGL
 
-<h3 id="Cambiando_el_tamaño_del_contexto_WebGL">Cambiando el tamaño del contexto WebGL</h3>
+Un nuevo contexto WebGL establecera el tamaño de su ventana a la altura y anchura del elemento canvas, sin CSS, al instante el contexto fue obtenido. Editando el estilo del elemento canvas cambiara su tamaño mostrado pero no cambiara la resolución de renderizado. Editando los atributos de anchura y altura de un elemento canvas después de crear el contexto tampoco cambiara el numero de pixeles a ser renderizados. Para cambiar la resolución en la cual WebGL renderiza, como cuando el usuario cambia el tamaño de ventana de un canvas de documento completo o quieres proveer ajustes graficos ajustables dentro de la aplicación, necesitaras llamar a la función del contexto WebGL llamada `viewport()` para hacer efectivo el cambio.
 
-<p>Un nuevo contexto WebGL establecera el tamaño de su ventana a la altura y anchura del elemento canvas, sin CSS, al instante el contexto fue obtenido. Editando el estilo del elemento canvas cambiara su tamaño mostrado pero no cambiara la resolución de renderizado. Editando los atributos de anchura y altura de un elemento canvas después de crear el contexto tampoco cambiara el numero de pixeles a ser renderizados. Para cambiar la resolución en la cual WebGL renderiza, como cuando el usuario cambia el tamaño de ventana de un canvas de documento completo o quieres proveer ajustes graficos ajustables dentro de la aplicación, necesitaras llamar a la función del contexto WebGL llamada <code>viewport()</code> para hacer efectivo el cambio.</p>
+Para modificar la resolución renderizada de un contexto WebGL con las variables `gl` y `canvas` como fue usado en el ejemplo de arriba:
 
-<p>Para modificar la resolución renderizada de un contexto WebGL con las variables <code>gl</code> y <code>canvas</code> como fue usado en el ejemplo de arriba:</p>
+```js
+gl.viewport(0, 0, canvas.width, canvas.height);
+```
 
-<pre class="brush: js">gl.viewport(0, 0, canvas.width, canvas.height);</pre>
+Un lienzo experimentara escalado cuando es renderizado en una resolución diferente a la establecida en el estilo CSS . Cambiar el tamaño con CSS es muy util para salvar recursos renderizando a una baja resolución y permitiendo que el navegador aumente la escala; bajar la escala es posible, lo que producira un efecto de Super Sample AntiAliasing (SSAA) (con resultados sencillos y un costo alto de rendimiento). Es mejor usar el MSAA (Multi Sample AntiAliasing) e implementar un filtrado de texturas en el navegador del usuario, si es que esta disponible y es apropiado, en lugar de hacerlo por medio de la fuerza bruta, esperando que el algoritmo de reducción de la imagen del navegador produzca un resultado limpio.
 
-<p>Un lienzo experimentara escalado cuando es renderizado en una resolución diferente a la establecida en el estilo CSS . Cambiar el tamaño con CSS es muy util para salvar recursos renderizando a una baja resolución y permitiendo que el navegador aumente la escala; bajar la escala es posible, lo que producira un efecto de Super Sample AntiAliasing (SSAA) (con resultados sencillos y un costo alto de rendimiento). Es mejor usar el <abbr style="line-height: 24px;" title='"Multisample'>MSAA (Multi Sample AntiAliasing)</abbr> e implementar un filtrado de texturas en el navegador del usuario, si es que esta disponible y es apropiado, en lugar de hacerlo por medio de la fuerza bruta, esperando que el algoritmo de reducción de la imagen del navegador produzca un resultado limpio.</p>
+## También podría interesarte
 
-<h2 id="También_podría_interesarte">También podría interesarte</h2>
+- [Una introducción a WebGL - ](https://dev.opera.com/articles/introduction-to-webgl-part-1/)Escrito por Luz Caballero, publicado en dev.opera.com. Este articulo cita que es WebGL, explica como funciona WebGL (incluyendo el concepto del proceso de renderizado), e introduce algunas librerias WebGL
+- [Una introducción al OpenGL moderno](http://duriansoftware.com/joe/An-intro-to-modern-OpenGL.-Table-of-Contents.html) - Una serie de articulos escritos por Joe Groff. Joe da una limpia introducción sobre OpenGL desde su historia al importante concepto del proceso de graficos y provee algunos ejemplos sobre como OpenGL trabaja. Si no tienes ninguna idea sobre OpenGL, este es un buen lugar para comenzar.
 
-<ul>
- <li><a href="https://dev.opera.com/articles/introduction-to-webgl-part-1/">Una introducción a WebGL - </a>Escrito por Luz Caballero, publicado en dev.opera.com. Este articulo cita que es WebGL, explica como funciona WebGL (incluyendo el concepto del proceso de renderizado), e introduce algunas librerias WebGL</li>
- <li><a href="http://duriansoftware.com/joe/An-intro-to-modern-OpenGL.-Table-of-Contents.html">Una introducción al OpenGL moderno</a> - Una serie de articulos escritos por Joe Groff. Joe da una limpia introducción sobre OpenGL desde su historia al importante concepto del proceso de graficos y provee algunos ejemplos sobre como OpenGL trabaja. Si no tienes ninguna idea sobre OpenGL, este es un buen lugar para comenzar.</li>
-</ul>
-
-<p>{{Next("Web/API/WebGL_API/Tutorial/Adding_2D_content_to_a_WebGL_context")}}</p>
+{{Next("Web/API/WebGL_API/Tutorial/Adding_2D_content_to_a_WebGL_context")}}
diff --git a/files/es/web/api/webgl_api/tutorial/index.md b/files/es/web/api/webgl_api/tutorial/index.md
index 1dbedb95ef82e8..cf751cf042e8cf 100644
--- a/files/es/web/api/webgl_api/tutorial/index.md
+++ b/files/es/web/api/webgl_api/tutorial/index.md
@@ -6,37 +6,31 @@ tags:
   - WebGL
 translation_of: Web/API/WebGL_API/Tutorial
 ---
-<div>{{WebGLSidebar}}</div>
+{{WebGLSidebar}}
 
-<div class="summary">
-<p><a class="external" href="http://www.khronos.org/webgl/">WebGL</a> enables web content to use an API based on <a class="external" href="http://www.khronos.org/opengles/">OpenGL ES</a> 2.0 to perform 3D rendering in an HTML {{HTMLElement("canvas")}} in browsers that support it without the use of plug-ins. WebGL programs consist of control code written in JavaScript and special effects code(shader code) that is executed on a computer's Graphics Processing Unit (GPU). WebGL elements can be mixed with other HTML elements and composited with other parts of the page or page background.</p>
-</div>
+[WebGL](http://www.khronos.org/webgl/) enables web content to use an API based on [OpenGL ES](http://www.khronos.org/opengles/) 2.0 to perform 3D rendering in an HTML {{HTMLElement("canvas")}} in browsers that support it without the use of plug-ins. WebGL programs consist of control code written in JavaScript and special effects code(shader code) that is executed on a computer's Graphics Processing Unit (GPU). WebGL elements can be mixed with other HTML elements and composited with other parts of the page or page background.
 
-<p><span class="seoSummary">This tutorial describes how to use the <code>&lt;canvas&gt;</code> element to draw WebGL graphics, starting with the basics. The examples provided should give you some clear ideas what you can do with WebGL and will provide code snippets that may get you started in building your own content.</span></p>
+This tutorial describes how to use the `<canvas>` element to draw WebGL graphics, starting with the basics. The examples provided should give you some clear ideas what you can do with WebGL and will provide code snippets that may get you started in building your own content.
 
-<p><strong>Antes de que inicies</strong></p>
+**Antes de que inicies**
 
-<p>Using the <code>&lt;canvas&gt;</code> element is not very difficult, but you do need a basic understanding of <a href="/en-US/docs/Web/HTML" title="HTML">HTML</a> and <a href="/en-US/docs/Web/JavaScript" title="JavaScript">JavaScript</a>. The <code>&lt;canvas&gt;</code> element and WebGL are not supported in some older browsers, but are supported in recent versions of all major browsers. In order to draw graphics on the canvas we use a JavaScript context object, which creates graphics on the fly.</p>
+Using the `<canvas>` element is not very difficult, but you do need a basic understanding of [HTML](/es/docs/Web/HTML "HTML") and [JavaScript](/es/docs/Web/JavaScript "JavaScript"). The `<canvas>` element and WebGL are not supported in some older browsers, but are supported in recent versions of all major browsers. In order to draw graphics on the canvas we use a JavaScript context object, which creates graphics on the fly.
 
-<p> </p>
+## En este tutorial
 
-<h2 id="En_este_tutorial">En este tutorial</h2>
-
-<dl>
- <dt><a href="/en-US/docs/Web/API/WebGL_API/Tutorial/Getting_started_with_WebGL">Getting started with WebGL</a></dt>
- <dd>How to set up a WebGL context.</dd>
- <dt><a href="/en-US/docs/Web/API/WebGL_API/Tutorial/Adding_2D_content_to_a_WebGL_context">Adding 2D content to a WebGL context</a></dt>
- <dd>How to render simple flat shapes using WebGL.</dd>
- <dt><a href="/en-US/docs/Web/API/WebGL_API/Tutorial/Using_shaders_to_apply_color_in_WebGL">Using shaders to apply color in WebGL</a></dt>
- <dd>Demonstrates how to add color to shapes using shaders.</dd>
- <dt><a href="/en-US/docs/Web/API/WebGL_API/Tutorial/Animating_objects_with_WebGL">Animating objects with WebGL</a></dt>
- <dd>Shows how to rotate and translate objects to create simple animations.</dd>
- <dt><a href="/en-US/docs/Web/API/WebGL_API/Tutorial/Creating_3D_objects_using_WebGL">Creating 3D objects using WebGL</a></dt>
- <dd>Shows how to create and animate a 3D object (in this case, a cube).</dd>
- <dt><a href="/en-US/docs/Web/API/WebGL_API/Tutorial/Using_textures_in_WebGL">Using textures in WebGL</a></dt>
- <dd>Demonstrates how to map textures onto the faces of an object.</dd>
- <dt><a href="/en-US/docs/Web/API/WebGL_API/Tutorial/Lighting_in_WebGL">Lighting in WebGL</a></dt>
- <dd>How to simulate lighting effects in your WebGL context.</dd>
- <dt><a href="/en-US/docs/Web/API/WebGL_API/Tutorial/Animating_textures_in_WebGL">Animating textures in WebGL</a></dt>
- <dd>Shows how to animate textures; in this case, by mapping an Ogg video onto the faces of a rotating cube.</dd>
-</dl>
+- [Getting started with WebGL](/es/docs/Web/API/WebGL_API/Tutorial/Getting_started_with_WebGL)
+  - : How to set up a WebGL context.
+- [Adding 2D content to a WebGL context](/es/docs/Web/API/WebGL_API/Tutorial/Adding_2D_content_to_a_WebGL_context)
+  - : How to render simple flat shapes using WebGL.
+- [Using shaders to apply color in WebGL](/es/docs/Web/API/WebGL_API/Tutorial/Using_shaders_to_apply_color_in_WebGL)
+  - : Demonstrates how to add color to shapes using shaders.
+- [Animating objects with WebGL](/es/docs/Web/API/WebGL_API/Tutorial/Animating_objects_with_WebGL)
+  - : Shows how to rotate and translate objects to create simple animations.
+- [Creating 3D objects using WebGL](/es/docs/Web/API/WebGL_API/Tutorial/Creating_3D_objects_using_WebGL)
+  - : Shows how to create and animate a 3D object (in this case, a cube).
+- [Using textures in WebGL](/es/docs/Web/API/WebGL_API/Tutorial/Using_textures_in_WebGL)
+  - : Demonstrates how to map textures onto the faces of an object.
+- [Lighting in WebGL](/es/docs/Web/API/WebGL_API/Tutorial/Lighting_in_WebGL)
+  - : How to simulate lighting effects in your WebGL context.
+- [Animating textures in WebGL](/es/docs/Web/API/WebGL_API/Tutorial/Animating_textures_in_WebGL)
+  - : Shows how to animate textures; in this case, by mapping an Ogg video onto the faces of a rotating cube.
diff --git a/files/es/web/api/webgl_api/tutorial/using_shaders_to_apply_color_in_webgl/index.md b/files/es/web/api/webgl_api/tutorial/using_shaders_to_apply_color_in_webgl/index.md
index 16bd6cf60dd2cd..f5a5dece90ed15 100644
--- a/files/es/web/api/webgl_api/tutorial/using_shaders_to_apply_color_in_webgl/index.md
+++ b/files/es/web/api/webgl_api/tutorial/using_shaders_to_apply_color_in_webgl/index.md
@@ -3,17 +3,18 @@ title: Utilizar los shaders para aplicar color en WebGL
 slug: Web/API/WebGL_API/Tutorial/Using_shaders_to_apply_color_in_WebGL
 translation_of: Web/API/WebGL_API/Tutorial/Using_shaders_to_apply_color_in_WebGL
 ---
-<p>{{WebGLSidebar("Tutorial")}} {{PreviousNext("Web/API/WebGL_API/Tutorial/Adding_2D_content_to_a_WebGL_context", "Web/API/WebGL_API/Tutorial/Animating_objects_with_WebGL")}}</p>
+{{WebGLSidebar("Tutorial")}} {{PreviousNext("Web/API/WebGL_API/Tutorial/Adding_2D_content_to_a_WebGL_context", "Web/API/WebGL_API/Tutorial/Animating_objects_with_WebGL")}}
 
-<p>Habiendo creado un cuadrado en la <a href="https://developer.mozilla.org/en-US/docs/Web/API/WebGL_API/Tutorial/Adding_2D_content_to_a_WebGL_context">demostración anterior</a>, el siguiente paso es agregar algo de color. Nosotros podemos hacer esto a través de los shaders.</p>
+Habiendo creado un cuadrado en la [demostración anterior](/es/docs/Web/API/WebGL_API/Tutorial/Adding_2D_content_to_a_WebGL_context), el siguiente paso es agregar algo de color. Nosotros podemos hacer esto a través de los shaders.
 
-<h2 id="Aplicando_color_a_los_vértices">Aplicando color a los vértices</h2>
+## Aplicando color a los vértices
 
-<p>En WebGL, los objetos son construidos  utilizando conjuntos de vértices, donde cada uno de ellos posee una posición y un color. Por defecto, los colores de los otros pixeles (y todos sus atributos, incluyendo la posición) son procesados utilizando interpolación, creando automáticamente gradientes suaves. Anteriormente, nuestro sombreador de vértices (vertex shader) no aplicaba ningún color específico a los vértices. Entre éste y el fragmento sombreado que asigna el color blanco fijo a cada pixel, todo el cuadrado se renderizó como blanco sólido.</p>
+En WebGL, los objetos son construidos utilizando conjuntos de vértices, donde cada uno de ellos posee una posición y un color. Por defecto, los colores de los otros pixeles (y todos sus atributos, incluyendo la posición) son procesados utilizando interpolación, creando automáticamente gradientes suaves. Anteriormente, nuestro sombreador de vértices (vertex shader) no aplicaba ningún color específico a los vértices. Entre éste y el fragmento sombreado que asigna el color blanco fijo a cada pixel, todo el cuadrado se renderizó como blanco sólido.
 
-<p>Vamos a suponer que queremos desplegar un gradiente donde cada una de las esquinas tiene diferente color: rojo, azul, verde, y blanco. La primera tarea es establecer estos colores en los cuatro vértices. Para hacer esto, primero necesitamos crear una matriz de colores de vértices, después la guardaremos dentro del buffer WebGL. Podemos realizarlo agregando el siguiente código a nuestra función initBuffers(): </p>
+Vamos a suponer que queremos desplegar un gradiente donde cada una de las esquinas tiene diferente color: rojo, azul, verde, y blanco. La primera tarea es establecer estos colores en los cuatro vértices. Para hacer esto, primero necesitamos crear una matriz de colores de vértices, después la guardaremos dentro del buffer WebGL. Podemos realizarlo agregando el siguiente código a nuestra función initBuffers():
 
-<pre class="brush: js">  var colors = [
+```js
+  var colors = [
     1.0,  1.0,  1.0,  1.0,    // blanco
     1.0,  0.0,  0.0,  1.0,    // rojo
     0.0,  1.0,  0.0,  1.0,    // verde
@@ -24,13 +25,14 @@ translation_of: Web/API/WebGL_API/Tutorial/Using_shaders_to_apply_color_in_WebGL
   gl.bindBuffer(gl.ARRAY_BUFFER, squareVerticesColorBuffer);
   gl.bufferData(gl.ARRAY_BUFFER, new Float32Array(colors), gl.STATIC_DRAW);
 }
-</pre>
+```
 
-<p>El código comienza por crear una matriz JavaScript que contenga cuatro vectores de 4 valores, para cada uno de los colores del vértice. Entonces se reserva un nuevo buffer WebGL para almacenar esos colores y la matriz se convierte en floats (Números de tipo flotante) y se almacena dentro del buffer.</p>
+El código comienza por crear una matriz JavaScript que contenga cuatro vectores de 4 valores, para cada uno de los colores del vértice. Entonces se reserva un nuevo buffer WebGL para almacenar esos colores y la matriz se convierte en floats (Números de tipo flotante) y se almacena dentro del buffer.
 
-<p>Para designar los colores a utilizar, el vertex shader necesita ser actualizado para extraer el color apropiado del buffer de color:</p>
+Para designar los colores a utilizar, el vertex shader necesita ser actualizado para extraer el color apropiado del buffer de color:
 
-<pre class="brush: html">    &lt;script id="shader-vs" type="x-shader/x-vertex"&gt;
+```html
+    <script id="shader-vs" type="x-shader/x-vertex">
       attribute vec3 aVertexPosition;
       attribute vec4 aVertexColor;
 
@@ -43,49 +45,52 @@ translation_of: Web/API/WebGL_API/Tutorial/Using_shaders_to_apply_color_in_WebGL
         gl_Position = uPMatrix * uMVMatrix * vec4(aVertexPosition, 1.0);
         vColor = aVertexColor;
       }
-    &lt;/script&gt;
-</pre>
+    </script>
+```
 
-<p>La diferencia principal aquí es que, por cada vértice, vamos a establecer su color usando <code>varying</code> en el fragmento de sombreado.</p>
+La diferencia principal aquí es que, por cada vértice, vamos a establecer su color usando `varying` en el fragmento de sombreado.
 
-<h2 id="Coloreando_los_fragments">Coloreando los fragments</h2>
+## Coloreando los fragments
 
-<p>Anteriormente utilizábamos el fragment shader como un actualizador:</p>
+Anteriormente utilizábamos el fragment shader como un actualizador:
 
-<pre class="brush: html">    &lt;script id="shader-fs" type="x-shader/x-fragment"&gt;
+```html
+    <script id="shader-fs" type="x-shader/x-fragment">
       void main(void) {
         gl_FragColor = vec4(1.0, 1.0, 1.0, 1.0);
       }
-    &lt;/script&gt;
-</pre>
+    </script>
+```
 
-<p>Según vayamos tomando el color interpolado para cada pixel, nosotros simplemente necesitamos cambiar esto para obtener el valor de la variable vColor:</p>
+Según vayamos tomando el color interpolado para cada pixel, nosotros simplemente necesitamos cambiar esto para obtener el valor de la variable vColor:
 
-<pre class="brush: html">    &lt;script id="shader-fs" type="x-shader/x-fragment"&gt;
+```html
+    <script id="shader-fs" type="x-shader/x-fragment">
     	varying lowp vec4 vColor;
 
       void main(void) {
         gl_FragColor = vColor;
       }
-    &lt;/script&gt;
-</pre>
+    </script>
+```
 
-<p>Es un cambio simple; cada fragmento simplemente recibe el color interpolado basado en su posición relativa a los vértices, en lugar que de un valor establecido.</p>
+Es un cambio simple; cada fragmento simplemente recibe el color interpolado basado en su posición relativa a los vértices, en lugar que de un valor establecido.
 
-<h2 id="Dibujando_usando_los_colores">Dibujando usando los colores</h2>
+## Dibujando usando los colores
 
-<p>Como siguiente, es necesario agregar código hacia la rutina <code>initShaders() esto para inicializar el atributo de color para el shader program:</code></p>
+Como siguiente, es necesario agregar código hacia la rutina `initShaders() esto para inicializar el atributo de color para el shader program:`
 
-<pre class="brush: js">  vertexColorAttribute = gl.getAttribLocation(shaderProgram, "aVertexColor");
+```js
+  vertexColorAttribute = gl.getAttribLocation(shaderProgram, "aVertexColor");
   gl.enableVertexAttribArray(vertexColorAttribute);
-</pre>
+```
 
-<p>Then, drawScene() puede ser revisado para que utilice dichos colores cuando dibuje el cuadrado:</p>
+Then, drawScene() puede ser revisado para que utilice dichos colores cuando dibuje el cuadrado:
 
-<p>gl.bindBuffer(gl.ARRAY_BUFFER, squareVerticesColorBuffer); gl.vertexAttribPointer(vertexColorAttribute, 4, gl.FLOAT, false, 0, 0);</p>
+gl.bindBuffer(gl.ARRAY_BUFFER, squareVerticesColorBuffer); gl.vertexAttribPointer(vertexColorAttribute, 4, gl.FLOAT, false, 0, 0);
 
-<p>{{EmbedGHLiveSample('webgl-examples/tutorial/sample3/index.html', 670, 510) }}</p>
+{{EmbedGHLiveSample('webgl-examples/tutorial/sample3/index.html', 670, 510) }}
 
-<p><a href="https://github.com/mdn/webgl-examples/tree/gh-pages/tutorial/sample3">Ver el código completo</a> | <a href="http://mdn.github.io/webgl-examples/tutorial/sample3/">Abrir demostración en una nueva página</a></p>
+[Ver el código completo](https://github.com/mdn/webgl-examples/tree/gh-pages/tutorial/sample3) | [Abrir demostración en una nueva página](http://mdn.github.io/webgl-examples/tutorial/sample3/)
 
-<p>{{PreviousNext("Web/API/WebGL_API/Tutorial/Adding_2D_content_to_a_WebGL_context", "Web/API/WebGL_API/Tutorial/Animating_objects_with_WebGL")}}</p>
+{{PreviousNext("Web/API/WebGL_API/Tutorial/Adding_2D_content_to_a_WebGL_context", "Web/API/WebGL_API/Tutorial/Animating_objects_with_WebGL")}}
diff --git a/files/es/web/api/webgl_api/tutorial/using_textures_in_webgl/index.md b/files/es/web/api/webgl_api/tutorial/using_textures_in_webgl/index.md
index 934ea2a533c975..65560045cfa6ce 100644
--- a/files/es/web/api/webgl_api/tutorial/using_textures_in_webgl/index.md
+++ b/files/es/web/api/webgl_api/tutorial/using_textures_in_webgl/index.md
@@ -8,19 +8,20 @@ tags:
 translation_of: Web/API/WebGL_API/Tutorial/Using_textures_in_WebGL
 original_slug: Web/API/WebGL_API/Tutorial/Wtilizando_texturas_en_WebGL
 ---
-<p>{{WebGLSidebar("Tutorial")}} {{PreviousNext("Web/API/WebGL_API/Tutorial/Creating_3D_objects_using_WebGL", "Web/API/WebGL_API/Tutorial/Lighting_in_WebGL")}}</p>
+{{WebGLSidebar("Tutorial")}} {{PreviousNext("Web/API/WebGL_API/Tutorial/Creating_3D_objects_using_WebGL", "Web/API/WebGL_API/Tutorial/Lighting_in_WebGL")}}
 
-<p>Ahora que nuestro programa de prueba tiene un cubo, asignemos una textura en lugar de tener sus caras de un color solido.</p>
+Ahora que nuestro programa de prueba tiene un cubo, asignemos una textura en lugar de tener sus caras de un color solido.
 
-<h2 id="Cargando_texturas">Cargando texturas</h2>
+## Cargando texturas
 
-<p>La primera cosa que debemos hacer es añadir el codigo para cargar nuestra textura. en nuestro caso, estaremos usando una unica textura, asignada en las seis caras de nuestro cubo rotador, pero la misma tecnica puede ser utilizada para cualquier cantidad de texturas.</p>
+La primera cosa que debemos hacer es añadir el codigo para cargar nuestra textura. en nuestro caso, estaremos usando una unica textura, asignada en las seis caras de nuestro cubo rotador, pero la misma tecnica puede ser utilizada para cualquier cantidad de texturas.
 
-<div class="note"><strong>Note:</strong> Es importante señalar que la carga de texturas sigue <a href="https://developer.mozilla.org/en-US/docs/Web/HTTP/Access_control_CORS">reglas de dominio-cruzado</a>; Es decir, sólo puede cargar texturas de sitios para los que su contenido tiene aprobación de CORS. Vea las texturas entre dominios a continuación para más detalles.</div>
+> **Nota:** Es importante señalar que la carga de texturas sigue [reglas de dominio-cruzado](/es/docs/Web/HTTP/Access_control_CORS); Es decir, sólo puede cargar texturas de sitios para los que su contenido tiene aprobación de CORS. Vea las texturas entre dominios a continuación para más detalles.
 
-<p>El codigo que carga la textura se ve como esto:</p>
+El codigo que carga la textura se ve como esto:
 
-<pre class="brush: js">function initTextures() {
+```js
+function initTextures() {
   cubeTexture = gl.createTexture();
   cubeImage = new Image();
   cubeImage.onload = function() { handleTextureLoaded(cubeImage, cubeTexture); }
@@ -35,42 +36,45 @@ function handleTextureLoaded(image, texture) {
   gl.generateMipmap(gl.TEXTURE_2D);
   gl.bindTexture(gl.TEXTURE_2D, null);
 }
-</pre>
+```
 
-<p><code><font face="Open Sans, Arial, sans-serif">La rutina </font>initTextures()</code> comienza por crear el GL texture cubeTexture llamando la rutina GL {{domxref("WebGLRenderingContext.createTexture()", "createTexture()")}}. Para cargar la textura desde un archivo de imagen, este luego crea un Objeto Imagen y carga en él el archivo de imagen que deseamos utilizar como nuestra textura. La rutina <code>handleTextureLoaded()</code> corre cuando la textura ha terminado de cargar.</p>
+`La rutina initTextures()` comienza por crear el GL texture cubeTexture llamando la rutina GL {{domxref("WebGLRenderingContext.createTexture()", "createTexture()")}}. Para cargar la textura desde un archivo de imagen, este luego crea un Objeto Imagen y carga en él el archivo de imagen que deseamos utilizar como nuestra textura. La rutina `handleTextureLoaded()` corre cuando la textura ha terminado de cargar.
 
-<p>Para realmente crear la textura, especificamos que la nueva textura es la textura actual en la que queremos operar vinculándola a gl.TEXTURE_2D. Despues de esto, la imagen cargada es pasada a  {{domxref("WebGLRenderingContext.texImage2D()", "texImage2D()")}} para escribir la informacion de la imagen en la textura.</p>
+Para realmente crear la textura, especificamos que la nueva textura es la textura actual en la que queremos operar vinculándola a gl.TEXTURE_2D. Despues de esto, la imagen cargada es pasada a {{domxref("WebGLRenderingContext.texImage2D()", "texImage2D()")}} para escribir la informacion de la imagen en la textura.
 
-<div class=""><strong>Nota: El alto y hancho de las texturas deben, en la mayoría de las circunstancias, ser una potencia de dos píxeles (es decir, 1, 2, 4, 8, 16, etc.) en cada dimensión. Para la excepción, vea la sección: <a href="https://developer.mozilla.org/en-US/docs/Web/WebGL/Using_textures_in_WebGL#Non_power-of-two_textures">"Texturas no potencia de dos"</a>, a continuación.</strong></div>
+**Nota: El alto y hancho de las texturas deben, en la mayoría de las circunstancias, ser una potencia de dos píxeles (es decir, 1, 2, 4, 8, 16, etc.) en cada dimensión. Para la excepción, vea la sección: ["Texturas no potencia de dos"](/es/docs/Web/WebGL/Using_textures_in_WebGL#Non_power-of-two_textures), a continuación.**
 
-<p>Las siguientes dos líneas setean el filtrado para la textura; Esto controla cómo se filtra la imagen mientras se escala. En este caso estamos usando linear filtering cuando escala la imagen, y mipmap cuando se hace mas pequeña. Entonces el mipmap es generado llamando {{domxref("WebGLRenderingContext.generateMipMap()", "generateMipMap()")}}, Y terminamos diciéndole a WebGL que hemos terminado de manipular la textura vinculando null a gl.TEXTURE_2D.</p>
+Las siguientes dos líneas setean el filtrado para la textura; Esto controla cómo se filtra la imagen mientras se escala. En este caso estamos usando linear filtering cuando escala la imagen, y mipmap cuando se hace mas pequeña. Entonces el mipmap es generado llamando {{domxref("WebGLRenderingContext.generateMipMap()", "generateMipMap()")}}, Y terminamos diciéndole a WebGL que hemos terminado de manipular la textura vinculando null a gl.TEXTURE_2D.
 
-<h3 id="Texturas_no_potencia-de-dos">Texturas no potencia-de-dos</h3>
+### Texturas no potencia-de-dos
 
-<p>Generalmente hablando, Utilizar texturas cuyos lados son una potencia de dos es ideal. Están almacenadas eficientemente en la memoria de video y no están restringidas en cómo podrían ser utilizadas. Las texturas creadas por el artista deben ser escaladas hacia arriba o hacia abajo a una potencia cercana a dos y, realmente, debería haber sido creada en potencia-de-dos para empezar. Cada lado debe ser: 1, 2, 4, 8, 16, 32, 64, 128, 256, 512, 1024 ó 2048 píxeles. Muchos dispositivos, pero no todos, pueden soportar 4096 píxeles; Algunos pueden soportar 8192 e incluso más.</p>
+Generalmente hablando, Utilizar texturas cuyos lados son una potencia de dos es ideal. Están almacenadas eficientemente en la memoria de video y no están restringidas en cómo podrían ser utilizadas. Las texturas creadas por el artista deben ser escaladas hacia arriba o hacia abajo a una potencia cercana a dos y, realmente, debería haber sido creada en potencia-de-dos para empezar. Cada lado debe ser: 1, 2, 4, 8, 16, 32, 64, 128, 256, 512, 1024 ó 2048 píxeles. Muchos dispositivos, pero no todos, pueden soportar 4096 píxeles; Algunos pueden soportar 8192 e incluso más.
 
-<p>Ocasionalmente, es difícil utilizar texturas en potencia-de-dos dada una circunstancia especifica. Si la fuente es alguna tercera parte, A menudo los mejores resultados vienen de modificar las imágenes usando canvas HTML5 en tamaños de potencia-de-dos antes de que se pasen a WebGL; Las coordenadas UV también pueden requerir ajuste si el estiramiento es notorio.</p>
+Ocasionalmente, es difícil utilizar texturas en potencia-de-dos dada una circunstancia especifica. Si la fuente es alguna tercera parte, A menudo los mejores resultados vienen de modificar las imágenes usando canvas HTML5 en tamaños de potencia-de-dos antes de que se pasen a WebGL; Las coordenadas UV también pueden requerir ajuste si el estiramiento es notorio.
 
-<p>Pero, Si tiene que tener una textura no-potencia-de-dos (NPOT = no-power-of-two), WebGL incluye un limitado soporte nativo. Las texturas NPOT son en su mayoría útiles si las dimensiones de la textura debe ser la misma resolución que otra cosa, como la resolución de tu monitor, o si no vale la pena molestarse por las sugerencias anteriores. Resumiendo: estas texturas no se pueden usar con mipmapping y no deben repetirse (tile o wrap).</p>
+Pero, Si tiene que tener una textura no-potencia-de-dos (NPOT = no-power-of-two), WebGL incluye un limitado soporte nativo. Las texturas NPOT son en su mayoría útiles si las dimensiones de la textura debe ser la misma resolución que otra cosa, como la resolución de tu monitor, o si no vale la pena molestarse por las sugerencias anteriores. Resumiendo: estas texturas no se pueden usar con mipmapping y no deben repetirse (tile o wrap).
 
-<p>Un ejemplo de una textura es tilear una imagen de unos ladrillos para cubrir una pared de ladrillos.</p>
+Un ejemplo de una textura es tilear una imagen de unos ladrillos para cubrir una pared de ladrillos.
 
-<p>Mipmapping y "UV tiling" pueden ser desactivados utilizando {{domxref("WebGLRenderingContext.texParameter()", "texParameteri()")}} y cuando creas tu textura utilizando {{domxref("WebGLRenderingContext.bindTexture()", "bindTexture()")}}. Ésto permitirá las texturas NPOT a expensas de mipmapping, UV wrapping, UV tiling, y tu control sobre cómo el dispositivo procederá a manejar tu textura.</p>
+Mipmapping y "UV tiling" pueden ser desactivados utilizando {{domxref("WebGLRenderingContext.texParameter()", "texParameteri()")}} y cuando creas tu textura utilizando {{domxref("WebGLRenderingContext.bindTexture()", "bindTexture()")}}. Ésto permitirá las texturas NPOT a expensas de mipmapping, UV wrapping, UV tiling, y tu control sobre cómo el dispositivo procederá a manejar tu textura.
 
-<pre class="brush: js">// gl.NEAREST is also allowed, instead of gl.LINEAR, as neither mipmap.
+```js
+// gl.NEAREST is also allowed, instead of gl.LINEAR, as neither mipmap.
 gl.texParameteri(gl.TEXTURE_2D, gl.TEXTURE_MIN_FILTER, gl.LINEAR);
 // Prevents s-coordinate wrapping (repeating).
 gl.texParameteri(gl.TEXTURE_2D, gl.TEXTURE_WRAP_S, gl.CLAMP_TO_EDGE);
 // Prevents t-coordinate wrapping (repeating).
-gl.texParameteri(gl.TEXTURE_2D, gl.TEXTURE_WRAP_T, gl.CLAMP_TO_EDGE);</pre>
+gl.texParameteri(gl.TEXTURE_2D, gl.TEXTURE_WRAP_T, gl.CLAMP_TO_EDGE);
+```
 
-<p>Una vez más, con estos parámetros, los dispositivos compatibles con WebGL aceptarán automáticamente cualquier resolución para esa textura (hasta sus dimensiones máximas). Sin realizar la configuración anterior, WebGL requiere que todas las muestras de texturas NPOT fallen al devolver el color "negro sólido": rgba (0,0,0,1).</p>
+Una vez más, con estos parámetros, los dispositivos compatibles con WebGL aceptarán automáticamente cualquier resolución para esa textura (hasta sus dimensiones máximas). Sin realizar la configuración anterior, WebGL requiere que todas las muestras de texturas NPOT fallen al devolver el color "negro sólido": rgba (0,0,0,1).
 
-<h2 id="Mapeando_la_textura_en_las_caras">Mapeando la textura en las caras</h2>
+## Mapeando la textura en las caras
 
-<p>A este punto, la textura esta cargada y lista para usar. pero antes de utilizarla, Necesitamos asignar el mapeo de las coordenadas de textura a los vértices de las caras de nuestro cubo. Esto reemplaza todo el código previamente existente para configurar colores para cada una de las caras del cubo en initBuffers().</p>
+A este punto, la textura esta cargada y lista para usar. pero antes de utilizarla, Necesitamos asignar el mapeo de las coordenadas de textura a los vértices de las caras de nuestro cubo. Esto reemplaza todo el código previamente existente para configurar colores para cada una de las caras del cubo en initBuffers().
 
-<pre class="brush: js">cubeVerticesTextureCoordBuffer = gl.createBuffer();
+```js
+cubeVerticesTextureCoordBuffer = gl.createBuffer();
 gl.bindBuffer(gl.ARRAY_BUFFER, cubeVerticesTextureCoordBuffer);
 
 var textureCoordinates = [
@@ -108,32 +112,34 @@ var textureCoordinates = [
 
 gl.bufferData(gl.ARRAY_BUFFER, new Float32Array(textureCoordinates),
               gl.STATIC_DRAW);
-</pre>
+```
 
-<p>Primeramente, este codigo crea un GL buffer en el cual almacenaremos las coordenadas de la textura para cada cara, luego enlazamos ese buffer como el array en el cual escribiremos.</p>
+Primeramente, este codigo crea un GL buffer en el cual almacenaremos las coordenadas de la textura para cada cara, luego enlazamos ese buffer como el array en el cual escribiremos.
 
-<p>El array textureCoordinates define las coordenadas de textura correspondientes a cada vértice de cada cara. Tenga en cuenta que las coordenadas de textura van de 0,0 a 1,0; Las dimensiones de las texturas se normalizan a un rango de 0,0 a 1,0 independientemente de su tamaño real, con el propósito de mapeo de textura.</p>
+El array textureCoordinates define las coordenadas de textura correspondientes a cada vértice de cada cara. Tenga en cuenta que las coordenadas de textura van de 0,0 a 1,0; Las dimensiones de las texturas se normalizan a un rango de 0,0 a 1,0 independientemente de su tamaño real, con el propósito de mapeo de textura.
 
-<p>Una vez que hemos seteado la matriz de mapeo de textura, pasamos la matriz al búfer, de modo que GL tiene esos datos listos para su uso.</p>
+Una vez que hemos seteado la matriz de mapeo de textura, pasamos la matriz al búfer, de modo que GL tiene esos datos listos para su uso.
 
-<h2 id="Actualizando_los_shaders">Actualizando los shaders</h2>
+## Actualizando los shaders
 
-<p>El shader -- y el código que inicializa los shaders -- también necesita ser actualizado para utilizar la textura en vez de un color solido.</p>
+El shader -- y el código que inicializa los shaders -- también necesita ser actualizado para utilizar la textura en vez de un color solido.
 
-<p>Primero, echemos un vistazo a un cambio muy sencillo que se necesita en initShaders():</p>
+Primero, echemos un vistazo a un cambio muy sencillo que se necesita en initShaders():
 
-<pre class="brush: js">textureCoordAttribute = gl.getAttribLocation(shaderProgram, 'aTextureCoord');
+```js
+textureCoordAttribute = gl.getAttribLocation(shaderProgram, 'aTextureCoord');
 gl.enableVertexAttribArray(textureCoordAttribute);
 gl.vertexAttribPointer(texCoordAttribute, 2, gl.FLOAT, false, 0, 0);
-</pre>
+```
 
-<p>Esto reemplaza el código que setea el atributo "vertex color" (color del vertice) con uno que contiene la coordenada de textura para cada vértice.</p>
+Esto reemplaza el código que setea el atributo "vertex color" (color del vertice) con uno que contiene la coordenada de textura para cada vértice.
 
-<h3 id="El_vertex_shader">El vertex shader</h3>
+### El vertex shader
 
-<p>A continuación, necesitamos reemplazar el "vertex shader" de modo que en lugar de buscar datos de color, busque los datos de coordenadas de textura.</p>
+A continuación, necesitamos reemplazar el "vertex shader" de modo que en lugar de buscar datos de color, busque los datos de coordenadas de textura.
 
-<pre class="brush: html">&lt;script id="shader-vs" type="x-shader/x-vertex"&gt;
+```html
+<script id="shader-vs" type="x-shader/x-vertex">
   attribute vec3 aVertexPosition;
   attribute vec2 aTextureCoord;
 
@@ -146,16 +152,17 @@ gl.vertexAttribPointer(texCoordAttribute, 2, gl.FLOAT, false, 0, 0);
     gl_Position = uPMatrix * uMVMatrix * vec4(aVertexPosition, 1.0);
     vTextureCoord = aTextureCoord;
   }
-&lt;/script&gt;
-</pre>
+</script>
+```
 
-<p>El cambio clave aquí es que en lugar de buscar el color del vértice (vertex color), estamos estableciendo las coordenadas de textura; Esto indicará la ubicación dentro de la textura correspondiente al vértice.</p>
+El cambio clave aquí es que en lugar de buscar el color del vértice (vertex color), estamos estableciendo las coordenadas de textura; Esto indicará la ubicación dentro de la textura correspondiente al vértice.
 
-<h3 id="El_fragment_shader">El fragment shader</h3>
+### El fragment shader
 
-<p>El fragment shader también debe actualizarse:</p>
+El fragment shader también debe actualizarse:
 
-<pre class="brush: html">&lt;script id="shader-fs" type="x-shader/x-fragment"&gt;
+```html
+<script id="shader-fs" type="x-shader/x-fragment">
   varying highp vec2 vTextureCoord;
 
   uniform sampler2D uSampler;
@@ -163,48 +170,43 @@ gl.vertexAttribPointer(texCoordAttribute, 2, gl.FLOAT, false, 0, 0);
   void main(void) {
     gl_FragColor = texture2D(uSampler, vec2(vTextureCoord.s, vTextureCoord.t));
   }
-&lt;/script&gt;
-</pre>
+</script>
+```
 
-<p>En lugar de asignar un valor de color al fragment color, el fragment color se calcula recolectando el texel (es decir, el píxel dentro de la textura) que el muestreador dice que se corresponde mejor con la posición del fragment.</p>
+En lugar de asignar un valor de color al fragment color, el fragment color se calcula recolectando el texel (es decir, el píxel dentro de la textura) que el muestreador dice que se corresponde mejor con la posición del fragment.
 
-<h2 id="Dibujando_el_cubo_texturado">Dibujando el cubo texturado</h2>
+## Dibujando el cubo texturado
 
-<p>El cambio a la función drawScene() es simple (excepto que por razones de claridad, he eliminado el código que hace que el cubo se traslade a través del espacio mientras se anima, en vez de eso, solo gira).</p>
+El cambio a la función drawScene() es simple (excepto que por razones de claridad, he eliminado el código que hace que el cubo se traslade a través del espacio mientras se anima, en vez de eso, solo gira).
 
-<p>El código para mapear colores a la textura se ha ido, sustituido por esto:</p>
+El código para mapear colores a la textura se ha ido, sustituido por esto:
 
-<pre class="brush: js">gl.activeTexture(gl.TEXTURE0);
+```js
+gl.activeTexture(gl.TEXTURE0);
 gl.bindTexture(gl.TEXTURE_2D, cubeTexture);
 gl.uniform1i(gl.getUniformLocation(shaderProgram, 'uSampler'), 0);
-</pre>
+```
 
-<p>GL proporciona 32 registros de textura; La primera de ellas es gl.TEXTURE0. Vincularemos nuestra textura previamente cargada a ese registro, a continuación, establecremos el shader sampler uSampler (especificado en el shader) para utilizar esa textura.</p>
+GL proporciona 32 registros de textura; La primera de ellas es gl.TEXTURE0. Vincularemos nuestra textura previamente cargada a ese registro, a continuación, establecremos el shader sampler uSampler (especificado en el shader) para utilizar esa textura.
 
-<p>En este punto, el cubo giratorio debe estar listo.</p>
+En este punto, el cubo giratorio debe estar listo.
 
-<p>{{EmbedGHLiveSample('webgl-examples/tutorial/sample6/index.html', 670, 510) }}</p>
+{{EmbedGHLiveSample('webgl-examples/tutorial/sample6/index.html', 670, 510) }}
 
-<p><a href="https://github.com/mdn/webgl-examples/tree/gh-pages/tutorial/sample6">Ver el código completo</a> | <a href="http://mdn.github.io/webgl-examples/tutorial/sample6/">Abrir esta demo en una nueva pestaña</a></p>
+[Ver el código completo](https://github.com/mdn/webgl-examples/tree/gh-pages/tutorial/sample6) | [Abrir esta demo en una nueva pestaña](http://mdn.github.io/webgl-examples/tutorial/sample6/)
 
-<h2 id="Texturas_entre_dominios">Texturas entre dominios</h2>
+## Texturas entre dominios
 
-<p>La carga de texturas WebGL esta sujeta a controles de acceso entre dominios. Para que su contenido cargue una textura de otro dominio, La aprobacion CORS debe ser obtenida. Ver <a href="/en-US/docs/Web/HTTP/Access_control_CORS">control de acceso HTTP</a> para mas detalles sobre CORS.</p>
+La carga de texturas WebGL esta sujeta a controles de acceso entre dominios. Para que su contenido cargue una textura de otro dominio, La aprobacion CORS debe ser obtenida. Ver [control de acceso HTTP](/es/docs/Web/HTTP/Access_control_CORS) para mas detalles sobre CORS.
 
-<p>Ver este articulo <a class="external" href="http://hacks.mozilla.org/2011/11/using-cors-to-load-webgl-textures-from-cross-domain-images/">hacks.mozilla.org</a> para una explicacion de como usar imágenes CORS-approved como texturas WebGL , con un <a class="external" href="http://people.mozilla.org/~bjacob/webgltexture-cors-js.html">ejemplo auto-contenido</a>.</p>
+Ver este articulo [hacks.mozilla.org](http://hacks.mozilla.org/2011/11/using-cors-to-load-webgl-textures-from-cross-domain-images/) para una explicacion de como usar imágenes CORS-approved como texturas WebGL , con un [ejemplo auto-contenido](http://people.mozilla.org/~bjacob/webgltexture-cors-js.html).
 
-<div class="note">
-<p><strong>Nota: </strong>El soporte CORS para texturas WebGL y el atributo crossOrigin para elementos de imagen se implementan en {{Gecko ("8.0")}}.</p>
-</div>
+> **Nota:**El soporte CORS para texturas WebGL y el atributo crossOrigin para elementos de imagen se implementan en {{Gecko ("8.0")}}.
 
-<p>Canvas 2D contaminados (Solo lectura) no pueden ser utilizados como texturas WebGL. una 2D {{ HTMLElement("canvas") }} se convierte en contaminada, por ejemplo, cuando una imagen de dominio cruzado (cross-domain) es dibujada en el.</p>
+Canvas 2D contaminados (Solo lectura) no pueden ser utilizados como texturas WebGL. una 2D {{ HTMLElement("canvas") }} se convierte en contaminada, por ejemplo, cuando una imagen de dominio cruzado (cross-domain) es dibujada en el.
 
-<div class="note">
-<p><strong>Nota: </strong>El soporte de CORS para Canvas 2D drawImage se implementa en {{Gecko ("9.0")}}. Esto significa que el uso de una imagen de dominio cruzado con aprobación de CORS ya no pinta el lienzo 2D, por lo que el lienzo 2D sigue siendo utilizable como fuente de una textura WebGL. </p>
-</div>
+> **Nota:**El soporte de CORS para Canvas 2D drawImage se implementa en {{Gecko ("9.0")}}. Esto significa que el uso de una imagen de dominio cruzado con aprobación de CORS ya no pinta el lienzo 2D, por lo que el lienzo 2D sigue siendo utilizable como fuente de una textura WebGL.
 
-<div class="note">
-<p><strong>Nota:</strong> El soporte de CORS para videos de dominio cruzado y el atributo de crossorigin para elementos {{HTMLElement("video")}} se implementa en {{Gecko ("12.0")}}.</p>
-</div>
+> **Nota:** El soporte de CORS para videos de dominio cruzado y el atributo de crossorigin para elementos {{HTMLElement("video")}} se implementa en {{Gecko ("12.0")}}.
 
-<p>{{PreviousNext("Web/API/WebGL_API/Tutorial/Creating_3D_objects_using_WebGL", "Web/API/WebGL_API/Tutorial/Lighting_in_WebGL")}}</p>
+{{PreviousNext("Web/API/WebGL_API/Tutorial/Creating_3D_objects_using_WebGL", "Web/API/WebGL_API/Tutorial/Lighting_in_WebGL")}}
diff --git a/files/es/web/api/webrtc_api/index.md b/files/es/web/api/webrtc_api/index.md
index 47eb00c788418b..56f3f3422fccca 100644
--- a/files/es/web/api/webrtc_api/index.md
+++ b/files/es/web/api/webrtc_api/index.md
@@ -6,121 +6,86 @@ tags:
   - WebRTC
 translation_of: Web/API/WebRTC_API
 ---
-<p>{{WebRTCSidebar}}</p>
-
-<p><span class="seoSummary"><strong>WebRTC</strong> (<em>Web real-time communications</em> o comunicaciones web en tiempo real) es una tecnología que permite a aplicaciones y sitios web capturar y opcionalmente retransmitir audio/vídeo, así como intercambiar datos arbitrarios entre navegadores sin necesidad de un intermediario.</span> El conjunto de estándares que comprende WebRTC hace posible compartir datos y realizar teleconferencias de igual-a-igual (<em>peer-to-peer</em>), sin requerir que el usuario instale complementos (<em>plug-ins</em>) o cualquier otro software de terceros.</p>
-
-<p>WebRTC consta de varias API y protocolos interrelacionados que trabajan juntos para lograr esto. La documentación que encontrará aquí le ayudará a entender los fundamentos de WebRTC, cómo configurarlo y usar tanto datos como conexiones de medios, etc.</p>
-
-<h2 id="Referencia">Referencia</h2>
-
-<div class="index">
-<ul>
- <li>{{domxref("RTCPeerConnection")}}</li>
- <li>{{domxref("RTCSessionDescription")}}</li>
- <li>{{domxref("RTCIceCandidate")}}</li>
- <li>{{domxref("RTCPeerConnectionIceEvent")}}</li>
- <li>{{domxref("MessageEvent")}}</li>
- <li>{{domxref("MediaStream")}}</li>
- <li>{{domxref("RTCStatsReport")}}</li>
- <li>{{domxref("RTCIdentityEvent")}}</li>
- <li>{{domxref("RTCIdentityErrorEvent")}}</li>
- <li>{{domxref("MediaStreamEvent")}}</li>
- <li>{{domxref("MediaStreamTrack")}}</li>
- <li>{{domxref("MediaDevices")}}</li>
-</ul>
-</div>
-
-<h2 id="Guías">Guías</h2>
-
-<dl>
- <dt><a href="https://developer.mozilla.org/en-US/docs/Web/API/WebRTC_API/Architecture">Visión general de la arquitectura de WebRTC</a></dt>
- <dd>Debajo de las API que los desarrolladores usan para crear y usar conexiones WebRTC se encuentran varios protocolos de red y estándares de conectividad. Esta breve descripción cubre estos estándares.</dd>
- <dt><a href="/en-US/docs/Web/API/WebRTC_API/WebRTC_basics">Lo esencial de WebRTC</a></dt>
- <dd>Este artículo le muestra la creación de una aplicación RTC a través del navegador. Al final, debe tener un canal de datos punto a punto y un canal de medios en funcionamiento.</dd>
- <dt><a href="https://developer.mozilla.org/en-US/docs/Web/API/WebRTC_API/Protocols">Protocolos de WebRTC</a></dt>
- <dd>Este artículo presenta los protocolos sobre los cuales se construye la API WebRTC.</dd>
- <dt><a href="https://developer.mozilla.org/en-US/docs/Web/API/WebRTC_API/Connectivity">Conectividad de WebRTC</a></dt>
- <dd>Este artículo describe cómo los diversos protocolos relacionados con WebRTC interactúan entre sí para crear una conexión y transferir datos y / o medios entre pares.</dd>
- <dt><a href="https://developer.mozilla.org/en-US/docs/Web/API/WebRTC_API/Overview">Nociones sobre la API WebRTC</a></dt>
- <dd>WebRTC consta de varias API y protocolos interrelacionados que trabajan juntos para admitir el intercambio de datos y medios entre dos o más pares. Este artículo proporciona una breve descripción de cada una de estas API y para qué sirve.</dd>
- <dt><a href="https://developer.mozilla.org/en-US/docs/Web/API/WebRTC_API/Session_lifetime">Duración de una sesión de WebRTC</a></dt>
- <dd>WebRTC le permite construir una comunicación punto a punto de datos arbitrarios, audio o video, o cualquier combinación de los mismos, en una aplicación de navegador. En este artículo, veremos la duración de una sesión de WebRTC, desde establecer la conexión hasta cerrarla cuando ya no sea necesaria.</dd>
-</dl>
-
-<h2 id="Tutoriales">Tutoriales</h2>
-
-<dl>
- <dt><a href="https://developer.mozilla.org/en-US/docs/Web/API/WebRTC_API/adapter.js">Improving compatibility using WebRTC adapter.js</a></dt>
- <dd>The WebRTC organization <a href="https://github.com/webrtc/adapter/">provides on GitHub the WebRTC adapter</a> to work around compatibility issues in different browsers' WebRTC implementations. The adapter is a JavaScript shim which lets your code to be written to the specification so that it will "just work" in all browsers with WebRTC support.</dd>
- <dt><a href="https://developer.mozilla.org/en-US/docs/Web/API/WebRTC_API/Taking_still_photos">Taking still photos with WebRTC</a></dt>
- <dd>This article shows how to use WebRTC to access the camera on a computer or mobile phone with WebRTC support and take a photo with it.</dd>
- <dt><a href="https://developer.mozilla.org/en-US/docs/Web/API/WebRTC_API/Simple_RTCDataChannel_sample">A simple RTCDataChannel sample</a></dt>
- <dd>The {{domxref("RTCDataChannel")}} interface is a feature which lets you open a channel between two peers over which you may send and receive arbitrary data. The API is intentionally similar to the <a href="https://developer.mozilla.org/en-US/docs/Web/API/WebSocket_API">WebSocket API</a>, so that the same programming model can be used for each.</dd>
-</dl>
-
-<h2 class="" id="Related_Topics" name="Related_Topics">Recursos</h2>
-
-<h3 id="Protocolos">Protocolos</h3>
-
-<h4 id="WebRTC-proper_protocols">WebRTC-proper protocols</h4>
-
-<ul>
- <li><a href="http://datatracker.ietf.org/doc/draft-ietf-rtcweb-alpn/"><cite>Application Layer Protocol Negotiation for Web Real-Time Communications</cite></a></li>
- <li><a href="http://datatracker.ietf.org/doc/draft-ietf-rtcweb-audio/"><cite>WebRTC Audio Codec and Processing Requirements</cite></a></li>
- <li><a href="http://datatracker.ietf.org/doc/draft-ietf-rtcweb-data-channel/"><cite>RTCWeb Data Channels</cite></a></li>
- <li><a href="http://datatracker.ietf.org/doc/draft-ietf-rtcweb-data-protocol/"><cite>RTCWeb Data Channel Protocol</cite></a></li>
- <li><a href="http://datatracker.ietf.org/doc/draft-ietf-rtcweb-rtp-usage/"><cite>Web Real-Time Communication (WebRTC): Media Transport and Use of RTP</cite></a></li>
- <li><a href="http://datatracker.ietf.org/doc/draft-ietf-rtcweb-security-arch/"><cite>WebRTC Security Architecture</cite></a></li>
- <li><a href="http://datatracker.ietf.org/doc/draft-ietf-rtcweb-transports/"><cite>Transports for RTCWEB</cite></a></li>
-</ul>
-
-<h4 id="Related_supporting_protocols">Related supporting protocols</h4>
-
-<ul>
- <li><a href="https://tools.ietf.org/html/rfc5245">Interactive Connectivity Establishment (ICE): A Protocol for Network Address Translator (NAT) Traversal for Offer/Answer Protocol</a></li>
- <li><a href="https://tools.ietf.org/html/rfc5389"><cite>Session Traversal Utilities for NAT (STUN)</cite></a></li>
- <li><a href="https://tools.ietf.org/html/rfc7064"><cite>URI Scheme for the Session Traversal Utilities for NAT (STUN) Protocol</cite></a></li>
- <li><a href="https://tools.ietf.org/html/rfc7065"><cite>Traversal Using Relays around NAT (TURN) Uniform Resource Identifiers</cite></a></li>
- <li><a href="https://tools.ietf.org/html/rfc3264"><cite>An Offer/Answer Model with Session Description Protocol (SDP)</cite></a></li>
- <li><a href="https://datatracker.ietf.org/doc/draft-ietf-tram-turn-third-party-authz/"><cite>Session Traversal Utilities for NAT (STUN) Extension for Third Party Authorization</cite></a></li>
-</ul>
-
-<h2 id="Especificaciones">Especificaciones</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('WebRTC 1.0')}}</td>
-   <td>{{Spec2('WebRTC 1.0')}}</td>
-   <td>The initial definition of the API of WebRTC.</td>
-  </tr>
-  <tr>
-   <td>{{SpecName('Media Capture')}}</td>
-   <td>{{Spec2('Media Capture')}}</td>
-   <td>The initial definition of the object conveying the stream of media content.</td>
-  </tr>
-  <tr>
-   <td>{{SpecName('Media Capture DOM Elements')}}</td>
-   <td>{{Spec2('Media Capture DOM Elements')}}</td>
-   <td>The initial definition on how to obtain stream of content from DOM Elements</td>
-  </tr>
- </tbody>
-</table>
-
-<p class="">In additions to these specifications defining the API needed to use WebRTC, there are several protocols, listed under <a href="#Protocols">resources</a>.</p>
-
-<h2 class="" id="Related_Topics" name="Related_Topics">Ver también</h2>
-
-<ul>
- <li><a href="https://hacks.mozilla.org/2015/06/firefox-multistream-and-renegotiation-for-jitsi-videobridge/">Firefox multistream and renegotiation for Jitsi Videobridge</a></li>
- <li><a href="https://hacks.mozilla.org/2015/04/peering-through-the-webrtc-fog-with-socketpeer/">Peering Through the WebRTC Fog with SocketPeer</a></li>
- <li><a href="https://hacks.mozilla.org/2014/04/inside-the-party-bus-building-a-web-app-with-multiple-live-video-streams-interactive-graphics/">Inside the Party Bus: Building a Web App with Multiple Live Video Streams + Interactive Graphics</a></li>
-</ul>
+{{WebRTCSidebar}}
+
+**WebRTC** (_Web real-time communications_ o comunicaciones web en tiempo real) es una tecnología que permite a aplicaciones y sitios web capturar y opcionalmente retransmitir audio/vídeo, así como intercambiar datos arbitrarios entre navegadores sin necesidad de un intermediario. El conjunto de estándares que comprende WebRTC hace posible compartir datos y realizar teleconferencias de igual-a-igual (_peer-to-peer_), sin requerir que el usuario instale complementos (_plug-ins_) o cualquier otro software de terceros.
+
+WebRTC consta de varias API y protocolos interrelacionados que trabajan juntos para lograr esto. La documentación que encontrará aquí le ayudará a entender los fundamentos de WebRTC, cómo configurarlo y usar tanto datos como conexiones de medios, etc.
+
+## Referencia
+
+- {{domxref("RTCPeerConnection")}}
+- {{domxref("RTCSessionDescription")}}
+- {{domxref("RTCIceCandidate")}}
+- {{domxref("RTCPeerConnectionIceEvent")}}
+- {{domxref("MessageEvent")}}
+- {{domxref("MediaStream")}}
+- {{domxref("RTCStatsReport")}}
+- {{domxref("RTCIdentityEvent")}}
+- {{domxref("RTCIdentityErrorEvent")}}
+- {{domxref("MediaStreamEvent")}}
+- {{domxref("MediaStreamTrack")}}
+- {{domxref("MediaDevices")}}
+
+## Guías
+
+- [Visión general de la arquitectura de WebRTC](/es/docs/Web/API/WebRTC_API/Architecture)
+  - : Debajo de las API que los desarrolladores usan para crear y usar conexiones WebRTC se encuentran varios protocolos de red y estándares de conectividad. Esta breve descripción cubre estos estándares.
+- [Lo esencial de WebRTC](/es/docs/Web/API/WebRTC_API/WebRTC_basics)
+  - : Este artículo le muestra la creación de una aplicación RTC a través del navegador. Al final, debe tener un canal de datos punto a punto y un canal de medios en funcionamiento.
+- [Protocolos de WebRTC](/es/docs/Web/API/WebRTC_API/Protocols)
+  - : Este artículo presenta los protocolos sobre los cuales se construye la API WebRTC.
+- [Conectividad de WebRTC](/es/docs/Web/API/WebRTC_API/Connectivity)
+  - : Este artículo describe cómo los diversos protocolos relacionados con WebRTC interactúan entre sí para crear una conexión y transferir datos y / o medios entre pares.
+- [Nociones sobre la API WebRTC](/es/docs/Web/API/WebRTC_API/Overview)
+  - : WebRTC consta de varias API y protocolos interrelacionados que trabajan juntos para admitir el intercambio de datos y medios entre dos o más pares. Este artículo proporciona una breve descripción de cada una de estas API y para qué sirve.
+- [Duración de una sesión de WebRTC](/es/docs/Web/API/WebRTC_API/Session_lifetime)
+  - : WebRTC le permite construir una comunicación punto a punto de datos arbitrarios, audio o video, o cualquier combinación de los mismos, en una aplicación de navegador. En este artículo, veremos la duración de una sesión de WebRTC, desde establecer la conexión hasta cerrarla cuando ya no sea necesaria.
+
+## Tutoriales
+
+- [Improving compatibility using WebRTC adapter.js](/es/docs/Web/API/WebRTC_API/adapter.js)
+  - : The WebRTC organization [provides on GitHub the WebRTC adapter](https://github.com/webrtc/adapter/) to work around compatibility issues in different browsers' WebRTC implementations. The adapter is a JavaScript shim which lets your code to be written to the specification so that it will "just work" in all browsers with WebRTC support.
+- [Taking still photos with WebRTC](/es/docs/Web/API/WebRTC_API/Taking_still_photos)
+  - : This article shows how to use WebRTC to access the camera on a computer or mobile phone with WebRTC support and take a photo with it.
+- [A simple RTCDataChannel sample](/es/docs/Web/API/WebRTC_API/Simple_RTCDataChannel_sample)
+  - : The {{domxref("RTCDataChannel")}} interface is a feature which lets you open a channel between two peers over which you may send and receive arbitrary data. The API is intentionally similar to the [WebSocket API](/es/docs/Web/API/WebSocket_API), so that the same programming model can be used for each.
+
+## Recursos
+
+### Protocolos
+
+#### WebRTC-proper protocols
+
+- [Application Layer Protocol Negotiation for Web Real-Time Communications](http://datatracker.ietf.org/doc/draft-ietf-rtcweb-alpn/)
+- [WebRTC Audio Codec and Processing Requirements](http://datatracker.ietf.org/doc/draft-ietf-rtcweb-audio/)
+- [RTCWeb Data Channels](http://datatracker.ietf.org/doc/draft-ietf-rtcweb-data-channel/)
+- [RTCWeb Data Channel Protocol](http://datatracker.ietf.org/doc/draft-ietf-rtcweb-data-protocol/)
+- [Web Real-Time Communication (WebRTC): Media Transport and Use of RTP](http://datatracker.ietf.org/doc/draft-ietf-rtcweb-rtp-usage/)
+- [WebRTC Security Architecture](http://datatracker.ietf.org/doc/draft-ietf-rtcweb-security-arch/)
+- [Transports for RTCWEB](http://datatracker.ietf.org/doc/draft-ietf-rtcweb-transports/)
+
+#### Related supporting protocols
+
+- [Interactive Connectivity Establishment (ICE): A Protocol for Network Address Translator (NAT) Traversal for Offer/Answer Protocol](https://tools.ietf.org/html/rfc5245)
+- [Session Traversal Utilities for NAT (STUN)](https://tools.ietf.org/html/rfc5389)
+- [URI Scheme for the Session Traversal Utilities for NAT (STUN) Protocol](https://tools.ietf.org/html/rfc7064)
+- [Traversal Using Relays around NAT (TURN) Uniform Resource Identifiers](https://tools.ietf.org/html/rfc7065)
+- [An Offer/Answer Model with Session Description Protocol (SDP)](https://tools.ietf.org/html/rfc3264)
+- [Session Traversal Utilities for NAT (STUN) Extension for Third Party Authorization](https://datatracker.ietf.org/doc/draft-ietf-tram-turn-third-party-authz/)
+
+## Especificaciones
+
+| Specification                                            | Status                                               | Comment                                                                     |
+| -------------------------------------------------------- | ---------------------------------------------------- | --------------------------------------------------------------------------- |
+| {{SpecName('WebRTC 1.0')}}                     | {{Spec2('WebRTC 1.0')}}                     | The initial definition of the API of WebRTC.                                |
+| {{SpecName('Media Capture')}}                 | {{Spec2('Media Capture')}}                 | The initial definition of the object conveying the stream of media content. |
+| {{SpecName('Media Capture DOM Elements')}} | {{Spec2('Media Capture DOM Elements')}} | The initial definition on how to obtain stream of content from DOM Elements |
+
+In additions to these specifications defining the API needed to use WebRTC, there are several protocols, listed under [resources](#Protocols).
+
+## Ver también
+
+- [Firefox multistream and renegotiation for Jitsi Videobridge](https://hacks.mozilla.org/2015/06/firefox-multistream-and-renegotiation-for-jitsi-videobridge/)
+- [Peering Through the WebRTC Fog with SocketPeer](https://hacks.mozilla.org/2015/04/peering-through-the-webrtc-fog-with-socketpeer/)
+- [Inside the Party Bus: Building a Web App with Multiple Live Video Streams + Interactive Graphics](https://hacks.mozilla.org/2014/04/inside-the-party-bus-building-a-web-app-with-multiple-live-video-streams-interactive-graphics/)
diff --git a/files/es/web/api/webrtc_api/protocols/index.md b/files/es/web/api/webrtc_api/protocols/index.md
index efa90077fa2c0a..5edfb07a31b0c9 100644
--- a/files/es/web/api/webrtc_api/protocols/index.md
+++ b/files/es/web/api/webrtc_api/protocols/index.md
@@ -3,36 +3,36 @@ title: WebRTC protocols
 slug: Web/API/WebRTC_API/Protocols
 translation_of: Web/API/WebRTC_API/Protocols
 ---
-<p>{{WebRTCSidebar}}</p>
+{{WebRTCSidebar}}
 
-<p>Este artículo presenta los protocolos sobre los cuales se construye la API WebRTC.</p>
+Este artículo presenta los protocolos sobre los cuales se construye la API WebRTC.
 
-<h2 id="ICE">ICE</h2>
+## ICE
 
-<p><a href="http://en.wikipedia.org/wiki/Interactive_Connectivity_Establishment">Interactive Connectivity Establishment (ICE)</a> es un marco para permitir que su navegador web se conecte con sus compañeros. Hay muchas razones por las que una conexión directa de un par a otro simplemente no funcionará. Debe evitar los firewalls que evitarían abrir conexiones, darle una dirección única si, como en la mayoría de las situaciones, su dispositivo no tiene una dirección IP pública y transmitir datos a través de un servidor si su enrutador no le permite conectarse directamente con sus pares. ICE utiliza algunas de las siguientes técnicas que se describen a continuación para lograr esto:</p>
+[Interactive Connectivity Establishment (ICE)](http://en.wikipedia.org/wiki/Interactive_Connectivity_Establishment) es un marco para permitir que su navegador web se conecte con sus compañeros. Hay muchas razones por las que una conexión directa de un par a otro simplemente no funcionará. Debe evitar los firewalls que evitarían abrir conexiones, darle una dirección única si, como en la mayoría de las situaciones, su dispositivo no tiene una dirección IP pública y transmitir datos a través de un servidor si su enrutador no le permite conectarse directamente con sus pares. ICE utiliza algunas de las siguientes técnicas que se describen a continuación para lograr esto:
 
-<h2 id="STUN">STUN</h2>
+## STUN
 
-<p><a href="http://en.wikipedia.org/wiki/STUN">Session Traversal Utilities for <u>NAT</u> (STU<u>N</u>)</a> (acrónimo dentro de un acrónimo) es un protocolo para descubrir su dirección pública y determinar cualquier restricción en su enrutador que impida una conexión directa con un par.</p>
+[Session Traversal Utilities for **NAT** (STU**N**)](http://en.wikipedia.org/wiki/STUN) (acrónimo dentro de un acrónimo) es un protocolo para descubrir su dirección pública y determinar cualquier restricción en su enrutador que impida una conexión directa con un par.
 
-<p>El cliente enviará una solicitud a un servidor STUN en Internet que responderá con la dirección pública del cliente y si el cliente está accesible detrás del NAT del enrutador.</p>
+El cliente enviará una solicitud a un servidor STUN en Internet que responderá con la dirección pública del cliente y si el cliente está accesible detrás del NAT del enrutador.
 
-<p><img alt="An interaction between two users of a WebRTC application involving a STUN server." src="https://mdn.mozillademos.org/files/6115/webrtc-stun.png" style="display: block; height: 378px; margin: 0px auto; width: 259px;"></p>
+![An interaction between two users of a WebRTC application involving a STUN server.](https://mdn.mozillademos.org/files/6115/webrtc-stun.png)
 
-<h2 id="NAT">NAT</h2>
+## NAT
 
-<p><a href="http://en.wikipedia.org/wiki/NAT">Network Address Translation (NAT)</a> se usa para dar a su dispositivo una dirección IP pública. Un enrutador tendrá una dirección IP pública y cada dispositivo conectado al enrutador tendrá una dirección IP privada. Las solicitudes se traducirán de la IP privada del dispositivo a la IP pública del enrutador con un puerto único. De esa manera, no necesita una IP pública única para cada dispositivo, pero aún puede descubrirse en Internet.</p>
+[Network Address Translation (NAT)](http://en.wikipedia.org/wiki/NAT) se usa para dar a su dispositivo una dirección IP pública. Un enrutador tendrá una dirección IP pública y cada dispositivo conectado al enrutador tendrá una dirección IP privada. Las solicitudes se traducirán de la IP privada del dispositivo a la IP pública del enrutador con un puerto único. De esa manera, no necesita una IP pública única para cada dispositivo, pero aún puede descubrirse en Internet.
 
-<p>Algunos enrutadores tendrán restricciones sobre quién puede conectarse a dispositivos en la red. Esto puede significar que aunque tengamos la dirección IP pública encontrada por el servidor STUN, nadie puede crear una conexión. En esta situación, debemos recurrir a TURN.</p>
+Algunos enrutadores tendrán restricciones sobre quién puede conectarse a dispositivos en la red. Esto puede significar que aunque tengamos la dirección IP pública encontrada por el servidor STUN, nadie puede crear una conexión. En esta situación, debemos recurrir a TURN.
 
-<h2 id="TURN">TURN</h2>
+## TURN
 
-<p>Algunos enrutadores que utilizan NAT emplean una restricción llamada "NAT simétrica". Esto significa que el enrutador solo aceptará conexiones de pares a los que se haya conectado previamente.</p>
+Algunos enrutadores que utilizan NAT emplean una restricción llamada "NAT simétrica". Esto significa que el enrutador solo aceptará conexiones de pares a los que se haya conectado previamente.
 
-<p><a href="http://en.wikipedia.org/wiki/TURN">Traversal Using Relays around NAT (TURN)</a> está destinado a eludir la restricción NAT simétrica al abrir una conexión con un servidor TURN y transmitir toda la información a través de ese servidor. Crearía una conexión con un servidor TURN y le diría a todos los pares que envíen paquetes al servidor que luego se le reenviarán. Obviamente, esto conlleva algunos gastos generales, por lo que solo se usa si no hay otras alternativas.</p>
+[Traversal Using Relays around NAT (TURN)](http://en.wikipedia.org/wiki/TURN) está destinado a eludir la restricción NAT simétrica al abrir una conexión con un servidor TURN y transmitir toda la información a través de ese servidor. Crearía una conexión con un servidor TURN y le diría a todos los pares que envíen paquetes al servidor que luego se le reenviarán. Obviamente, esto conlleva algunos gastos generales, por lo que solo se usa si no hay otras alternativas.
 
-<p><img alt="An interaction between two users of a WebRTC application involving STUN and TURN servers." src="https://mdn.mozillademos.org/files/6117/webrtc-turn.png" style="display: block; height: 297px; margin: 0px auto; width: 295px;"></p>
+![An interaction between two users of a WebRTC application involving STUN and TURN servers.](https://mdn.mozillademos.org/files/6117/webrtc-turn.png)
 
-<h2 id="SDP">SDP</h2>
+## SDP
 
-<p><a href="http://en.wikipedia.org/wiki/Session_Description_Protocol">Session Description Protocol (SDP)</a> es un estándar para describir el contenido multimedia de la conexión, como la resolución, los formatos, los códecs, el cifrado, etc., de modo que ambos pares puedan entenderse una vez que se transfieren los datos. Esto es, en esencia, los metadatos que describen el contenido y no el contenido de los medios en sí.</p>
+[Session Description Protocol (SDP)](http://en.wikipedia.org/wiki/Session_Description_Protocol) es un estándar para describir el contenido multimedia de la conexión, como la resolución, los formatos, los códecs, el cifrado, etc., de modo que ambos pares puedan entenderse una vez que se transfieren los datos. Esto es, en esencia, los metadatos que describen el contenido y no el contenido de los medios en sí.
diff --git a/files/es/web/api/webrtc_api/session_lifetime/index.md b/files/es/web/api/webrtc_api/session_lifetime/index.md
index dac42bf3e41975..6898fb138d84c8 100644
--- a/files/es/web/api/webrtc_api/session_lifetime/index.md
+++ b/files/es/web/api/webrtc_api/session_lifetime/index.md
@@ -4,19 +4,24 @@ slug: Web/API/WebRTC_API/Session_lifetime
 translation_of: Web/API/WebRTC_API/Session_lifetime
 original_slug: WebRTC/Introduction
 ---
-<div class="note">
-  <p>WebRTC te permite establecer una comunicación par-a-par en una aplicación del navegador.</p>
-</div>
-<h2 id="Estableciendo_la_conexión">Estableciendo la conexión</h2>
-<p>La conexión inicial entre pares debe ser establecida a través de un servidor de aplicaciones que proporcione descubrimiento de usuarios, comunicación y traducción de direcciones de red (NAT) con transmisión de datos.</p>
-<h3 id="Señalización">Señalización</h3>
-<p>Señalización es el mecanismo por el cual los pares se envían mensajes de control entre sí con el propósito de establecer el protocolo, canal, y método de comunicación. Estos no están especifiados en el standar WebRTC. En su lugar, el desarrollador puede elegir cualquier protocolo de mensajería (como SIP o XMPP), y cualquier canal de comunicación bidirecional (como WebSocket o XMLHttpRequest) en conjunción con un servidor con un API de  conexión permanente (como  el <a href="https://developers.google.com/appengine/docs/python/channel/overview">Google Channel API</a>) para AppEngine.</p>
-<h2 id="Transmisión">Transmisión</h2>
-<h3 id="getUserMedia">getUserMedia</h3>
-<p>LocalMediaStream object</p>
-<h2 id="Recepción">Recepción</h2>
-<p>El soporte para WebRTC en Firefox está escondido detrás de un selector de preferencias. Ve a <a href="/about:config" title="/about:config">about:config</a> y establce 'media.navigator.enabled' a 'true'.</p>
-<div class="note">
-  <p>Hay algunos archivos de prueba en el repositorio de código para darte una idea de cómo funciona. Ve: <a href="http://hg.mozilla.org/projects/alder/file/tip/dom/media/tests/local_video_test.html">dom/media/tests/local_video_test.html</a>. Por favor, prueba también la<a href="http://webrtc-demo.herokuapp.com/mozdemo">demo de servicio de llamadas</a>, la página de su código, y <a href="https://github.com/anantn/webrtc-demo/">el código de su servidor</a>.</p>
-</div>
-<p> </p>
+> **Nota:** WebRTC te permite establecer una comunicación par-a-par en una aplicación del navegador.
+
+## Estableciendo la conexión
+
+La conexión inicial entre pares debe ser establecida a través de un servidor de aplicaciones que proporcione descubrimiento de usuarios, comunicación y traducción de direcciones de red (NAT) con transmisión de datos.
+
+### Señalización
+
+Señalización es el mecanismo por el cual los pares se envían mensajes de control entre sí con el propósito de establecer el protocolo, canal, y método de comunicación. Estos no están especifiados en el standar WebRTC. En su lugar, el desarrollador puede elegir cualquier protocolo de mensajería (como SIP o XMPP), y cualquier canal de comunicación bidirecional (como WebSocket o XMLHttpRequest) en conjunción con un servidor con un API de conexión permanente (como el [Google Channel API](https://developers.google.com/appengine/docs/python/channel/overview)) para AppEngine.
+
+## Transmisión
+
+### getUserMedia
+
+LocalMediaStream object
+
+## Recepción
+
+El soporte para WebRTC en Firefox está escondido detrás de un selector de preferencias. Ve a [about:config](/about:config) y establce 'media.navigator.enabled' a 'true'.
+
+> **Nota:** Hay algunos archivos de prueba en el repositorio de código para darte una idea de cómo funciona. Ve: [dom/media/tests/local_video_test.html](http://hg.mozilla.org/projects/alder/file/tip/dom/media/tests/local_video_test.html). Por favor, prueba también la[demo de servicio de llamadas](http://webrtc-demo.herokuapp.com/mozdemo), la página de su código, y [el código de su servidor](https://github.com/anantn/webrtc-demo/).
diff --git a/files/es/web/api/websocket/close_event/index.md b/files/es/web/api/websocket/close_event/index.md
index f38a5b6faf2925..b1b8ac449cf27a 100644
--- a/files/es/web/api/websocket/close_event/index.md
+++ b/files/es/web/api/websocket/close_event/index.md
@@ -3,70 +3,39 @@ title: close
 slug: Web/API/WebSocket/close_event
 translation_of: Web/API/WebSocket/close_event
 ---
-<p>El manejador <code>close</code> es ejecutado cuando una conexión con un websocket es cerrada.</p>
-
-<h2 id="General_info">General info</h2>
-
-<dl>
- <dt style="float: left; text-align: right; width: 120px;">Specification</dt>
- <dd style="margin: 0 0 0 120px;"><a class="external" href="http://www.w3.org/TR/websockets/">WebSocket</a></dd>
- <dt style="float: left; text-align: right; width: 120px;">Interface</dt>
- <dd style="margin: 0 0 0 120px;">Event</dd>
- <dt style="float: left; text-align: right; width: 120px;">Bubbles</dt>
- <dd style="margin: 0 0 0 120px;">No</dd>
- <dt style="float: left; text-align: right; width: 120px;">Cancelable</dt>
- <dd style="margin: 0 0 0 120px;">No</dd>
- <dt style="float: left; text-align: right; width: 120px;">Target</dt>
- <dd style="margin: 0 0 0 120px;"><a href="/en-US/docs/WebSockets/WebSockets_reference/WebSocket" title="/en-US/docs/WebSockets/WebSockets_reference/WebSocket">WebSocket</a></dd>
- <dt style="float: left; text-align: right; width: 120px;">Default Action</dt>
- <dd style="margin: 0 0 0 120px;">None</dd>
-</dl>
-
-<h2 id="Properties">Properties</h2>
-
-<table class="standard-table">
- <thead>
-  <tr>
-   <th scope="col">Property</th>
-   <th scope="col">Type</th>
-   <th scope="col">Description</th>
-  </tr>
- </thead>
- <tbody>
-  <tr>
-   <td><code>target</code> {{readonlyInline}}</td>
-   <td>{{domxref("EventTarget")}}</td>
-   <td>El objetivo del evento (el objetivo superior en el árbol DOM).</td>
-  </tr>
-  <tr>
-   <td><code>type</code> {{readonlyInline}}</td>
-   <td>{{domxref("DOMString")}}</td>
-   <td>El tipo de evento.</td>
-  </tr>
-  <tr>
-   <td><code>bubbles</code> {{readonlyInline}}</td>
-   <td>{{jsxref("Boolean")}}</td>
-   <td>Si el evento normalmente burbujea o no.</td>
-  </tr>
-  <tr>
-   <td><code>cancelable</code> {{readonlyInline}}</td>
-   <td>{{jsxref("Boolean")}}</td>
-   <td>Si el evento es cancelable o no.</td>
-  </tr>
- </tbody>
-</table>
-
-<h2 id="Related_Events">Related Events</h2>
-
-<ul>
- <li>{{event("open")}}</li>
- <li>{{event("close")}}</li>
- <li>{{event("error")}}</li>
- <li>{{event("message")}}</li>
-</ul>
-
-<h2 id="See_also">See also</h2>
-
-<ul>
- <li><a href="/en-US/docs/WebSockets/Writing_WebSocket_client_applications">Writing WebSocket client applications</a></li>
-</ul>
+El manejador `close` es ejecutado cuando una conexión con un websocket es cerrada.
+
+## General info
+
+- Specification
+  - : [WebSocket](http://www.w3.org/TR/websockets/)
+- Interface
+  - : Event
+- Bubbles
+  - : No
+- Cancelable
+  - : No
+- Target
+  - : [WebSocket](/es/docs/WebSockets/WebSockets_reference/WebSocket)
+- Default Action
+  - : None
+
+## Properties
+
+| Property                              | Type                                 | Description                                                    |
+| ------------------------------------- | ------------------------------------ | -------------------------------------------------------------- |
+| `target` {{readonlyInline}}     | {{domxref("EventTarget")}} | El objetivo del evento (el objetivo superior en el árbol DOM). |
+| `type` {{readonlyInline}}       | {{domxref("DOMString")}}     | El tipo de evento.                                             |
+| `bubbles` {{readonlyInline}}    | {{jsxref("Boolean")}}         | Si el evento normalmente burbujea o no.                        |
+| `cancelable` {{readonlyInline}} | {{jsxref("Boolean")}}         | Si el evento es cancelable o no.                               |
+
+## Related Events
+
+- {{event("open")}}
+- {{event("close")}}
+- {{event("error")}}
+- {{event("message")}}
+
+## See also
+
+- [Writing WebSocket client applications](/es/docs/WebSockets/Writing_WebSocket_client_applications)
diff --git a/files/es/web/api/websocket/error_event/index.md b/files/es/web/api/websocket/error_event/index.md
index b3e68f3274edb1..65f87e573b74ae 100644
--- a/files/es/web/api/websocket/error_event/index.md
+++ b/files/es/web/api/websocket/error_event/index.md
@@ -11,41 +11,28 @@ tags:
 translation_of: Web/API/WebSocket/onerror
 original_slug: Web/API/WebSocket/onerror
 ---
-<p>{{APIRef("Web Sockets API")}}</p>
+{{APIRef("Web Sockets API")}}
 
-<p>La propiedad <strong><code>WebSocket.onerror</code></strong>, del tipo {{event("Event_handlers", "event handler")}}, será llamada cuando se dé un error. Esta llamada recibirá un tipo {{domxref("Event")}} como argumento.</p>
+La propiedad **`WebSocket.onerror`**, del tipo {{event("Event_handlers", "event handler")}}, será llamada cuando se dé un error. Esta llamada recibirá un tipo {{domxref("Event")}} como argumento.
 
-<h2 id="Sintaxis">Sintaxis</h2>
+## Sintaxis
 
-<pre class="syntaxbox"><em>aWebSocket</em>.onerror = function(event) {
+```
+aWebSocket.onerror = function(event) {
   console.error("Error en el WebSocket detectado:", event);
-};</pre>
+};
+```
 
-<h2 id="Valor">Valor</h2>
+## Valor
 
-<p>Un {{domxref("EventListener")}}.</p>
+Un {{domxref("EventListener")}}.
 
-<h2 id="Especificaciones">Especificaciones</h2>
+## Especificaciones
 
-<table class="standard-table">
- <thead>
-  <tr>
-   <th scope="col">Especificación</th>
-   <th scope="col">Estado</th>
-   <th scope="col">Comentarios</th>
-  </tr>
- </thead>
- <tbody>
-  <tr>
-   <td>{{SpecName('HTML WHATWG', '#handler-websocket-onerror', 'WebSocket: onerror')}}</td>
-   <td>{{Spec2('HTML WHATWG')}}</td>
-   <td>Definición inicial.</td>
-  </tr>
- </tbody>
-</table>
+| Especificación                                                                                           | Estado                           | Comentarios         |
+| -------------------------------------------------------------------------------------------------------- | -------------------------------- | ------------------- |
+| {{SpecName('HTML WHATWG', '#handler-websocket-onerror', 'WebSocket: onerror')}} | {{Spec2('HTML WHATWG')}} | Definición inicial. |
 
-<h2 id="Compatibilidad_con_navegadores">Compatibilidad con navegadores</h2>
+## Compatibilidad con navegadores
 
-
-
-<p>{{Compat("api.WebSocket.onerror")}}</p>
+{{Compat("api.WebSocket.onerror")}}
diff --git a/files/es/web/api/websocket/index.md b/files/es/web/api/websocket/index.md
index bb7b247b670821..98470731fb8f64 100644
--- a/files/es/web/api/websocket/index.md
+++ b/files/es/web/api/websocket/index.md
@@ -3,19 +3,10 @@ title: WebSocket
 slug: Web/API/WebSocket
 translation_of: Web/API/WebSocket
 ---
-<div>{{APIRef("Web Sockets API")}}{{SeeCompatTable}}</div>
+{{APIRef("Web Sockets API")}}{{SeeCompatTable}}El objeto WebSocket provee la API para la creación y administración de una conexión [WebSocket ](/es/docs/Web/API/WebSockets_API)a un servidor, así como también para enviar y recibir datos en la conexión.El constructor de WebSocket acepta un parámetro requerido y otro opcional.
 
-<div> </div>
-
-<div>El objeto WebSocket provee la API para la creación y administración de una conexión <a href="/en-US/docs/Web/API/WebSockets_API">WebSocket </a>a un servidor, así como también para enviar y recibir datos en la conexión.</div>
-
-<div> </div>
-
-<div>El constructor de WebSocket acepta un parámetro requerido y otro opcional.</div>
-
-<p> </p>
-
-<pre class="syntaxbox">WebSocket WebSocket(
+```
+WebSocket WebSocket(
   in DOMString url,
   in optional DOMString protocols
 );
@@ -24,186 +15,87 @@ WebSocket WebSocket(
   in DOMString url,
   in optional DOMString[] protocols
 );
-</pre>
-
-<p> </p>
-
-<dl>
- <dt><code>url</code></dt>
- <dd><code>La URL a la cual se conecta, debe ser la URL con la cual el servidor WebSocket debe responder.</code></dd>
- <dt><code>protocols</code> {{optional_inline}}</dt>
- <dd>Permite cualquier caso, desde un simple protocolo o un arreglo de cadenas de texto. Estas cadenas de texto son usadas para indicar subprotocolos, en los cuales un único servidor puede implementar múltiples subprotocolos para el WebSocket (por ejemplo, tu podrías esperar que un servido gestione diferentes tipos de interacciones dependiendo de un tipo específico de protocolo). Si no especificas un subprotocolo, se asume una cadena de texto vacía.</dd>
-</dl>
-
-<p>El constructor puede levantar excepciones:</p>
-
-<dl>
- <dt><code>SECURITY_ERR</code></dt>
- <dd>El puerto en el cual la conexión se realiza se encuentra bloqueado.</dd>
-</dl>
-
-<h2 id="Revisión_de_Métodos">Revisión de Métodos</h2>
-
-<table class="standard-table">
- <tbody>
-  <tr>
-   <td><code>void <a href="#close()">close</a>(in optional unsigned long code, in optional DOMString reason);</code></td>
-  </tr>
-  <tr>
-   <td><code>void <a href="#send()">send</a>(in DOMString data);</code></td>
-  </tr>
- </tbody>
-</table>
-
-<h2 id="Atributos">Atributos</h2>
-
-<table class="standard-table">
- <tbody>
-  <tr>
-   <td class="header">Atributo</td>
-   <td class="header">Tipo</td>
-   <td class="header">Descricción</td>
-  </tr>
-  <tr>
-   <td><code>binaryType</code></td>
-   <td>{{DOMXref("DOMString")}}</td>
-   <td>
-    <p>Una cadena de texto indicando el tipo de dato binario que es transmitido por la conexión. Debe ser de cualquier manera "blob" si es se unas objetos DOM {{domxref("Blob")}}  o bien "arraybuffer" {{jsxref("ArrayBuffer")}} si se usan otro tipo de objetos</p>
-   </td>
-  </tr>
-  <tr>
-   <td><code>bufferedAmount</code></td>
-   <td><code>unsigned long</code></td>
-   <td>
-    <p>La cantidad de bytes de data que pueden ser almacenadas en cola utilizando llamadas a <a href="#send">send</a> pero que aún no se han transmitido a la red. Este valor se reestablece a cero una vez que toda la información ha sido enviada. Este valor no vuelve a cero cuando la conexión es cerrada; si mantientes llamando <a href="#send">send</a>, continuará acumulandose. <strong>Solo de lectura.</strong></p>
-   </td>
-  </tr>
-  <tr>
-   <td><code>extensions</code></td>
-   <td>{{DOMXref("DOMString")}}</td>
-   <td>
-    <p>Las extensiones seleccionadas por el servidor. Esto solamente puede ser un string vacío o bien una lista de extensiones que es negociada por la conexión.</p>
-   </td>
-  </tr>
-  <tr>
-   <td><code>onclose</code></td>
-   <td>{{domxref("EventListener")}}</td>
-   <td>
-    <p>Un monitor de eventos que atiende una llamada cuando la conexión del WebSocket cambia a un estado CERRADO (CLOSED). El monitor recibe un <a href="/en-US/docs/Web/API/CloseEvent"><code>CloseEvent</code></a> llamado "cerrado".</p>
-   </td>
-  </tr>
-  <tr>
-   <td><code>onerror</code></td>
-   <td>{{domxref("EventListener")}}</td>
-   <td>
-    <p>Un monitor de eventos que es llamado cuando un error ocurre. Esto es un evento simple llamado "error"</p>
-   </td>
-  </tr>
-  <tr>
-   <td><code>onmessage</code></td>
-   <td>{{domxref("EventListener")}}</td>
-   <td>
-    <p>Un monitor de eventos que es llamado cuando un mensaje es recibido desde un servidor. El monitor recibe un objeto <a href="/en-US/docs/Web/API/MessageEvent"><code>MessageEvent </code></a>llamado "mensaje".</p>
-   </td>
-  </tr>
-  <tr>
-   <td><code>onopen</code></td>
-   <td>{{domxref("EventListener")}}</td>
-   <td>Un monitor de eventos que es llamado cuando el estado <code>readyState </code>de la conexión<code> Websocket </code>cambia a <code>OPEN. </code>Esto indica que la conexión está lista para enviar y recibir datos. El evento es uno simple con el nombre "open".</td>
-  </tr>
-  <tr>
-   <td><code>protocol</code></td>
-   <td>{{DOMXref("DOMString")}}</td>
-   <td>Una cadena indicando el nombre del sub-protocolo que el servidor ha seleccionado. Este puede ser una de las cadenas especificadas en el parámetro <code>protocols</code> cuando se ha creado el objeto Websocket.</td>
-  </tr>
-  <tr>
-   <td><code>readyState</code></td>
-   <td><code>unsigned short</code></td>
-   <td>El estado actual de la conexión. Este es uno de <a href="#ready_state_constants">Ready state constants</a>. <strong>Solo lectura.</strong></td>
-  </tr>
-  <tr>
-   <td><code>url</code></td>
-   <td>{{DOMXref("DOMString")}}</td>
-   <td>La URL como la resuelve el constructor. Esto siempre es una URL absoluta. <strong>Solo lectura.</strong></td>
-  </tr>
- </tbody>
-</table>
-
-<h2 id="Constantes">Constantes</h2>
-
-<h3 id="Ready_state_constants">Ready state constants</h3>
-
-<p>Estas constantes son usadas por el atributo <code>readyState</code> para describir el estado de la conexión <code>WebSocket</code>.</p>
-
-<table class="standard-table">
- <tbody>
-  <tr>
-   <td class="header">Constante</td>
-   <td class="header">Valor</td>
-   <td class="header">Descripción</td>
-  </tr>
-  <tr>
-   <td><code>CONNECTING</code></td>
-   <td><code>0</code></td>
-   <td>La conexión no está aún abierta.</td>
-  </tr>
-  <tr>
-   <td><code>OPEN</code></td>
-   <td><code>1</code></td>
-   <td>La conexión está abierta y lista para comunicar.</td>
-  </tr>
-  <tr>
-   <td><code>CLOSING</code></td>
-   <td><code>2</code></td>
-   <td>La conexión está siendo cerrada.</td>
-  </tr>
-  <tr>
-   <td><code>CLOSED</code></td>
-   <td><code>3</code></td>
-   <td>La conexión está cerrada o no puede ser abierta.</td>
-  </tr>
- </tbody>
-</table>
-
-<h2 id="Métodos">Métodos</h2>
-
-<h3 id="close()">close()</h3>
-
-<p>Cierra la conexión o intento de conexión del WebSocket si lo hay. Si la conexión ya está cerrada, no hace nada.</p>
-
-<pre class="syntaxbox">void close(
+```
+
+- `url`
+  - : `La URL a la cual se conecta, debe ser la URL con la cual el servidor WebSocket debe responder.`
+- `protocols` {{optional_inline}}
+  - : Permite cualquier caso, desde un simple protocolo o un arreglo de cadenas de texto. Estas cadenas de texto son usadas para indicar subprotocolos, en los cuales un único servidor puede implementar múltiples subprotocolos para el WebSocket (por ejemplo, tu podrías esperar que un servido gestione diferentes tipos de interacciones dependiendo de un tipo específico de protocolo). Si no especificas un subprotocolo, se asume una cadena de texto vacía.
+
+El constructor puede levantar excepciones:
+
+- `SECURITY_ERR`
+  - : El puerto en el cual la conexión se realiza se encuentra bloqueado.
+
+## Revisión de Métodos
+
+| `void close(in optional unsigned long code, in optional DOMString reason);` |
+| --------------------------------------------------------------------------- |
+| `void send(in DOMString data);`                                             |
+
+## Atributos
+
+| Atributo         | Tipo                                 | Descricción                                                                                                                                                                                                                                                                                                                                                                       |
+| ---------------- | ------------------------------------ | --------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------- |
+| `binaryType`     | {{DOMXref("DOMString")}}     | Una cadena de texto indicando el tipo de dato binario que es transmitido por la conexión. Debe ser de cualquier manera "blob" si es se unas objetos DOM {{domxref("Blob")}} o bien "arraybuffer" {{jsxref("ArrayBuffer")}} si se usan otro tipo de objetos                                                                                                            |
+| `bufferedAmount` | `unsigned long`                      | La cantidad de bytes de data que pueden ser almacenadas en cola utilizando llamadas a [send](#send) pero que aún no se han transmitido a la red. Este valor se reestablece a cero una vez que toda la información ha sido enviada. Este valor no vuelve a cero cuando la conexión es cerrada; si mantientes llamando [send](#send), continuará acumulandose. **Solo de lectura.** |
+| `extensions`     | {{DOMXref("DOMString")}}     | Las extensiones seleccionadas por el servidor. Esto solamente puede ser un string vacío o bien una lista de extensiones que es negociada por la conexión.                                                                                                                                                                                                                         |
+| `onclose`        | {{domxref("EventListener")}} | Un monitor de eventos que atiende una llamada cuando la conexión del WebSocket cambia a un estado CERRADO (CLOSED). El monitor recibe un [`CloseEvent`](/es/docs/Web/API/CloseEvent) llamado "cerrado".                                                                                                                                                                           |
+| `onerror`        | {{domxref("EventListener")}} | Un monitor de eventos que es llamado cuando un error ocurre. Esto es un evento simple llamado "error"                                                                                                                                                                                                                                                                             |
+| `onmessage`      | {{domxref("EventListener")}} | Un monitor de eventos que es llamado cuando un mensaje es recibido desde un servidor. El monitor recibe un objeto [`MessageEvent `](/es/docs/Web/API/MessageEvent)llamado "mensaje".                                                                                                                                                                                              |
+| `onopen`         | {{domxref("EventListener")}} | Un monitor de eventos que es llamado cuando el estado `readyState `de la conexión` Websocket `cambia a `OPEN. `Esto indica que la conexión está lista para enviar y recibir datos. El evento es uno simple con el nombre "open".                                                                                                                                                  |
+| `protocol`       | {{DOMXref("DOMString")}}     | Una cadena indicando el nombre del sub-protocolo que el servidor ha seleccionado. Este puede ser una de las cadenas especificadas en el parámetro `protocols` cuando se ha creado el objeto Websocket.                                                                                                                                                                            |
+| `readyState`     | `unsigned short`                     | El estado actual de la conexión. Este es uno de [Ready state constants](#ready_state_constants). **Solo lectura.**                                                                                                                                                                                                                                                                |
+| `url`            | {{DOMXref("DOMString")}}     | La URL como la resuelve el constructor. Esto siempre es una URL absoluta. **Solo lectura.**                                                                                                                                                                                                                                                                                       |
+
+## Constantes
+
+### Ready state constants
+
+Estas constantes son usadas por el atributo `readyState` para describir el estado de la conexión `WebSocket`.
+
+| Constante    | Valor | Descripción                                      |
+| ------------ | ----- | ------------------------------------------------ |
+| `CONNECTING` | `0`   | La conexión no está aún abierta.                 |
+| `OPEN`       | `1`   | La conexión está abierta y lista para comunicar. |
+| `CLOSING`    | `2`   | La conexión está siendo cerrada.                 |
+| `CLOSED`     | `3`   | La conexión está cerrada o no puede ser abierta. |
+
+## Métodos
+
+### close()
+
+Cierra la conexión o intento de conexión del WebSocket si lo hay. Si la conexión ya está cerrada, no hace nada.
+
+```
+void close(
   in optional unsigned short code,
   in optional DOMString reason
 );
-</pre>
+```
 
-<h4 id="Parámetros">Parámetros</h4>
+#### Parámetros
 
-<dl>
- <dt><code>code</code> {{optional_inline}}</dt>
- <dd>Un valor numérico indicando el código de estado que explica porqué la conexión está siendo cerrada. Si no se especifica este parámetro, se asume un valor por defecto de 1000 (que indica un cierre normal por "transacción completa") . Ver <a href="/en-US/docs/Web/API/CloseEvent#Status_codes">códigos de estado</a> en la página de <a href="/en-US/docs/Web/API/CloseEvent">CloseEvent</a> para la lista de valores permitidos.</dd>
- <dt><code>reason</code> {{optional_inline}}</dt>
- <dd>Una cadena legible explicando porqué la conexión está siendo cerrada. Esta cadena no puede ser mayor que 123 bytes de texto UTF-8 (<strong>no</strong> caracteres)</dd>
-</dl>
+- `code` {{optional_inline}}
+  - : Un valor numérico indicando el código de estado que explica porqué la conexión está siendo cerrada. Si no se especifica este parámetro, se asume un valor por defecto de 1000 (que indica un cierre normal por "transacción completa") . Ver [códigos de estado](/es/docs/Web/API/CloseEvent#Status_codes) en la página de [CloseEvent](/es/docs/Web/API/CloseEvent) para la lista de valores permitidos.
+- `reason` {{optional_inline}}
+  - : Una cadena legible explicando porqué la conexión está siendo cerrada. Esta cadena no puede ser mayor que 123 bytes de texto UTF-8 (**no** caracteres)
 
-<h4 id="Exceptions_thrown">Exceptions thrown</h4>
+#### Exceptions thrown
 
-<dl>
- <dt><code>INVALID_ACCESS_ERR</code></dt>
- <dd>Se ha especificado un código erróneo.</dd>
- <dt><code>SYNTAX_ERR</code></dt>
- <dd>La <code>reason</code> cadena es demasiado larga o continene caracteres no validos.</dd>
-</dl>
+- `INVALID_ACCESS_ERR`
+  - : Se ha especificado un código erróneo.
+- `SYNTAX_ERR`
+  - : La `reason` cadena es demasiado larga o continene caracteres no validos.
 
-<div class="note">
-<p><strong>Note:</strong> En Gecko, este métido no soporta ningun parámetro antes de Gecko 8.0 {{geckoRelease("8.0")}}.</p>
-</div>
+> **Nota:** En Gecko, este métido no soporta ningun parámetro antes de Gecko 8.0 {{geckoRelease("8.0")}}.
 
-<h3 id="send()">send()</h3>
+### send()
 
-<p>Transmite datos al servidor sobre la conexión WebSocket.</p>
+Transmite datos al servidor sobre la conexión WebSocket.
 
-<pre class="syntaxbox">void send(
+```
+void send(
   in DOMString data
 );
 
@@ -214,33 +106,28 @@ void send(
 void send(
   in Blob data
 );
-</pre>
-
-<h4 id="Parametros">Parametros</h4>
+```
 
-<dl>
- <dt><code>data</code></dt>
- <dd>Una cadena de texto que enviar al servidor.</dd>
-</dl>
+#### Parametros
 
-<h4 id="Excepciones">Excepciones</h4>
+- `data`
+  - : Una cadena de texto que enviar al servidor.
 
-<dl>
- <dt><code>INVALID_STATE_ERR</code></dt>
- <dd>La conexión no está abierta en este momento.</dd>
- <dt><code>SYNTAX_ERR</code></dt>
- <dd>La data tiene caracteres no válidos que no se pueden decodificar.</dd>
-</dl>
+#### Excepciones
 
-<div class="note">
-<p><strong>Note: </strong>La implementación del método <code>send() </code>en el  motor de renderizado Gecko puede cambiar de la especificación en {{Gecko("6.0")}}; Gecko devuelve un <code>boolean </code>indicando si la conexión esta todavía abierta (y, por extensión, que los datos son encolados o trasmitidos satisfactoriamente). Esto ha sido corregido en {{Gecko("8.0")}}.</p>
+- `INVALID_STATE_ERR`
+  - : La conexión no está abierta en este momento.
+- `SYNTAX_ERR`
+  - : La data tiene caracteres no válidos que no se pueden decodificar.
 
-<p>A partir de {{Gecko("11.0")}}, implementa {{jsxref("ArrayBuffer")}} pero no tipos de datos {{domxref("Blob")}}.</p>
-</div>
+> **Nota:**La implementación del método `send() `en el motor de renderizado Gecko puede cambiar de la especificación en {{Gecko("6.0")}}; Gecko devuelve un `boolean `indicando si la conexión esta todavía abierta (y, por extensión, que los datos son encolados o trasmitidos satisfactoriamente). Esto ha sido corregido en {{Gecko("8.0")}}.
+>
+> A partir de {{Gecko("11.0")}}, implementa {{jsxref("ArrayBuffer")}} pero no tipos de datos {{domxref("Blob")}}.
 
-<h2 id="Ejemplo">Ejemplo</h2>
+## Ejemplo
 
-<pre class="brush: js">// Crea una nueva conexión.
+```js
+// Crea una nueva conexión.
 const socket = new WebSocket('ws://localhost:8080');
 
 // Abre la conexión
@@ -251,31 +138,19 @@ socket.addEventListener('open', function (event) {
 // Escucha por mensajes
 socket.addEventListener('message', function (event) {
     console.log('Message from server', event.data);
-});</pre>
-
-<h2 id="Especificaciones">Especificaciones</h2>
-
-<table class="standard-table">
- <tbody>
-  <tr>
-   <th>Specification</th>
-   <th>Status</th>
-   <th>Comment</th>
-  </tr>
-  <tr>
-   <td>{{SpecName("Websockets", "#the-websocket-interface", "WebSocket")}}</td>
-   <td>{{Spec2("Websockets")}}</td>
-   <td>Definición inicial</td>
-  </tr>
- </tbody>
-</table>
-
-<h2 id="Compatibilidad_de_navegadores">Compatibilidad de navegadores</h2>
+});
+```
+
+## Especificaciones
+
+| Specification                                                                            | Status                           | Comment            |
+| ---------------------------------------------------------------------------------------- | -------------------------------- | ------------------ |
+| {{SpecName("Websockets", "#the-websocket-interface", "WebSocket")}} | {{Spec2("Websockets")}} | Definición inicial |
+
+## Compatibilidad de navegadores
 
 {{Compat("api.WebSocket")}}
 
-<h2 id="Referencias_adicionales">Referencias adicionales</h2>
+## Referencias adicionales
 
-<ul>
- <li><a href="/en-US/docs/Web/API/WebSockets_API/Writing_WebSocket_client_applications">Writing WebSocket client applications</a></li>
-</ul>
+- [Writing WebSocket client applications](/es/docs/Web/API/WebSockets_API/Writing_WebSocket_client_applications)
diff --git a/files/es/web/api/websockets_api/index.md b/files/es/web/api/websockets_api/index.md
index f55eb27533fb37..57e45c4361cd37 100644
--- a/files/es/web/api/websockets_api/index.md
+++ b/files/es/web/api/websockets_api/index.md
@@ -3,46 +3,36 @@ title: WebSockets
 slug: Web/API/WebSockets_API
 translation_of: Web/API/WebSockets_API
 ---
-<p>{{DefaultAPISidebar("Websockets API")}}</p>
+{{DefaultAPISidebar("Websockets API")}}
 
-<p><strong>WebSockets </strong>es una tecnología avanzada que hace posible abrir una sesión de comunicación interactiva entre el navegador del usuario y un servidor. Con esta API, puede enviar mensajes a un servidor y  recibir  respuestas controladas por eventos sin tener que consultar al servidor para una respuesta.</p>
+**WebSockets** es una tecnología avanzada que hace posible abrir una sesión de comunicación interactiva entre el navegador del usuario y un servidor. Con esta API, puede enviar mensajes a un servidor y recibir respuestas controladas por eventos sin tener que consultar al servidor para una respuesta.
 
-<h2 id="Interfaces">Interfaces</h2>
+## Interfaces
 
-<dl>
- <dt><a href="/en-US/docs/Web/API/WebSocket" title="en/WebSockets/WebSockets reference/WebSocket"><code>WebSocket</code></a></dt>
- <dd>El interfaz principal para conectar a un servidor Websocket y así enviar y recibir datos a través de la conexión.</dd>
- <dt><code><a href="/en-US/docs/Web/API/CloseEvent" title="en/WebSockets/WebSockets reference/CloseEvent">CloseEvent</a></code></dt>
- <dd>El evento enviado por el objeto WebSocket cuando se cierra la conexión.</dd>
- <dt><a href="/en-US/docs/Web/API/MessageEvent" title="en/WebSockets/WebSockets reference/MessageEvent"><code>MessageEvent</code></a></dt>
- <dd>El evento enviado por el objeto WebSocket cuando se recibe un mensaje enviado desde el servidor.</dd>
-</dl>
+- [`WebSocket`](/es/docs/Web/API/WebSocket "en/WebSockets/WebSockets reference/WebSocket")
+  - : El interfaz principal para conectar a un servidor Websocket y así enviar y recibir datos a través de la conexión.
+- [`CloseEvent`](/en-US/docs/Web/API/CloseEvent "en/WebSockets/WebSockets reference/CloseEvent")
+  - : El evento enviado por el objeto WebSocket cuando se cierra la conexión.
+- [`MessageEvent`](/es/docs/Web/API/MessageEvent "en/WebSockets/WebSockets reference/MessageEvent")
+  - : El evento enviado por el objeto WebSocket cuando se recibe un mensaje enviado desde el servidor.
 
-<div class="section">
-<h2 class="" id="Tools" name="Tools">Herramientas</h2>
+## Herramientas
 
-<ul>
- <li><a class="external" href="http://socket.io">Socket.IO</a>: Una poderosa API WebSocket multi-plataforma para <a class="external" href="http://nodejs.org">Node.js</a>.</li>
- <li><a class="link-https" href="https://github.com/Worlize/WebSocket-Node">WebSocket-Node</a>: Un servidor WebSocket API implementado para <a class="external" href="http://nodejs.org">Node.js</a>.</li>
- <li><a href="http://www.totaljs.com">Total.js</a>: Framework para aplicaciones web para <a href="http://www.nodejs.org">Node.js</a> (Ejemplo: <a href="https://github.com/totaljs/examples/tree/master/websocket">WebSocket chat</a>)</li>
- <li><a href="https://www.npmjs.com/package/faye-websocket">Faye</a>: Un servidor y cliente <a href="https://developer.mozilla.org/en-US/docs/Web/API/WebSockets_API">WebSocket</a> (conexión bidireccional) y <a href="https://developer.mozilla.org/en-US/docs/Web/API/EventSource/">EventSource</a> (conexión unidireccional) para <a class="external" href="http://nodejs.org">Node.js</a>.</li>
-</ul>
+- [Socket.IO](http://socket.io): Una poderosa API WebSocket multi-plataforma para [Node.js](http://nodejs.org).
+- [WebSocket-Node](https://github.com/Worlize/WebSocket-Node): Un servidor WebSocket API implementado para [Node.js](http://nodejs.org).
+- [Total.js](http://www.totaljs.com): Framework para aplicaciones web para [Node.js](http://www.nodejs.org) (Ejemplo: [WebSocket chat](https://github.com/totaljs/examples/tree/master/websocket))
+- [Faye](https://www.npmjs.com/package/faye-websocket): Un servidor y cliente [WebSocket](/es/docs/Web/API/WebSockets_API) (conexión bidireccional) y [EventSource](/es/docs/Web/API/EventSource/) (conexión unidireccional) para [Node.js](http://nodejs.org).
 
-<h2 class="" id="Related_Topics" name="Related_Topics">Temas RELACIONADOS</h2>
+## Temas RELACIONADOS
 
-<ul>
- <li><a href="/en-US/docs/AJAX" title="AJAX">AJAX</a>, <a href="/en-US/docs/JavaScript" title="JavaScript">JavaScript</a></li>
-</ul>
-</div>
+- [AJAX](/es/docs/AJAX "AJAX"), [JavaScript](/es/docs/JavaScript "JavaScript")
 
-<h2 id="Ver_también">Ver también</h2>
+## Ver también
 
-<ul>
- <li><a class="external" href="http://tools.ietf.org/html/rfc6455">RFC 6455 - The WebSocket Protocol</a></li>
- <li><a class="external" href="http://www.w3.org/TR/websockets/">WebSocket API Specification</a></li>
- <li><a href="/en-US/docs/Server-sent_events" title="Server-sent_events">Server-Sent Events</a></li>
-</ul>
+- [RFC 6455 - The WebSocket Protocol](http://tools.ietf.org/html/rfc6455)
+- [WebSocket API Specification](http://www.w3.org/TR/websockets/)
+- [Server-Sent Events](/es/docs/Server-sent_events "Server-sent_events")
 
-<h2 id="Compatibilidad_con_navegadores">Compatibilidad con navegadores</h2>
+## Compatibilidad con navegadores
 
 {{Compat("api.WebSocket")}}
diff --git a/files/es/web/api/websockets_api/writing_websocket_client_applications/index.md b/files/es/web/api/websockets_api/writing_websocket_client_applications/index.md
index 2a644ef3d09ba9..1bd5e3117933c4 100644
--- a/files/es/web/api/websockets_api/writing_websocket_client_applications/index.md
+++ b/files/es/web/api/websockets_api/writing_websocket_client_applications/index.md
@@ -5,23 +5,24 @@ tags:
   - Guía WebSocket WebSockets
 translation_of: Web/API/WebSockets_API/Writing_WebSocket_client_applications
 ---
-<p><span style="background-clip: initial; font-family: arial,sans-serif; font-size: 10.5pt; line-height: 115%;">WebSockets es una tecnología basada en el protocolo ws, este hace posible establecer una conexión continua  full-duplex, entre un cliente y servidor. Un cliente websocket podría ser el navegador del usuario, pero el protocolo es una plataforma independiente.</span></p>
+WebSockets es una tecnología basada en el protocolo ws, este hace posible establecer una conexión continua full-duplex, entre un cliente y servidor. Un cliente websocket podría ser el navegador del usuario, pero el protocolo es una plataforma independiente.
 
-<div class="note"><strong>Nota:</strong> Tenemos un ejemplo funcional de un sistema de chat/servidor usado para ejemplos de código que estará disponible una vez nuestra infraestructura esté en posición de hospedar ejemplos de WebSocket apropiadamente.</div>
+> **Nota:** Tenemos un ejemplo funcional de un sistema de chat/servidor usado para ejemplos de código que estará disponible una vez nuestra infraestructura esté en posición de hospedar ejemplos de WebSocket apropiadamente.
 
-<h2 id="Disponibilidad_de_WebSockets">Disponibilidad de WebSockets</h2>
+## Disponibilidad de WebSockets
 
-<p>La API de WebSocket esta disponible para el código JavaScript cuyo alcance DOM sea un objeto {{ domxref("Window") }} o cualquier objeto implementando {{ domxref("WorkerUtils") }}; si es así, puedes usarlos desde los Web Workers.</p>
+La API de WebSocket esta disponible para el código JavaScript cuyo alcance DOM sea un objeto {{ domxref("Window") }} o cualquier objeto implementando {{ domxref("WorkerUtils") }}; si es así, puedes usarlos desde los Web Workers.
 
-<div class="note"><strong>Nota: </strong>La API de WebSockets (y el protocolo subyacente) continúan en activo desarrollo, y existen muchos problemas de compatibilidad entre los navegadores en este momento (e inclusive entre los diferentes lanzamientos del mismo navegador).</div>
+> **Nota:**La API de WebSockets (y el protocolo subyacente) continúan en activo desarrollo, y existen muchos problemas de compatibilidad entre los navegadores en este momento (e inclusive entre los diferentes lanzamientos del mismo navegador).
 
-<h2 id="Creando_un_Objeto_WebSocket">Creando un Objeto WebSocket</h2>
+## Creando un Objeto WebSocket
 
-<p>Para comunicarse utilizando  el protocolo webSocket, necesitarás crear un objeto WebSocket; este automáticamente abrirá una conexión temporal al servidor.</p>
+Para comunicarse utilizando el protocolo webSocket, necesitarás crear un objeto WebSocket; este automáticamente abrirá una conexión temporal al servidor.
 
-<p>El constructor WebSocket requiere de un parámetro obligatorio y otro opcional:</p>
+El constructor WebSocket requiere de un parámetro obligatorio y otro opcional:
 
-<pre>WebSocket WebSocket(
+```
+WebSocket WebSocket(
   in DOMString url,
   in optional DOMString protocols
 );
@@ -30,72 +31,72 @@ WebSocket WebSocket(
   in DOMString url,
   in optional DOMString[] protocols
 );
-</pre>
+```
 
-<dl>
- <dt><code>url</code></dt>
- <dd>La url a la que conectar; esta es la URL a la que el WebSocket responde.</dd>
- <dt><code>protocols</code> {{ optional_inline() }}</dt>
- <dd>Un string o array de strings con el/los protocolos a usar. Estos strings son usados para indicar sub-protocolos, para que el servidor pueda implementar multiples sub-protocolos WebSocket (por ejemplo, puede necesitar usar un servidor para manejar diferentes tipos de interacciones dependiendo del protocolo especificado). Si no se especifica el string como protocolo, se asumirá un string vacío.</dd>
-</dl>
+- `url`
+  - : La url a la que conectar; esta es la URL a la que el WebSocket responde.
+- `protocols` {{ optional_inline() }}
+  - : Un string o array de strings con el/los protocolos a usar. Estos strings son usados para indicar sub-protocolos, para que el servidor pueda implementar multiples sub-protocolos WebSocket (por ejemplo, puede necesitar usar un servidor para manejar diferentes tipos de interacciones dependiendo del protocolo especificado). Si no se especifica el string como protocolo, se asumirá un string vacío.
 
-<p>El constructor puede lanzar excepciones:</p>
+El constructor puede lanzar excepciones:
 
-<dl>
- <dt><code>SECURITY_ERR</code></dt>
- <dd>El puerto de la conexión está siendo bloqueado.</dd>
-</dl>
+- `SECURITY_ERR`
+  - : El puerto de la conexión está siendo bloqueado.
 
-<dl>
-</dl>
+<!---->
 
-<h3 id="Errores_de_conexión">Errores de conexión</h3>
+### Errores de conexión
 
-<p>Si ocurre un error al intentar conectar, lo primero que recibiremos será un evento con el nombre de "error" en el objeto <code><a href="/en/WebSockets/WebSockets_reference/WebSocket" title="WebSocket">WebSocket</a> </code>(de este modo se invoca el manejador <code>onerror</code>), y luego <a href="/en/WebSockets/WebSockets_reference/CloseEvent" title="CloseEvent"><code>CloseEvent</code></a> es enviado al objeto <code><a href="/en/WebSockets/WebSockets_reference/WebSocket" title="WebSocket">WebSocket</a> </code>(de este modo se invoca el manejador <code>onclose</code>), para indicar la razón del cierre de la conexión.</p>
+Si ocurre un error al intentar conectar, lo primero que recibiremos será un evento con el nombre de "error" en el objeto `WebSocket `(de este modo se invoca el manejador `onerror`), y luego [`CloseEvent`](/en/WebSockets/WebSockets_reference/CloseEvent "CloseEvent") es enviado al objeto `WebSocket `(de este modo se invoca el manejador `onclose`), para indicar la razón del cierre de la conexión.
 
-<p>A partir de Firefox 11, es normal recibir un mensaje de error descriptivo  en la consola de la plataforma Mozilla, y un código de cierre como está definido en el <a class="external" href="http://tools.ietf.org/html/rfc6455#section-7.4" title="RFC 6455 Section 7.4">RFC 6455, Section 7.4</a> a través de un <a href="/en/WebSockets/WebSockets_reference/CloseEvent" title="CloseEvent"><code>CloseEvent</code></a>.</p>
+A partir de Firefox 11, es normal recibir un mensaje de error descriptivo en la consola de la plataforma Mozilla, y un código de cierre como está definido en el [RFC 6455, Section 7.4](http://tools.ietf.org/html/rfc6455#section-7.4 "RFC 6455 Section 7.4") a través de un [`CloseEvent`](/en/WebSockets/WebSockets_reference/CloseEvent "CloseEvent").
 
-<h3 id="Ejemplos">Ejemplos</h3>
+### Ejemplos
 
-<p>En este ejemplo de crea un nuevo WebSocket, conectandose al servidor <code><span class="nowiki">ws://www.example.com/socketserver</span></code>. El nombre del protocolo "protocolOne"  es el utilizado para la consulta del socket, aunque puede ser omitido.</p>
+En este ejemplo de crea un nuevo WebSocket, conectandose al servidor `ws://www.example.com/socketserver`. El nombre del protocolo "protocolOne" es el utilizado para la consulta del socket, aunque puede ser omitido.
 
-<pre class="brush: js">var exampleSocket = new WebSocket("ws://www.example.com/socketserver", "protocolOne");
-</pre>
+```js
+var exampleSocket = new WebSocket("ws://www.example.com/socketserver", "protocolOne");
+```
 
-<p>Como respuesta, <code>exampleSocket</code>.<code>readyState</code> es <code>CONNECTING</code>. El <code>readyState</code> será  <code>OPEN</code> una vez que la conexión este lista para transferir información.</p>
+Como respuesta, `exampleSocket`.`readyState` es `CONNECTING`. El `readyState` será `OPEN` una vez que la conexión este lista para transferir información.
 
-<p>Si se quiere establecer una conexión que soporte varios protocolos, se puede establecer un array de protocolos:</p>
+Si se quiere establecer una conexión que soporte varios protocolos, se puede establecer un array de protocolos:
 
-<pre class="brush: js">var exampleSocket = new WebSocket("ws://www.example.com/socketserver", ["protocolOne", "protocolTwo"]);
-</pre>
+```js
+var exampleSocket = new WebSocket("ws://www.example.com/socketserver", ["protocolOne", "protocolTwo"]);
+```
 
-<p>Una vez que la conexión este establecida (<code>readyState</code> estará <code>OPEN</code>), <code>exampleSocket.protocol</code> te dirá qué protocolo ha seleccionado el servidor.</p>
+Una vez que la conexión este establecida (`readyState` estará `OPEN`), `exampleSocket.protocol` te dirá qué protocolo ha seleccionado el servidor.
 
-<p>En los ejemplos anteriores <code>ws</code> sustituye <code>http</code>, y de igual manera <code>wss</code> sustituye a <code>https</code>. Al crear un WebSocket se hace uso del mecanismo Upgrade de HTTP, por lo que la petición de actualización del protocolo está implícita cuando accedemos al servidor HTTP con <code><span class="nowiki">ws://www.example.com</span></code> o <code><span class="nowiki">wss://www.example.com</span></code>.</p>
+En los ejemplos anteriores `ws` sustituye `http`, y de igual manera `wss` sustituye a `https`. Al crear un WebSocket se hace uso del mecanismo Upgrade de HTTP, por lo que la petición de actualización del protocolo está implícita cuando accedemos al servidor HTTP con `ws://www.example.com` o `wss://www.example.com`.
 
-<h2 id="Enviando_Información_al_servidor">Enviando Información al servidor</h2>
+## Enviando Información al servidor
 
-<p>Una vez la conexión esta abierta, se puede comenzar<span style="line-height: 1.5;"> a enviar datos al servidor. Para hacer esto, simplemente se llama al metodo</span><span style="line-height: 1.5;"> </span><a href="/en/WebSockets/WebSockets_reference/WebSocket#send()" style="line-height: 1.5;" title="en/WebSockets/WebSockets reference/WebSocket#send()"><code>send()</code></a><span style="line-height: 1.5;"> del objeto </span><code style="font-style: normal; line-height: 1.5;">WebSocket</code>, <span style="line-height: 1.5;">cada vez que se desea enviar un mensaje:</span></p>
+Una vez la conexión esta abierta, se puede comenzar a enviar datos al servidor. Para hacer esto, simplemente se llama al metodo [`send()`](</en/WebSockets/WebSockets_reference/WebSocket#send()> "en/WebSockets/WebSockets reference/WebSocket#send()") del objeto `WebSocket`, cada vez que se desea enviar un mensaje:
 
-<pre class="brush: js">exampleSocket.send("Here's some text that the server is urgently awaiting!");
-</pre>
+```js
+exampleSocket.send("Here's some text that the server is urgently awaiting!");
+```
 
-<p>Puedes enviar información como un string, {{ domxref("Blob") }}, o en un  <a href="/en/JavaScript_typed_arrays/ArrayBuffer" title="en/JavaScript typed arrays/ArrayBuffer"><code>ArrayBuffer</code></a>.</p>
+Puedes enviar información como un string, {{ domxref("Blob") }}, o en un [`ArrayBuffer`](/en/JavaScript_typed_arrays/ArrayBuffer "en/JavaScript typed arrays/ArrayBuffer").
 
-<div class="note"><strong>Nota:</strong> Antes de la version 11, Firefox sólo soportaba el envío de datos como una cadena.</div>
+> **Nota:** Antes de la version 11, Firefox sólo soportaba el envío de datos como una cadena.
 
-<p>Como la conexión es asincronica y es propensa a fallar, no hay garantia de poder llamar al metodo <code>send()</code> inmediatamente despúes de haber creado el objeto WebSocket de manera exitosa. Para enviar información se debe estar seguro de que almenos una conexión ya esta abierta, usando el manejador <code>onopen</code>:</p>
+Como la conexión es asincronica y es propensa a fallar, no hay garantia de poder llamar al metodo `send()` inmediatamente despúes de haber creado el objeto WebSocket de manera exitosa. Para enviar información se debe estar seguro de que almenos una conexión ya esta abierta, usando el manejador `onopen`:
 
-<pre class="brush: js">exampleSocket.onopen = function (event) {
+```js
+exampleSocket.onopen = function (event) {
   exampleSocket.send("Here's some text that the server is urgently awaiting!");
 };
-</pre>
+```
 
-<h3 id="Usando_JSON_para_transferir_Objetos">Usando JSON para transferir Objetos</h3>
+### Usando JSON para transferir Objetos
 
-<p>Una forma de enviar información compleja al servidor es utilizar <a href="/en/JSON" title="en/JSON">JSON</a>. Por ejemplo, un programa para chatear puede interactuar con el servidor usando un protocolo que implementa el uso de paquetes de JSON:</p>
+Una forma de enviar información compleja al servidor es utilizar [JSON](/en/JSON "en/JSON"). Por ejemplo, un programa para chatear puede interactuar con el servidor usando un protocolo que implementa el uso de paquetes de JSON:
 
-<pre class="brush: js">// Envia texto a todos los usuarios através del servidor
+```js
+// Envia texto a todos los usuarios através del servidor
 function sendText() {
   // Se construye un Objeto msg que contiene la información que el servidor necesita procesar de ese cliente.
   var msg = {
@@ -111,30 +112,30 @@ function sendText() {
   // Blank the text input element, ready to receive the next line of text from the user.
   document.getElementById("text").value = "";
 }
-</pre>
+```
 
-<h2 id="Recibiendo_mensajes_del_servidor">Recibiendo mensajes del servidor</h2>
+## Recibiendo mensajes del servidor
 
-<p>WebSockets<span style="line-height: 1.5;"> </span><span style="line-height: 1.5;">API</span><span style="line-height: 1.5;"> es un manejador de eventos; cuando el mensaje es recibido, un "message" el evento es pasado el manejador </span><code style="font-style: normal; line-height: 1.5;">onmessage</code><span style="line-height: 1.5;">. Para escuchar la entrada de información, se puede hacer algo como lo siguiente:</span></p>
+WebSockets API es un manejador de eventos; cuando el mensaje es recibido, un "message" el evento es pasado el manejador `onmessage`. Para escuchar la entrada de información, se puede hacer algo como lo siguiente:
 
-<pre class="brush: js">exampleSocket.onmessage = function (event) {
+```js
+exampleSocket.onmessage = function (event) {
   console.log(event.data);
 }
-</pre>
+```
 
-<h3 id="Recibiendo_e_interpretando_objetos_JSON">Recibiendo e interpretando objetos JSON</h3>
+### Recibiendo e interpretando objetos JSON
 
-<p>Vamos a imaginar una aplicación de chat, donde el cliente usa JSON para transmitir objetos con información. Hay varios tipos de paquetes que el cliente recibirá:</p>
+Vamos a imaginar una aplicación de chat, donde el cliente usa JSON para transmitir objetos con información. Hay varios tipos de paquetes que el cliente recibirá:
 
-<ul>
- <li>Inicio de sesión handshake</li>
- <li>Mensajes de texto</li>
- <li>Actualización de Lista de usuarios</li>
-</ul>
+- Inicio de sesión handshake
+- Mensajes de texto
+- Actualización de Lista de usuarios
 
-<p>El código que interpretará los mensajes entrantes será así:</p>
+El código que interpretará los mensajes entrantes será así:
 
-<pre class="brush: js">exampleSocket.onmessage = function(event) {
+```js
+exampleSocket.onmessage = function(event) {
   var f = document.getElementById("chatbox").contentDocument;
   var text = "";
   var msg = JSON.parse(event.data);
@@ -147,18 +148,18 @@ function sendText() {
       setUsername();
       break;
     case "username":
-      text = "&lt;b&gt;User &lt;em&gt;" + msg.name + "&lt;/em&gt; signed in at " + timeStr + "&lt;/b&gt;&lt;br&gt;";
+      text = "<b>User <em>" + msg.name + "</em> signed in at " + timeStr + "</b><br>";
       break;
     case "message":
-      text = "(" + timeStr + ") &lt;b&gt;" + msg.name + "&lt;/b&gt;: " + msg.text + "&lt;br&gt;";
+      text = "(" + timeStr + ") <b>" + msg.name + "</b>: " + msg.text + "<br>";
       break;
     case "rejectusername":
-      text = "&lt;b&gt;Your username has been set to &lt;em&gt;" + msg.name + "&lt;/em&gt; because the name you chose is in use.&lt;/b&gt;&lt;br&gt;"
+      text = "<b>Your username has been set to <em>" + msg.name + "</em> because the name you chose is in use.</b><br>"
       break;
     case "userlist":
       var ul = "";
-      for (i=0; i &lt; msg.users.length; i++) {
-        ul += msg.users[i] + "&lt;br&gt;";
+      for (i=0; i < msg.users.length; i++) {
+        ul += msg.users[i] + "<br>";
       }
       document.getElementById("userlistbox").innerHTML = ul;
       break;
@@ -169,27 +170,28 @@ function sendText() {
     document.getElementById("chatbox").contentWindow.scrollByPages(1);
   }
 };
-</pre>
+```
 
-<p>Se usa <code><a href="/en/JavaScript/Reference/Global_Objects/JSON/parse" title="en/JavaScript/Reference/Global Objects/JSON/parse">JSON.parse()</a></code> para convertir el objeto JSON de vuelta al original, luego se examina y se realiza la acción pertinente.</p>
+Se usa [`JSON.parse()`](/en/JavaScript/Reference/Global_Objects/JSON/parse "en/JavaScript/Reference/Global Objects/JSON/parse") para convertir el objeto JSON de vuelta al original, luego se examina y se realiza la acción pertinente.
 
-<h3 id="Formato_de_texto_de_los_datos">Formato de texto de los datos</h3>
+### Formato de texto de los datos
 
-<p>El texto recibido a través de la conexión WebSocket está en formato UTF-8.</p>
+El texto recibido a través de la conexión WebSocket está en formato UTF-8.
 
-<p>Antes de Gecko 9.0 {{ geckoRelease("9.0") }}, algunos no-caracteres que siguen siendo texto UTF-8 válido podrían causar el cierre de la conexión. Ahora Gecko permite esos valores.</p>
+Antes de Gecko 9.0 {{ geckoRelease("9.0") }}, algunos no-caracteres que siguen siendo texto UTF-8 válido podrían causar el cierre de la conexión. Ahora Gecko permite esos valores.
 
-<h2 id="Cerrando_la_conexión">Cerrando la conexión</h2>
+## Cerrando la conexión
 
-<p>Cuando se ha terminado de usar la conexión WebSocket, se llama el método <code><a href="/en/WebSockets/WebSockets_reference/WebSocket#close()" title="en/WebSockets/WebSockets reference/WebSocket#close()">close()</a></code> del objeto <code>WebSocket</code>:</p>
+Cuando se ha terminado de usar la conexión WebSocket, se llama el método [`close()`](</en/WebSockets/WebSockets_reference/WebSocket#close()> "en/WebSockets/WebSockets reference/WebSocket#close()") del objeto `WebSocket`:
 
-<pre class="brush: js">exampleSocket.close();
-</pre>
+```js
+exampleSocket.close();
+```
 
-<p>Puede ser de gran ayuda revisar el atributo <code>bufferedAmount</code> del socket para verificar que toda la información ha sido enviada antes de intentar cerrar el socket.</p>
+Puede ser de gran ayuda revisar el atributo `bufferedAmount` del socket para verificar que toda la información ha sido enviada antes de intentar cerrar el socket.
 
-<h2 id="Consideraciones_de_Seguridad">Consideraciones de Seguridad</h2>
+## Consideraciones de Seguridad
 
-<p>Los WebSockets no deben ser usados en entornos de contenido mixto; eso es, no debes abrir una conexión de WebSocket <em>no segura</em> desde una página cargada usando <em>HTTPS </em>o viceversa. De hecho, muchos navegadores solo admiten conexiones WebSocket seguras, y ya no soportan su uso en contextos no seguros.</p>
+Los WebSockets no deben ser usados en entornos de contenido mixto; eso es, no debes abrir una conexión de WebSocket _no segura_ desde una página cargada usando _HTTPS_ o viceversa. De hecho, muchos navegadores solo admiten conexiones WebSocket seguras, y ya no soportan su uso en contextos no seguros.
 
-<p>{{ languages ( {"zh-tw": "zh_tw/WebSockets/Writing_WebSocket_client_applications"} ) }}</p>
+{{ languages ( {"zh-tw": "zh\_tw/WebSockets/Writing\_WebSocket\_client\_applications"} ) }}
diff --git a/files/es/web/api/websockets_api/writing_websocket_server/index.md b/files/es/web/api/websockets_api/writing_websocket_server/index.md
index 96ebc9ab1db20a..7d6f041ca679d8 100644
--- a/files/es/web/api/websockets_api/writing_websocket_server/index.md
+++ b/files/es/web/api/websockets_api/writing_websocket_server/index.md
@@ -8,43 +8,40 @@ tags:
 translation_of: Web/API/WebSockets_API/Writing_WebSocket_server
 original_slug: Web/API/WebSockets_API/Escribiendo_servidor_WebSocket
 ---
-<h2 id="Introducción">Introducción</h2>
+## Introducción
 
-<p>Si deseas utilizar la API WebSocket, es conveniente si tienes un servidor. En este artículo te mostraré como puedes escribir uno en C#. Tú puedes hacer esto en cualquier lenguaje del lado del servidor, pero para mantener las cosas simples y más comprensibles, elegí el lenguaje de Microsoft<span style="line-height: 1.5;">.</span></p>
+Si deseas utilizar la API WebSocket, es conveniente si tienes un servidor. En este artículo te mostraré como puedes escribir uno en C#. Tú puedes hacer esto en cualquier lenguaje del lado del servidor, pero para mantener las cosas simples y más comprensibles, elegí el lenguaje de Microsoft.
 
-<p>Este servidor se ajusta a <a href="http://tools.ietf.org/html/rfc6455">RFC 6455</a> por lo que solo manejará las conexiones de Chrome version 16, Firefox 11, IE 10 and superiores.</p>
+Este servidor se ajusta a [RFC 6455](http://tools.ietf.org/html/rfc6455) por lo que solo manejará las conexiones de Chrome version 16, Firefox 11, IE 10 and superiores.
 
-<h2 id="Primeros_pasos">Primeros pasos</h2>
+## Primeros pasos
 
-<p>WebSocket se comunica a través de conexiones <a href="https://es.wikipedia.org/wiki/Transmission_Control_Protocol">TCP (Transmission Control Protocol)</a>, afortunadamente C# tiene una clase <a href="http://msdn.microsoft.com/es-es/library/system.net.sockets.tcplistener.aspx">TcpListener</a> la cual hace lo que su nombre sugiere. Esta se encuentra en el namespace <em>System.Net.Sockets</em>.</p>
+WebSocket se comunica a través de conexiones [TCP (Transmission Control Protocol)](https://es.wikipedia.org/wiki/Transmission_Control_Protocol), afortunadamente C# tiene una clase [TcpListener](http://msdn.microsoft.com/es-es/library/system.net.sockets.tcplistener.aspx) la cual hace lo que su nombre sugiere. Esta se encuentra en el namespace _System.Net.Sockets_.
 
-<div class="note">
-<p><span style="line-height: 1.572;">Es una buena idea usar la instrucción <code>using</code></span><span style="line-height: 1.572;"> para escribir menos. Eso significa que no tendrás que re escribir el namespace de nuevo en cada ocasión.</span></p>
-</div>
+> **Nota:** Es una buena idea usar la instrucción `using` para escribir menos. Eso significa que no tendrás que re escribir el namespace de nuevo en cada ocasión.
 
-<h3 id="TcpListener">TcpListener</h3>
+### TcpListener
 
-<p>Constructor:</p>
+Constructor:
 
-<pre class="brush: cpp">TcpListener(System.Net.IPAddress localaddr, int port)</pre>
+```cpp
+TcpListener(System.Net.IPAddress localaddr, int port)
+```
 
-<p><code>localaddr</code> especifica la IP a escuchar y <code>port</code> especifica el puerto.</p>
+`localaddr` especifica la IP a escuchar y `port` especifica el puerto.
 
-<div class="note">
-<p>Para crear un objeto <code>IPAddress</code> desde un <code>string</code>, usa el método estático <code>Parse</code> de <code>IPAddres.</code></p>
-</div>
+> **Nota:** Para crear un objeto `IPAddress` desde un `string`, usa el método estático `Parse` de `IPAddres.`
 
-<p><span style="line-height: 1.572;">Métodos</span><span style="line-height: 1.572;">:</span></p>
+Métodos:
 
-<ul>
- <li><code><span style="line-height: 1.572;">Start()</span></code></li>
- <li><span style="line-height: 1.572;">S<code>ystem.Net.Sockets.<a href="http://msdn.microsoft.com/en-us/library/system.net.sockets.tcpclient.aspx">TcpClient</a> AcceptTcpClient()</code><br>
-  Espera por una conexión TCP, la acepta y la devuelve como un objeto TcpClient.</span></li>
-</ul>
+- `Start()`
+- S`ystem.Net.Sockets.TcpClient AcceptTcpClient()`
+  Espera por una conexión TCP, la acepta y la devuelve como un objeto TcpClient.
 
-<p><span style="line-height: 1.572;">Aquí está como utilizar lo que hemos aprendido:</span></p>
+Aquí está como utilizar lo que hemos aprendido:
 
-<pre class="brush: cpp">​using System.Net.Sockets;
+```cpp
+​using System.Net.Sockets;
 using System.Net;
 using System;
 
@@ -60,39 +57,40 @@ class Server {
         Console.WriteLine("Un cliente conectado.");
     }
 }
-</pre>
+```
 
-<h3 id="TcpClient"><span style="line-height: 1.572;">TcpClient</span></h3>
+### TcpClient
 
-<p>Métodos:</p>
+Métodos:
 
-<ul>
- <li><code>System.Net.Sockets.<a href="http://msdn.microsoft.com/en-us/library/system.net.sockets.networkstream.aspx">NetworkStream</a> GetStream()</code><br>
-  Obtiene el stream del canal de comunicación. Ambos lados del canal tienen capacidad de lectura y escritura.</li>
-</ul>
+- `System.Net.Sockets.NetworkStream GetStream()`
+  Obtiene el stream del canal de comunicación. Ambos lados del canal tienen capacidad de lectura y escritura.
 
-<p>Propiedades:</p>
+Propiedades:
 
-<ul>
- <li><code>int Available</code><br>
-  Este es el número de bytes de datos que han sido enviados. El valor es cero hasta que <code><em>NetworkStream.DataAvailable</em></code> es <code><em>true</em></code>.</li>
-</ul>
+- `int Available`
+  Este es el número de bytes de datos que han sido enviados. El valor es cero hasta que `NetworkStream.DataAvailable` es `true`.
 
-<h3 id="NetworkStream">NetworkStream</h3>
+### NetworkStream
 
-<p>Métodos:</p>
+Métodos:
 
-<pre class="brush: cpp">Write(Byte[] buffer, int offset, int size)</pre>
+```cpp
+Write(Byte[] buffer, int offset, int size)
+```
 
-<p>Escribe bytes desde el <em>buffer;</em> el <em>offset</em> y el <em>size</em> determinan la longitud del mensaje.</p>
+Escribe bytes desde el _buffer;_ el _offset_ y el _size_ determinan la longitud del mensaje.
 
-<pre><span class="brush: cpp" style="line-height: 1.572;">Read(Byte[] buffer, int offset, int size)</span></pre>
+```
+Read(Byte[] buffer, int offset, int size)
+```
 
-<p>Lee bytes al <em>buffer;</em> el <em>offset</em> y el <em>size </em>determinan la longitud del mensaje.</p>
+Lee bytes al _buffer;_ el _offset_ y el _size_ determinan la longitud del mensaje.
 
-<p>Ampliemos nuestro ejemplo anterior.</p>
+Ampliemos nuestro ejemplo anterior.
 
-<pre class="brush: cpp">TcpClient client = server.AcceptTcpClient();
+```cpp
+TcpClient client = server.AcceptTcpClient();
 
 Console.WriteLine("Un cliente conectado.");
 
@@ -105,18 +103,20 @@ while (true) {
     Byte[] bytes = new Byte[client.Available];
 
     stream.Read(bytes, 0, bytes.Length);
-}</pre>
+}
+```
 
-<h2 id="Handshaking">Handshaking</h2>
+## Handshaking
 
-<p>Cuando un cliente se conecta al servidor, envía una solicitud GET para actualizar la conexión al WebSocket desde una simple petición HTTP. Esto es conocido como <em>handshaking</em>.</p>
+Cuando un cliente se conecta al servidor, envía una solicitud GET para actualizar la conexión al WebSocket desde una simple petición HTTP. Esto es conocido como _handshaking_.
 
-<p>Este código de ejemplo detecta el GET desde el cliente. Nota que esto bloqueará hasta los 3 primeros bytes del mensaje disponible. Soluciones alternativas deben ser investigadas para ambientes de producción.</p>
+Este código de ejemplo detecta el GET desde el cliente. Nota que esto bloqueará hasta los 3 primeros bytes del mensaje disponible. Soluciones alternativas deben ser investigadas para ambientes de producción.
 
-<pre><code>using System.Text;
+```
+using System.Text;
 using System.Text.RegularExpressions;
 
-while(client.Available &lt; 3)
+while(client.Available < 3)
 {
    // wait for enough bytes to be available
 }
@@ -132,20 +132,20 @@ if (Regex.IsMatch(data, "^GET")) {
 
 } else {
 
-}</code></pre>
+}
+```
 
-<p>Esta respuesta es fácil de construir, pero puede ser un poco díficil de entender. La explicación completa del <em>handshake </em>al servidor puede encontrarse en  <a href="https://developer.mozilla.org/es/docs/WebSockets-840092-dup/RFC%206455,%20section%204.2.2">RFC 6455, section 4.2.2</a>. Para nuestros propósitos, solo construiremos una respuesta simple.</p>
+Esta respuesta es fácil de construir, pero puede ser un poco díficil de entender. La explicación completa del _handshake_ al servidor puede encontrarse en [RFC 6455, section 4.2.2](/es/docs/WebSockets-840092-dup/RFC%206455,%20section%204.2.2). Para nuestros propósitos, solo construiremos una respuesta simple.
 
-<p>Debes:</p>
+Debes:
 
-<ol>
- <li>Obtener el valor de "<em>Sec-WebSocket-Key" </em>sin espacios iniciales ni finales de el encabezado de la solicitud</li>
- <li>Concatenarlo con "258EAFA5-E914-47DA-95CA-C5AB0DC85B11"</li>
- <li>Calcular el código SHA-1 y Base64</li>
- <li>Escribe el valor <em>Sec-WebSocket-Accept</em> en el encabezado como parte de la respuesta HTTP.</li>
-</ol>
+1.  Obtener el valor de "_Sec-WebSocket-Key"_ sin espacios iniciales ni finales de el encabezado de la solicitud
+2.  Concatenarlo con "258EAFA5-E914-47DA-95CA-C5AB0DC85B11"
+3.  Calcular el código SHA-1 y Base64
+4.  Escribe el valor _Sec-WebSocket-Accept_ en el encabezado como parte de la respuesta HTTP.
 
-<pre class="brush: cpp">if (new Regex("^GET").IsMatch(data)) {
+```cpp
+if (new Regex("^GET").IsMatch(data)) {
     Byte[] response = Encoding.UTF8.GetBytes("HTTP/1.1 101 Switching Protocols" + Environment.NewLine
         + "Connection: Upgrade" + Environment.NewLine
         + "Upgrade: websocket" + Environment.NewLine
@@ -160,84 +160,52 @@ if (Regex.IsMatch(data, "^GET")) {
 
     stream.Write(response, 0, response.Length);
 }
-</pre>
-
-<h2 id="Decoding_messages">Decoding messages</h2>
-
-<p>Luego de un <em>handshake</em> exitoso el cliente puede enviar mensajes al servidor, pero estos serán codificados.</p>
-
-<p>Si nosotros enviamos "MDN", obtendremos estos bytes:</p>
-
-<table>
- <tbody>
-  <tr>
-   <td>129</td>
-   <td>131</td>
-   <td>61</td>
-   <td>84</td>
-   <td>35</td>
-   <td>6</td>
-   <td>112</td>
-   <td>16</td>
-   <td>109</td>
-  </tr>
- </tbody>
-</table>
-
-<p>- 129:</p>
-
-<table>
- <thead>
-  <tr>
-   <th scope="col">FIN (¿Es el mensaje completo?)</th>
-   <th scope="col">RSV1</th>
-   <th scope="col">RSV2</th>
-   <th scope="col">RSV3</th>
-   <th scope="col">Opcode</th>
-  </tr>
- </thead>
- <tbody>
-  <tr>
-   <td>1</td>
-   <td>0</td>
-   <td>0</td>
-   <td>0</td>
-   <td>0x1=0001</td>
-  </tr>
- </tbody>
-</table>
-
-<p>FIN: Puedes enviar tu mensaje en marcos, pero ahora debe mantener las cosas simples.<br>
- <span style="line-height: 1.572;">Opcode </span><em>0x1</em><span style="line-height: 1.572;"> significa que es un texto. </span><a href="http://tools.ietf.org/html/rfc6455#section-5.2" style="line-height: 1.572;">Lista completa de Opcodes</a></p>
-
-<p>- 131:</p>
-
-<p>Si el segundo byte menos 128 se encuentra entre 0 y 125, esta es la longitud del mensaje. Si es 126, los siguientes 2 bytes (entero sin signo de 16 bits), si es 127, los siguientes 8 bytes (entero sin signo de 64 bits) son la longitud.</p>
-
-<div class="note">
-<p>Puedo tomar 128, porque el primer bit siempre es 1.</p>
-</div>
-
-<p>- 61, 84, 35 y 6 son los bytes de la clave a decodificar. Cambian en cada oportunidad.</p>
-
-<p>- Los bytes codificados restantes son el mensaje<span style="line-height: 1.572;">.</span></p>
-
-<h3 id="Algoritmo_de_decodificación">Algoritmo de decodificación</h3>
-
-<p>byte decodificado = byte codificado XOR (posición del byte codificado Mod 4) byte de la clave</p>
-
-<p>Ejemplo en C#:</p>
-
-<pre class="brush: cpp">Byte[] decoded = new Byte[3];
+```
+
+## Decoding messages
+
+Luego de un _handshake_ exitoso el cliente puede enviar mensajes al servidor, pero estos serán codificados.
+
+Si nosotros enviamos "MDN", obtendremos estos bytes:
+
+| 129 | 131 | 61  | 84  | 35  | 6   | 112 | 16  | 109 |
+| --- | --- | --- | --- | --- | --- | --- | --- | --- |
+
+\- 129:
+
+| FIN (¿Es el mensaje completo?) | RSV1 | RSV2 | RSV3 | Opcode   |
+| ------------------------------ | ---- | ---- | ---- | -------- |
+| 1                              | 0    | 0    | 0    | 0x1=0001 |
+
+FIN: Puedes enviar tu mensaje en marcos, pero ahora debe mantener las cosas simples.
+Opcode _0x1_ significa que es un texto. [Lista completa de Opcodes](http://tools.ietf.org/html/rfc6455#section-5.2)
+
+\- 131:
+
+Si el segundo byte menos 128 se encuentra entre 0 y 125, esta es la longitud del mensaje. Si es 126, los siguientes 2 bytes (entero sin signo de 16 bits), si es 127, los siguientes 8 bytes (entero sin signo de 64 bits) son la longitud.
+
+> **Nota:** Puedo tomar 128, porque el primer bit siempre es 1.
+
+\- 61, 84, 35 y 6 son los bytes de la clave a decodificar. Cambian en cada oportunidad.
+
+\- Los bytes codificados restantes son el mensaje.
+
+### Algoritmo de decodificación
+
+byte decodificado = byte codificado XOR (posición del byte codificado Mod 4) byte de la clave
+
+Ejemplo en C#:
+
+```cpp
+Byte[] decoded = new Byte[3];
 Byte[] encoded = new Byte[3] {112, 16, 109};
 Byte[] key = Byte[4] {61, 84, 35, 6};
 
-for (int i = 0; i &lt; encoded.Length; i++) {
+for (int i = 0; i < encoded.Length; i++) {
     decoded[i] = (Byte)(encoded[i] ^ key[i % 4]);
-}</pre>
+}
+```
 
-<h2 id="Relacionado">Relacionado</h2>
+## Relacionado
 
-<ul>
- <li><a href="/es/docs/WebSockets/Writing_WebSocket_servers">Escribiendo servidores WebSocket</a></li>
-</ul>
+- [Escribiendo servidores WebSocket](/es/docs/WebSockets/Writing_WebSocket_servers)
diff --git a/files/es/web/api/websockets_api/writing_websocket_servers/index.md b/files/es/web/api/websockets_api/writing_websocket_servers/index.md
index 4a8a1aefb35f08..252eb32e5e817a 100644
--- a/files/es/web/api/websockets_api/writing_websocket_servers/index.md
+++ b/files/es/web/api/websockets_api/writing_websocket_servers/index.md
@@ -4,98 +4,84 @@ slug: Web/API/WebSockets_API/Writing_WebSocket_servers
 translation_of: Web/API/WebSockets_API/Writing_WebSocket_servers
 original_slug: Web/API/WebSockets_API/Escribiendo_servidores_con_WebSocket
 ---
-<p>{{gecko_minversion_header("2")}}</p>
+{{gecko_minversion_header("2")}}
 
-<h2 id="Introducción">Introducción</h2>
+## Introducción
 
-<p>Un servidor WebSocket es simplemente una aplicación TCP que escucha en cualquier puerto de un servidor que sigue un protocolo específico. La tarea de crear un servidor propio personalizado suele asustar a los desarrolladores, sin embargo puede resultar muy fácil implementar un servidor WebSocket en la plataforma que elijas.</p>
+Un servidor WebSocket es simplemente una aplicación TCP que escucha en cualquier puerto de un servidor que sigue un protocolo específico. La tarea de crear un servidor propio personalizado suele asustar a los desarrolladores, sin embargo puede resultar muy fácil implementar un servidor WebSocket en la plataforma que elijas.
 
-<p>Un servidor WebSocket puede ser escrito en cualquier lenguaje de programación Server-Side que sea soporte <a href="https://en.wikipedia.org/wiki/Berkeley_sockets">Berkeley Sockets</a>, como por ejemplo C++ o Python o inclusive PHP y JavaScript para servidores. Este no va a ser un tutorial para ningún lenguaje espefícamente sino que te ayudará a escribir tu propio servidor.<br>
- <br>
- Necesitarás conocer como trabaja el protocolo HTTP y una experiencia intermedia en programación. Dependiendo de las capacidades de tu lenguaje puede ser necesario tener conocimientos en sockets TCP. Esta guía te dará el conocimiento necesario para escribir un servidor con WebSocket.</p>
+Un servidor WebSocket puede ser escrito en cualquier lenguaje de programación Server-Side que sea soporte [Berkeley Sockets](https://en.wikipedia.org/wiki/Berkeley_sockets), como por ejemplo C++ o Python o inclusive PHP y JavaScript para servidores. Este no va a ser un tutorial para ningún lenguaje espefícamente sino que te ayudará a escribir tu propio servidor.
 
-<div class="note">
-<p>Lea las últimas especificaciones oficiales de WebSocket <a href="http://datatracker.ietf.org/doc/rfc6455/?include_text=1">RFC 6455</a>. Las secciones 1 y 4-7 son especialmente interesantes para personas que deseen implementar servidores. La sección 10 abarca temas de seguridad y definitivamente deberías leerla antes de exponer tu servidor a la red.</p>
-</div>
+Necesitarás conocer como trabaja el protocolo HTTP y una experiencia intermedia en programación. Dependiendo de las capacidades de tu lenguaje puede ser necesario tener conocimientos en sockets TCP. Esta guía te dará el conocimiento necesario para escribir un servidor con WebSocket.
 
-<p>Un servidor WebSocket es explicado a un muy bajo nivel aquí. Los servidores WebSocket usualmente estan separados y especializados (por una cuestión de balance de cargas y otra razones prácticas), por lo tanto deberías usar un <a href="https://en.wikipedia.org/wiki/Reverse_proxy">Reverse Proxy</a> (semejante a un servidor HTTP común) casi siempre para detectar los Handshakes de WebSocket, preprocesarlos, y reenviar los datos de los clientes al servidor WebSocket real.<br>
-  </p>
+> **Nota:** Lea las últimas especificaciones oficiales de WebSocket [RFC 6455](http://datatracker.ietf.org/doc/rfc6455/?include_text=1). Las secciones 1 y 4-7 son especialmente interesantes para personas que deseen implementar servidores. La sección 10 abarca temas de seguridad y definitivamente deberías leerla antes de exponer tu servidor a la red.
 
-<h2 id="Paso_1_El_Handshake_del_WebSocket"><a name="Handshake">Paso 1: El Handshake del WebSocket </a></h2>
+Un servidor WebSocket es explicado a un muy bajo nivel aquí. Los servidores WebSocket usualmente estan separados y especializados (por una cuestión de balance de cargas y otra razones prácticas), por lo tanto deberías usar un [Reverse Proxy](https://en.wikipedia.org/wiki/Reverse_proxy) (semejante a un servidor HTTP común) casi siempre para detectar los Handshakes de WebSocket, preprocesarlos, y reenviar los datos de los clientes al servidor WebSocket real.
 
-<p>Antes que nada, el servidor debe escuchar las conexiones entrantes usando un socket TCP estandar. Dependiendo de tu plataforma, esto puede ser manejado por tí. Por ejemplo asumamos que tu servidor esta escuchando la dirección example.com en el puerto 8000, y tu socket en el servidor responde a la petición GET con /chat.</p>
+## Paso 1: El Handshake del WebSocket
 
-<div class="warning">
-<p><strong>Advertencia: </strong>El servidor puede escuchar cualquier puerto que elijas, pero si elijes un puerto diferente al 80 o 443 podría haber problemas con los firewalls y proxies. Suele suceder con el puerto 443 tambien pero para eso se necesita un conexión segura (TLS/SSL). También se debe aclarar que la mayoría de los navegadores (como Firefox 8 o superiores) no permiten conexiones a servidores WebSocket sin seguridad que se realicen desde páginas web con seguridad (HTTPS). </p>
-</div>
+Antes que nada, el servidor debe escuchar las conexiones entrantes usando un socket TCP estandar. Dependiendo de tu plataforma, esto puede ser manejado por tí. Por ejemplo asumamos que tu servidor esta escuchando la dirección example.com en el puerto 8000, y tu socket en el servidor responde a la petición GET con /chat.
 
-<p>El Handshake es el puente desde HTTP a WS. En el Handshake se negocian los detalles de la conexión y cualquier de las partes pueden abandonar el proceso antes de completar dicha conexión si los términos no son favorables. El servidor debe ser cuidadoso al analizar lo que el cliente pide, de lo contrario podrían introducirse problemas de seguridad.</p>
+> **Advertencia:**El servidor puede escuchar cualquier puerto que elijas, pero si elijes un puerto diferente al 80 o 443 podría haber problemas con los firewalls y proxies. Suele suceder con el puerto 443 tambien pero para eso se necesita un conexión segura (TLS/SSL). También se debe aclarar que la mayoría de los navegadores (como Firefox 8 o superiores) no permiten conexiones a servidores WebSocket sin seguridad que se realicen desde páginas web con seguridad (HTTPS).
 
-<h3 id="Petición_de_Handshake_en_el_cliente">Petición de Handshake en el cliente</h3>
+El Handshake es el puente desde HTTP a WS. En el Handshake se negocian los detalles de la conexión y cualquier de las partes pueden abandonar el proceso antes de completar dicha conexión si los términos no son favorables. El servidor debe ser cuidadoso al analizar lo que el cliente pide, de lo contrario podrían introducirse problemas de seguridad.
 
-<p>A pesar de que estamos creando un servidor, un cliente es quien tiene que comenzar el proceso de Handshake de WebSocket. Entonces tú tienes que saber cómo interpretar la petición del cliente. El cliente enviará una linda petición HTTP estandar que lucirá algo asi (la versión del HTTP debe ser 1.1 o mayor y el método debe ser GET):</p>
+### Petición de Handshake en el cliente
 
-<pre>GET /chat HTTP/1.1
+A pesar de que estamos creando un servidor, un cliente es quien tiene que comenzar el proceso de Handshake de WebSocket. Entonces tú tienes que saber cómo interpretar la petición del cliente. El cliente enviará una linda petición HTTP estandar que lucirá algo asi (la versión del HTTP debe ser 1.1 o mayor y el método debe ser GET):
+
+```
+GET /chat HTTP/1.1
 Host: example.com:8000
-<strong>Upgrade: websocket</strong>
-<strong>Connection: Upgrade</strong>
+Upgrade: websocket
+Connection: Upgrade
 Sec-WebSocket-Key: dGhlIHNhbXBsZSBub25jZQ==
 Sec-WebSocket-Version: 13
+```
 
-</pre>
+El cliente puede solicitar aquí extensiones y/o sub protocolos; vea [Misceláneos](#Miscellaneous) para más detalles. También, cabeceras comunes como `User-Agent`, `Referer`, `Cookie`, or cabeceras de autenticación podrían ser incluidos. Haz lo que quieras con ellos; no pertencen a WebSocket. También puedes ignorarlos. En muchas configuraciones comunes, un proxy inverso ya ha tratado con ellos.
 
-<p>El cliente puede solicitar aquí extensiones y/o sub protocolos; vea <a href="#Miscellaneous">Misceláneos</a> para más detalles. También, cabeceras comunes como <code>User-Agent</code>, <code>Referer</code>, <code>Cookie</code>, or cabeceras de autenticación podrían ser incluidos. Haz lo que quieras con ellos; no pertencen a WebSocket. También puedes ignorarlos. En muchas configuraciones comunes, un proxy inverso ya ha tratado con ellos.</p>
+Si alguna cabecera no se entiende o posee un valor incorrecto, el servidor debe responder "[400 Bad Request](/es/docs/HTTP/Response_codes#400)" e inmediatamente cerrar la conexión. Normalmente, también puede dar la razón porque falló el _handshake_ en el cuerpo de la respuesta HTTP, pero el mensaje podría no ser mostrado (el browser no lo muestra). Si el servidor no comprende que la versión del WebSockets, debería enviar una cabecera `Sec-WebSocket-Version` que contenga la(s) versión(es) no entendidas. (Esta guía explica v13, la más nueva). Ahora, vamos a ver la cabecera más curiosa, `Sec-WebSocket-Key`.
 
-<p>Si alguna cabecera no se entiende o posee un valor incorrecto, el servidor debe responder "<a href="https://developer.mozilla.org/es/docs/HTTP/Response_codes#400">400 Bad Request</a>" e inmediatamente cerrar la conexión. Normalmente, también puede dar la razón porque falló el <em>handshake</em> en el cuerpo de la respuesta HTTP, pero el mensaje podría no ser mostrado (el browser no lo muestra). Si el servidor no comprende que la versión del WebSockets, debería enviar una cabecera <code>Sec-WebSocket-Version</code> que contenga la(s) versión(es) no entendidas. (Esta guía explica v13, la más nueva). Ahora, vamos a ver la cabecera más curiosa, <code>Sec-WebSocket-Key</code>.</p>
+> **Nota:** **Tip:** Todos los **navegadores** deben enviar una [`cabecera Origin`](/es/docs/HTTP/Access_control_CORS#Origin). Tu puedes usar esta cabecera por seguridad (revisando por el mismo origen, listas blancas/ listas negras, etc.) y enviar un [403 Forbidden](/es/docs/HTTP/Response_codes#403) si no te gusta lo que ves. Sin embargo, se advierte que los agentes no navegadores pueden enviar un falso `Origin`. La mayoría de las aplicaciones rechazaran las solicitudes sin esta cabecera.
 
-<div class="note">
-<p><strong>Tip:</strong> Todos los <strong>navegadores</strong> deben enviar una <a href="https://developer.mozilla.org/es/docs/HTTP/Access_control_CORS#Origin"><code>cabecera Origin</code></a>. Tu puedes usar esta cabecera por seguridad (revisando por el mismo origen, listas blancas/ listas negras, etc.) y enviar un <a href="https://developer.mozilla.org/es/docs/HTTP/Response_codes#403">403 Forbidden</a> si no te gusta lo que ves. Sin embargo, se advierte que los agentes no navegadores pueden enviar un falso <code>Origin</code>.  La mayoría de las aplicaciones rechazaran las solicitudes sin esta cabecera.</p>
-</div>
+> **Nota:** **Tip:** The request-uri (`/chat` here) has no defined meaning in the spec. So many people cleverly use it to let one server handle multiple WebSocket applications. For example, `example.com/chat` could invoke a multiuser chat app, while `/game` on the same server might invoke a multiplayer game.
 
-<div class="note">
-<p><strong>Tip:</strong> The request-uri (<code>/chat</code> here) has no defined meaning in the spec. So many people cleverly use it to let one server handle multiple WebSocket applications. For example, <code>example.com/chat</code> could invoke a multiuser chat app, while <code>/game</code> on the same server might invoke a multiplayer game.</p>
-</div>
+> **Nota:** [Regular HTTP status codes](/es/docs/HTTP/Response_codes) can only be used before the handshake. After the handshake succeeds, you have to use a different set of codes (defined in section 7.4 of the spec).
 
-<div class="note">
-<p><strong>Note:</strong> <a href="https://developer.mozilla.org/en-US/docs/HTTP/Response_codes">Regular HTTP status codes</a> can only be used before the handshake. After the handshake succeeds, you have to use a different set of codes (defined in section 7.4 of the spec).</p>
-</div>
+### Respuesta de Handshake del servidor
 
-<h3 id="Respuesta_de_Handshake_del_servidor">Respuesta de Handshake del servidor</h3>
+Después de la petición, el servidor debería enviar una linda respuesta (aunque todavía en formato HTTP) que se verá asi (hay que recordar que la cabecera termina con \r \n y agrega un \r \n extra después del último):
 
-<p>Después de la petición, el servidor debería enviar una linda respuesta (aunque todavía en formato HTTP) que se verá asi (hay que recordar que la cabecera termina con \r \n y agrega un \r \n extra después del último):</p>
-
-<pre><strong>HTTP/1.1 101 Switching Protocols</strong>
+```
+HTTP/1.1 101 Switching Protocols
 Upgrade: websocket
 Connection: Upgrade
-<strong>Sec-WebSocket-Accept: s3pPLMBiTxaQ9kYGzzhZRbK+xOo=
-
-</strong></pre>
+Sec-WebSocket-Accept: s3pPLMBiTxaQ9kYGzzhZRbK+xOo=
+```
 
-<p>Adicionalmente, el servidor puede decidir respecto de las solicitudes "extension/subprotocol" en este punto (ver <a href="#Miscellaneous">Miscelláneos</a> para más detalles). La cabecera <code>Sec-WebSocket-Accept</code> es interesante. El servidor debe derivarla a partir de la cabecera <code>Sec-WebSocket-Key</code> enviada anteriormente por el cliente. Para lograr esto se deben concatenar la cabecera del cliente<span style="line-height: 1.5em;"> </span><code style="font-size: 14px;">Sec-WebSocket-Key</code><span style="line-height: 1.5em;"> y el string "</span><code style="font-size: 14px;">258EAFA5-E914-47DA-95CA-C5AB0DC85B11</code><span style="line-height: 1.5em;">" (es un "</span><a href="https://en.wikipedia.org/wiki/Magic_string" style="line-height: 1.5em;">magic string</a><span style="line-height: 1.5em;">"), calcular el </span><a href="https://en.wikipedia.org/wiki/SHA-1" style="line-height: 1.5em;">hash SHA-1</a><span style="line-height: 1.5em;"> del resultado y devolver el string codificado en</span><span style="line-height: 1.5em;"> </span><a href="https://en.wikipedia.org/wiki/Base64" style="line-height: 1.5em;">base64</a><span style="line-height: 1.5em;"> de este hash.</span></p>
+Adicionalmente, el servidor puede decidir respecto de las solicitudes "extension/subprotocol" en este punto (ver [Miscelláneos](#Miscellaneous) para más detalles). La cabecera `Sec-WebSocket-Accept` es interesante. El servidor debe derivarla a partir de la cabecera `Sec-WebSocket-Key` enviada anteriormente por el cliente. Para lograr esto se deben concatenar la cabecera del cliente `Sec-WebSocket-Key` y el string "`258EAFA5-E914-47DA-95CA-C5AB0DC85B11`" (es un "[magic string](https://en.wikipedia.org/wiki/Magic_string)"), calcular el [hash SHA-1](https://en.wikipedia.org/wiki/SHA-1) del resultado y devolver el string codificado en [base64](https://en.wikipedia.org/wiki/Base64) de este hash.
 
-<div class="note">
-<p><strong>FYI:</strong> Este aparentemente complicado e innecesario proceso se realiza de manera que sea obvio para el cliente si el servidor soporta o noWebSockets. Esto es importante de realizar, ya que podrían crearse problemas de seguridad si el servidor acepta conexiones WebSockets pero interpreta los datos como solicitudes HTTP.</p>
-</div>
+> **Nota:** **FYI:** Este aparentemente complicado e innecesario proceso se realiza de manera que sea obvio para el cliente si el servidor soporta o noWebSockets. Esto es importante de realizar, ya que podrían crearse problemas de seguridad si el servidor acepta conexiones WebSockets pero interpreta los datos como solicitudes HTTP.
 
-<p>Así, si la cabecera <code>Sec-WebSocket-Key</code> era "<code>dGhlIHNhbXBsZSBub25jZQ==</code>", la correspondiente respuesta <code>Sec-WebSocket-Accept</code> será "<code>s3pPLMBiTxaQ9kYGzzhZRbK+xOo=</code>". Una vez que el servidor envía estas cabeceras, el "handshake" se considera completo y puedes comenzar a intercambiar datos.</p>
+Así, si la cabecera `Sec-WebSocket-Key` era "`dGhlIHNhbXBsZSBub25jZQ==`", la correspondiente respuesta `Sec-WebSocket-Accept` será "`s3pPLMBiTxaQ9kYGzzhZRbK+xOo=`". Una vez que el servidor envía estas cabeceras, el "handshake" se considera completo y puedes comenzar a intercambiar datos.
 
-<div class="note">
-<p>El servidor puede enviar otras cabeceras como Set-Cookie, o solicitar autenticación o redirigir mediante otros status codes antes de responder al handshake.</p>
-</div>
+> **Nota:** El servidor puede enviar otras cabeceras como Set-Cookie, o solicitar autenticación o redirigir mediante otros status codes antes de responder al handshake.
 
-<h3 id="Llevando_registro_de_los_clientes">Llevando registro de los clientes</h3>
+### Llevando registro de los clientes
 
-<p>Esto no está directamente relacionado con el protocolo WebSocket, pero no está de más mencionarlo: tu servidor debe llevar el registro de los sockets de los clientes, de manera de no realizar handshakes constantemente con los clientes que ya han completado este proceso. La misma dirección IP cliente puede intentar conectarse múltiples veces (pero el servidor puede denegar la conexión si se intentan demasiadas conexiones con el objetivo de evitar ataques <a href="https://en.wikipedia.org/wiki/Denial_of_service">ataques DoS</a>).</p>
+Esto no está directamente relacionado con el protocolo WebSocket, pero no está de más mencionarlo: tu servidor debe llevar el registro de los sockets de los clientes, de manera de no realizar handshakes constantemente con los clientes que ya han completado este proceso. La misma dirección IP cliente puede intentar conectarse múltiples veces (pero el servidor puede denegar la conexión si se intentan demasiadas conexiones con el objetivo de evitar ataques [ataques DoS](https://en.wikipedia.org/wiki/Denial_of_service)).
 
-<h2 id="Paso_2_Intercambiando_Data_Frames">Paso 2: Intercambiando Data Frames</h2>
+## Paso 2: Intercambiando Data Frames
 
-<p>Tanto el cliente como el servidor puede decidir enviar un mensaje en cualquier momento — ese es el encanto de los WebSockets. Sin embargo, extraer información de esos denominados "frames" o tramas de datos no es una experiencia muy mágica. Aunque todos los frames siguen el mismo formato específico, los datos que van del cliente al servidor se enmascaran utilizando el <a href="https://en.wikipedia.org/wiki/XOR_cipher">cifrado XOR</a> (con una clave de 32 bits). La sección 5 de la especificación describe esto en detalle.</p>
+Tanto el cliente como el servidor puede decidir enviar un mensaje en cualquier momento — ese es el encanto de los WebSockets. Sin embargo, extraer información de esos denominados "frames" o tramas de datos no es una experiencia muy mágica. Aunque todos los frames siguen el mismo formato específico, los datos que van del cliente al servidor se enmascaran utilizando el [cifrado XOR](https://en.wikipedia.org/wiki/XOR_cipher) (con una clave de 32 bits). La sección 5 de la especificación describe esto en detalle.
 
-<h3 id="Formato">Formato</h3>
+### Formato
 
-<p>Cada trama de datos (desde el cliente al servidor o viceversa) sigue este mismo formato:</p>
+Cada trama de datos (desde el cliente al servidor o viceversa) sigue este mismo formato:
 
-<pre style="float: left; margin-right: 20px;"> 0                   1                   2                   3
+```
+ 0                   1                   2                   3
  0 1 2 3 4 5 6 7 8 9 0 1 2 3 4 5 6 7 8 9 0 1 2 3 4 5 6 7 8 9 0 1
 +-+-+-+-+-------+-+-------------+-------------------------------+
 |F|R|R|R| opcode|M| Payload len |    Extended payload length    |
@@ -112,136 +98,123 @@ Connection: Upgrade
 :                     Payload Data continued ...                :
 + - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - +
 |                     Payload Data continued ...                |
-+---------------------------------------------------------------+</pre>
++---------------------------------------------------------------+
+```
 
-<p>Los RSV1-3 se pueden ignorar, son para las extensiones.</p>
+Los RSV1-3 se pueden ignorar, son para las extensiones.
 
-<p>El bit MASK simplemente indica si el mensaje está codificado. Los mensajes del cliente deben estar enmascarados, por lo que tu servidor debe esperar que valga 1. (De hecho, la <a href="http://tools.ietf.org/html/rfc6455#section-5.1">sección 5.1 de las espeficicaciones</a>  dice que tu servidor debe desconectarse de un cliente si ese cliente envía un mensaje sin enmascarar). Cuando se envía una trama al cliente, no lo ocultes y no pongas el bit de la máscara. Te explicaremos el enmascaramiento más tarde. <em>Nota: Tienes que enmascarar los mensajes incluso cuando uses un socket seguro.</em></p>
+El bit MASK simplemente indica si el mensaje está codificado. Los mensajes del cliente deben estar enmascarados, por lo que tu servidor debe esperar que valga 1. (De hecho, la [sección 5.1 de las espeficicaciones](http://tools.ietf.org/html/rfc6455#section-5.1) dice que tu servidor debe desconectarse de un cliente si ese cliente envía un mensaje sin enmascarar). Cuando se envía una trama al cliente, no lo ocultes y no pongas el bit de la máscara. Te explicaremos el enmascaramiento más tarde. _Nota: Tienes que enmascarar los mensajes incluso cuando uses un socket seguro._
 
-<p>El campo opcode define cómo interpretar los datos de la carga útil:<code style="font-style: normal; line-height: 1.5;">0x0</code><span style="line-height: 1.5;"> </span><span style="line-height: 1.5;">para continuar,</span><span style="font-family: courier new,andale mono,monospace; line-height: 1.5;"> </span><code style="font-style: normal; line-height: 1.5;">0x1</code><span style="line-height: 1.5;"> para texto (que siempre se codifica con UTF-8), </span><code style="font-style: normal; line-height: 1.5;">0x2</code><span style="line-height: 1.5;"> para datos binarios, otros llamados "códigos de control" se explican más tarde. En esta versión de WebSockets, de <code>0x3</code> a <code>0x7</code> y de <code>0xB</code> a <code>0xF</code> no tienen significado.</span></p>
+El campo opcode define cómo interpretar los datos de la carga útil:`0x0` para continuar, `0x1` para texto (que siempre se codifica con UTF-8), `0x2` para datos binarios, otros llamados "códigos de control" se explican más tarde. En esta versión de WebSockets, de `0x3` a `0x7` y de `0xB` a `0xF` no tienen significado.
 
-<p>El bit FIN indica si este es el último mensaje de una serie. Si es 0, el servidor seguirá escuchando más partes del mensaje; de lo contrario, el servidor debería considerar el mensaje entregado. Más sobre esto después.</p>
+El bit FIN indica si este es el último mensaje de una serie. Si es 0, el servidor seguirá escuchando más partes del mensaje; de lo contrario, el servidor debería considerar el mensaje entregado. Más sobre esto después.
 
-<h3 id="Decoding_Payload_Length">Decoding Payload Length</h3>
+### Decoding Payload Length
 
-<p>To read the payload data, you must know when to stop reading. That's why the payload length is important to know. Unfortunately, this is somewhat complicated. To read it, follow these steps:</p>
+To read the payload data, you must know when to stop reading. That's why the payload length is important to know. Unfortunately, this is somewhat complicated. To read it, follow these steps:
 
-<ol>
- <li>Read bits 9-15 (inclusive) and interpret that as an unsigned integer. If it's 125 or less, then that's the length; you're <strong>done</strong>. If it's 126, go to step 2. If it's 127, go to step 3.</li>
- <li>Read the next 16 bits and interpret those as an unsigned integer. You're <strong>done</strong>.</li>
- <li>Read the next 64 bits and interpret those as an unsigned integer. You're <strong>done</strong>.</li>
-</ol>
+1.  Read bits 9-15 (inclusive) and interpret that as an unsigned integer. If it's 125 or less, then that's the length; you're **done**. If it's 126, go to step 2. If it's 127, go to step 3.
+2.  Read the next 16 bits and interpret those as an unsigned integer. You're **done**.
+3.  Read the next 64 bits and interpret those as an unsigned integer. You're **done**.
 
-<h3 id="Reading_and_Unmasking_the_Data">Reading and Unmasking the Data</h3>
+### Reading and Unmasking the Data
 
-<p>If the MASK bit was set (and it should be, for client-to-server messages), read the next 4 octets (32 bits); this is the masking key. <span style="line-height: 1.5;">Once the payload length and masking key is decoded, you can go ahead and read that number of bytes from the socket. Let's call the data <strong>ENCODED</strong>, and the key <strong>MASK</strong>. To get <strong>DECODED</strong>, loop through the octets (bytes a.k.a. characters for text data) of <strong>ENCODED</strong> and XOR the octet with the (i modulo 4)th octet of MASK. In pseudo-code (that happens to be valid JavaScript):</span></p>
+If the MASK bit was set (and it should be, for client-to-server messages), read the next 4 octets (32 bits); this is the masking key. Once the payload length and masking key is decoded, you can go ahead and read that number of bytes from the socket. Let's call the data **ENCODED**, and the key **MASK**. To get **DECODED**, loop through the octets (bytes a.k.a. characters for text data) of **ENCODED** and XOR the octet with the (i modulo 4)th octet of MASK. In pseudo-code (that happens to be valid JavaScript):
 
-<pre>var DECODED = "";
-for (var i = 0; i &lt; ENCODED.length; i++) {
+```
+var DECODED = "";
+for (var i = 0; i < ENCODED.length; i++) {
     DECODED[i] = ENCODED[i] ^ MASK[i % 4];
-<span style="line-height: 1.5;">}</span></pre>
+}
+```
 
-<p><span style="line-height: 1.5;">Now you can figure out what <strong>DECODED</strong> means depending on your application.</span></p>
+Now you can figure out what **DECODED** means depending on your application.
 
-<h3 id="Message_Fragmentation">Message Fragmentation</h3>
+### Message Fragmentation
 
-<p>The FIN and opcode fields work together to send a message split up into separate frames.  This is called message fragmentation. Fragmentation is only available on opcodes <code>0x0</code> to <code>0x2</code>.</p>
+The FIN and opcode fields work together to send a message split up into separate frames. This is called message fragmentation. Fragmentation is only available on opcodes `0x0` to `0x2`.
 
-<p><span style="line-height: 1.5;">Recall that the opcode tells what a frame is meant to do. If it's <code>0x1</code>, the payload is text. If it's <code>0x2</code>, the payload is binary data.</span><span style="line-height: 1.5;"> However, if it's </span><code style="font-style: normal; line-height: 1.5;">0x0,</code><span style="line-height: 1.5;"> the frame is a continuation frame. This means the server should concatenate the frame's payload to the last frame it received from that client.</span><span style="line-height: 1.5;"> Here is a rough sketch, in which a server reacts to a client sending text messages. The first message is sent in a single frame, while the second message is sent across three frames. FIN and opcode details are shown only for the client:</span></p>
+Recall that the opcode tells what a frame is meant to do. If it's `0x1`, the payload is text. If it's `0x2`, the payload is binary data. However, if it's `0x0,` the frame is a continuation frame. This means the server should concatenate the frame's payload to the last frame it received from that client. Here is a rough sketch, in which a server reacts to a client sending text messages. The first message is sent in a single frame, while the second message is sent across three frames. FIN and opcode details are shown only for the client:
 
-<pre style="font-size: 14px;"><strong>Client:</strong> FIN=1, opcode=0x1, msg="hello"
-<strong>Server:</strong> <em>(process complete message immediately) </em>Hi.
-<strong>Client:</strong> FIN=0, opcode=0x1, msg="and a"
-<strong>Server:</strong> <em>(listening, new message containing text started)</em>
-<strong>Client:</strong> FIN=0, opcode=0x0, msg="happy new"
-<strong>Server:</strong> <em>(listening, payload concatenated to previous message)</em>
-<strong>Client:</strong> FIN=1, opcode=0x0, msg="year!"
-<strong>Server:</strong> <em>(process complete message) </em>Happy new year to you too!</pre>
+```
+Client: FIN=1, opcode=0x1, msg="hello"
+Server: (process complete message immediately) Hi.
+Client: FIN=0, opcode=0x1, msg="and a"
+Server: (listening, new message containing text started)
+Client: FIN=0, opcode=0x0, msg="happy new"
+Server: (listening, payload concatenated to previous message)
+Client: FIN=1, opcode=0x0, msg="year!"
+Server: (process complete message) Happy new year to you too!
+```
 
-<p>Notice the first frame contains an entire message (has <code>FIN=1</code> and <code>opcode!=0x0</code>), so the server can process or respond as it sees fit. The second frame sent by the client has a text payload (<code>opcode=0x1</code>), but the entire message has not arrived yet (<code>FIN=0</code>). All remaining parts of that message are sent with continuation frames (<code>opcode=0x0</code>), and the final frame of the message is marked by <code>FIN=1</code>. <a href="http://tools.ietf.org/html/rfc6455#section-5.4">Section 5.4 of the spec</a> describes message fragmentation.</p>
+Notice the first frame contains an entire message (has `FIN=1` and `opcode!=0x0`), so the server can process or respond as it sees fit. The second frame sent by the client has a text payload (`opcode=0x1`), but the entire message has not arrived yet (`FIN=0`). All remaining parts of that message are sent with continuation frames (`opcode=0x0`), and the final frame of the message is marked by `FIN=1`. [Section 5.4 of the spec](http://tools.ietf.org/html/rfc6455#section-5.4) describes message fragmentation.
 
-<h2 id="Pings_and_Pongs_The_Heartbeat_of_WebSockets">Pings and Pongs: The Heartbeat of WebSockets</h2>
+## Pings and Pongs: The Heartbeat of WebSockets
 
-<p>At any point after the handshake, either the client or the server can choose to send a ping to the other party. When the ping is received, the recipient must send back a pong as soon as possible. You can use this to make sure that the client is still connected, for example.</p>
+At any point after the handshake, either the client or the server can choose to send a ping to the other party. When the ping is received, the recipient must send back a pong as soon as possible. You can use this to make sure that the client is still connected, for example.
 
-<p>A ping or pong is just a regular frame, but it's a <strong>control frame</strong>. Pings have an opcode of <code>0x9</code>, and pongs have an opcode of <code>0xA</code>. When you get a ping, send back a pong with the exact same Payload Data as the ping (for pings and pongs, the max payload length is 125). You might also get a pong without ever sending a ping; ignore this if it happens.</p>
+A ping or pong is just a regular frame, but it's a **control frame**. Pings have an opcode of `0x9`, and pongs have an opcode of `0xA`. When you get a ping, send back a pong with the exact same Payload Data as the ping (for pings and pongs, the max payload length is 125). You might also get a pong without ever sending a ping; ignore this if it happens.
 
-<div class="note">
-<p>If you have gotten more than one ping before you get the chance to send a pong, you only send one pong.</p>
-</div>
+> **Nota:** If you have gotten more than one ping before you get the chance to send a pong, you only send one pong.
 
-<h2 id="Step_4_Closing_the_connection">Step 4: Closing the connection</h2>
+## Step 4: Closing the connection
 
-<p>To close a connection either the client or server can send a control frame with data containing a specified control sequence to begin the closing handshake (detailed in <a href="http://tools.ietf.org/html/rfc6455#section-5.5.1">Section 5.5.1</a>). Upon receiving such a frame, the other peer sends a Close frame in response. The first peer then closes the connection. Any further data received after closing of connection is then discarded. </p>
+To close a connection either the client or server can send a control frame with data containing a specified control sequence to begin the closing handshake (detailed in [Section 5.5.1](http://tools.ietf.org/html/rfc6455#section-5.5.1)). Upon receiving such a frame, the other peer sends a Close frame in response. The first peer then closes the connection. Any further data received after closing of connection is then discarded.
 
-<h2 id="Miscellaneous_2"><a name="Miscellaneous">Miscellaneous</a></h2>
+## Miscellaneous
 
-<div class="note">
-<p>WebSocket codes, extensions, subprotocols, etc. are registered at the <a href="http://www.iana.org/assignments/websocket/websocket.xml">IANA WebSocket Protocol Registry</a>.</p>
-</div>
+> **Nota:** WebSocket codes, extensions, subprotocols, etc. are registered at the [IANA WebSocket Protocol Registry](http://www.iana.org/assignments/websocket/websocket.xml).
 
-<p>WebSocket extensions and subprotocols are negotiated via headers during <a href="#Handshake">the handshake</a>. Sometimes extensions and subprotocols seem too similar to be different things, but there is a clear distinction. Extensions control the WebSocket <strong>frame</strong> and <strong>modify</strong> the payload, while subprotocols structure the WebSocket <strong>payload</strong> and <strong>never modify</strong> anything. Extensions are optional and generalized (like compression); subprotocols are mandatory and localized (like ones for chat and for MMORPG games).</p>
+WebSocket extensions and subprotocols are negotiated via headers during [the handshake](#Handshake). Sometimes extensions and subprotocols seem too similar to be different things, but there is a clear distinction. Extensions control the WebSocket **frame** and **modify** the payload, while subprotocols structure the WebSocket **payload** and **never modify** anything. Extensions are optional and generalized (like compression); subprotocols are mandatory and localized (like ones for chat and for MMORPG games).
 
-<h3 id="Extensions">Extensions</h3>
+### Extensions
 
-<div class="note">
-<p><strong>This section needs expansion. Please edit if you are equipped to do so.</strong></p>
-</div>
+> **Nota:** **This section needs expansion. Please edit if you are equipped to do so.**
 
-<p>Think of an extension as compressing a file before e-mailing it to someone. Whatever you do, you're sending the <em>same</em> data in different forms. The recipient will eventually be able to get the same data as your local copy, but it is sent differently. That's what an extension does. WebSockets defines a protocol and a simple way to send data, but an extension such as compression could allow sending the same data but in a shorter format.</p>
+Think of an extension as compressing a file before e-mailing it to someone. Whatever you do, you're sending the _same_ data in different forms. The recipient will eventually be able to get the same data as your local copy, but it is sent differently. That's what an extension does. WebSockets defines a protocol and a simple way to send data, but an extension such as compression could allow sending the same data but in a shorter format.
 
-<div class="note">
-<p>Extensions are explained in sections 5.8, 9, 11.3.2, and 11.4 of the spec.</p>
-</div>
+> **Nota:** Extensions are explained in sections 5.8, 9, 11.3.2, and 11.4 of the spec.
 
-<p><em>TODO</em></p>
+_TODO_
 
-<h3 id="Subprotocols">Subprotocols</h3>
+### Subprotocols
 
-<p>Think of a subprotocol as a custom <a href="https://en.wikipedia.org/wiki/XML_schema">XML schema</a> or <a href="https://en.wikipedia.org/wiki/Document_Type_Definition">doctype declaration</a>. You're still using XML and its syntax, but you're additionally restricted by a structure you agreed on. WebSocket subprotocols are just like that. They do not introduce anything fancy, they just establish structure. Like a doctype or schema, both parties must agree on the subprotocol; unlike a doctype or schema, the subprotocol is implemented on the server and cannot be externally refered to by the client.</p>
+Think of a subprotocol as a custom [XML schema](https://en.wikipedia.org/wiki/XML_schema) or [doctype declaration](https://en.wikipedia.org/wiki/Document_Type_Definition). You're still using XML and its syntax, but you're additionally restricted by a structure you agreed on. WebSocket subprotocols are just like that. They do not introduce anything fancy, they just establish structure. Like a doctype or schema, both parties must agree on the subprotocol; unlike a doctype or schema, the subprotocol is implemented on the server and cannot be externally refered to by the client.
 
-<div class="note">
-<p>Subprotocols are explained in sections 1.9, 4.2, 11.3.4, and 11.5 of the spec.</p>
-</div>
+> **Nota:** Subprotocols are explained in sections 1.9, 4.2, 11.3.4, and 11.5 of the spec.
 
-<p>A client has to ask for a specific subprotocol. To do so, it will send something like this <strong>as part of the original handshake</strong>:</p>
+A client has to ask for a specific subprotocol. To do so, it will send something like this **as part of the original handshake**:
 
-<pre>GET /chat HTTP/1.1
+```
+GET /chat HTTP/1.1
 ...
 Sec-WebSocket-Protocol: soap, wamp
+```
 
-</pre>
+or, equivalently:
 
-<p>or, equivalently:</p>
-
-<pre>...
+```
+...
 Sec-WebSocket-Protocol: soap
 Sec-WebSocket-Protocol: wamp
+```
 
-</pre>
-
-<p>Now the server must pick one of the protocols that the client suggested and it supports. If there are more than one, send the first one the client sent. Imagine our server can use both <code>soap</code> and <code>wamp</code>. Then, in the response handshake, it'll send:</p>
+Now the server must pick one of the protocols that the client suggested and it supports. If there are more than one, send the first one the client sent. Imagine our server can use both `soap` and `wamp`. Then, in the response handshake, it'll send:
 
-<pre>Sec-WebSocket-Protocol: soap
-
-</pre>
+```
+Sec-WebSocket-Protocol: soap
+```
 
-<div class="warning">
-<p>The server can't send more than one <code>Sec-Websocket-Protocol</code> header.<br>
- <span style="line-height: 1.5;">If the server doesn't want to use a</span><span style="line-height: 1.5;">ny subprotocol, </span><strong style="line-height: 1.5;">it shouldn't send any <code>Sec-WebSocket-Protocol</code> header</strong><span style="line-height: 1.5;">. Sending a blank header is incorrect.<br>
- The client may close the connection if it doesn't get the subprotocol it wants.</span></p>
-</div>
+> **Advertencia:** The server can't send more than one `Sec-Websocket-Protocol` header.
+> If the server doesn't want to use any subprotocol, **it shouldn't send any `Sec-WebSocket-Protocol` header**. Sending a blank header is incorrect.
+> The client may close the connection if it doesn't get the subprotocol it wants.
 
-<p>If you want your server to obey certain subprotocols, then naturally you'll need extra code on the server. Let's imagine we're using a subprotocol <code>json</code>. In this subprotocol, all data is passed as <a href="https://en.wikipedia.org/wiki/JSON">JSON</a>. If the client solicits this protocol and the server wants to use it, the server will need to have a JSON parser. Practically speaking, this will be part of a library, but the server will need to pass the data around.</p>
+If you want your server to obey certain subprotocols, then naturally you'll need extra code on the server. Let's imagine we're using a subprotocol `json`. In this subprotocol, all data is passed as [JSON](https://en.wikipedia.org/wiki/JSON). If the client solicits this protocol and the server wants to use it, the server will need to have a JSON parser. Practically speaking, this will be part of a library, but the server will need to pass the data around.
 
-<div class="note">
-<p><strong>Tip:</strong> To avoid name conflict, it's recommended to make your subprotocol name part of a domain string. If you are building a custom chat app that uses a proprietary format exclusive to Example Inc., then you might use this: <code>Sec-WebSocket-Protocol: chat.example.com</code>. For different versions, a widely-used method is to add a <code>/</code> followed by the version number, like <code>chat.example.com/2.0</code>. Note that this isn't required, it's just an optional convention, and you can use any string you wish.</p>
-</div>
+> **Nota:** **Tip:** To avoid name conflict, it's recommended to make your subprotocol name part of a domain string. If you are building a custom chat app that uses a proprietary format exclusive to Example Inc., then you might use this: `Sec-WebSocket-Protocol: chat.example.com`. For different versions, a widely-used method is to add a `/` followed by the version number, like `chat.example.com/2.0`. Note that this isn't required, it's just an optional convention, and you can use any string you wish.
 
-<h2 id="Related">Related</h2>
+## Related
 
-<ul>
- <li><a href="/en-US/docs/WebSockets/Writing_WebSocket_server" title="/en-US/docs/WebSockets/Writing_WebSocket_server">Tutorial: Websocket server in C#</a></li>
- <li><a href="/en-US/docs/WebSockets/Writing_WebSocket_client_applications">Writing WebSocket client applications</a></li>
- <li><a href="/en-US/docs/WebSockets/WebSocket_Server_Vb.NET">Tutorial: Websocket server in VB.NET</a></li>
-</ul>
+- [Tutorial: Websocket server in C#](/es/docs/WebSockets/Writing_WebSocket_server)
+- [Writing WebSocket client applications](/es/docs/WebSockets/Writing_WebSocket_client_applications)
+- [Tutorial: Websocket server in VB.NET](/es/docs/WebSockets/WebSocket_Server_Vb.NET)
diff --git a/files/es/web/api/webvr_api/index.md b/files/es/web/api/webvr_api/index.md
index 8a0c579c3e1597..c341167a13490d 100644
--- a/files/es/web/api/webvr_api/index.md
+++ b/files/es/web/api/webvr_api/index.md
@@ -13,161 +13,124 @@ tags:
   - WebVR
 translation_of: Web/API/WebVR_API
 ---
-<div>{{SeeCompatTable}}{{APIRef("WebVR API")}}</div>
+{{SeeCompatTable}}{{APIRef("WebVR API")}}
 
-<p class="summary">WebVR proporciona soporte para la exposición de dispositivos de realidad virtual — por ejemplo el visualizador de Oculus Rift o HTC Vive — para aplicaciones web, permitiendo a los desarrolladores traducir la información de posición y movimiento del visualizador al movimiento alrededor de una escena en 3D. Esto tiene numerosas aplicaciones interesantes, desde visitas virtuales de productos y aplicaciones de capacitación interactiva hasta juegos inmersivos en primera persona.</p>
+WebVR proporciona soporte para la exposición de dispositivos de realidad virtual — por ejemplo el visualizador de Oculus Rift o HTC Vive — para aplicaciones web, permitiendo a los desarrolladores traducir la información de posición y movimiento del visualizador al movimiento alrededor de una escena en 3D. Esto tiene numerosas aplicaciones interesantes, desde visitas virtuales de productos y aplicaciones de capacitación interactiva hasta juegos inmersivos en primera persona.
 
-<h2 id="Concepts_and_usage">Concepts and usage</h2>
+## Concepts and usage
 
-<p>Any VR devices attached to your computer will be returned by the {{domxref("Navigator.getVRDisplays()")}} method; each one will be represented by a {{domxref("VRDisplay")}} object.</p>
-
-<p><img alt='Sketch of a person in a chair with wearing goggles labelled "Head mounted display (HMD)" facing a monitor with a webcam labelled "Position sensor"' src="https://mdn.mozillademos.org/files/11035/hw-setup.png" style="display: block; height: 78px; margin: 0px auto; width: 60%;"></p>
+Any VR devices attached to your computer will be returned by the {{domxref("Navigator.getVRDisplays()")}} method; each one will be represented by a {{domxref("VRDisplay")}} object.
 
-<p>{{domxref("VRDisplay")}} is the central interface in the WebVR API — via its properties and methods you can access functionality to:</p>
+![Sketch of a person in a chair with wearing goggles labelled "Head mounted display (HMD)" facing a monitor with a webcam labelled "Position sensor"](https://mdn.mozillademos.org/files/11035/hw-setup.png)
 
-<ul>
- <li>Retrieve useful information to allow us to identify the display, what capabilities it has, controllers associated with it, and more.</li>
- <li>Retrieve {{domxref("VRFrameData", "frame data")}} for each frame of content you you want to present in a display, and submit those frames for display at a consistent rate.</li>
- <li>Start and stop presenting to the display.</li>
-</ul>
+{{domxref("VRDisplay")}} is the central interface in the WebVR API — via its properties and methods you can access functionality to:
 
-<p>A typical (simple) WebVR app would work like so:</p>
-
-<ol>
- <li>{{domxref("Navigator.getVRDisplays()")}} is used to get a reference to your VR display.</li>
- <li>{{domxref("VRDisplay.requestPresent()")}} is used to start presenting to the VR display.</li>
- <li>WebVR's dedicated {{domxref("VRDisplay.requestAnimationFrame()")}} method is used to run the app's rendering loop at the correct refresh rate for the display.</li>
- <li>Inside the rendering loop, you grab the data required to display the current frame ({{domxref("VRDisplay.getFrameData()")}}), draw the displayed scene twice — once for the view in each eye, then submit the rendered view to the display to show to the user ({{domxref("VRDisplay.submitFrame()")}}).</li>
-</ol>
+- Retrieve useful information to allow us to identify the display, what capabilities it has, controllers associated with it, and more.
+- Retrieve {{domxref("VRFrameData", "frame data")}} for each frame of content you you want to present in a display, and submit those frames for display at a consistent rate.
+- Start and stop presenting to the display.
 
-<p>In addition, WebVR 1.1 adds a number of events on the {{domxref("Window")}} object to allow JavaScript to respond to changes to the status of the display.</p>
-
-<div class="note">
-<p><strong>Note</strong>: You can find a lot more out about how the API works in our <a href="/en-US/docs/Web/API/WebVR_API/Using_the_WebVR_API">Using the WebVR API</a> and <a href="/en-US/docs/Web/API/WebVR_API/Concepts">WebVR Concepts</a> articles.</p>
-</div>
-
-<h3 id="Using_controllers_Combining_WebVR_with_the_Gamepad_API">Using controllers: Combining WebVR with the Gamepad API</h3>
-
-<p>Many WebVR hardware setups feature controllers that go along with the headset. These can be used in WebVR apps via the <a href="/en-US/docs/Web/API/Gamepad_API">Gamepad API</a>, and specifically the <a href="/en-US/docs/Web/API/Gamepad_API#Experimental_Gamepad_extensions">Gamepad Extensions API</a> that adds API features for accessing <a href="/en-US/docs/Web/API/GamepadPose">controller pose</a>, <a href="/en-US/docs/Web/API/GamepadHapticActuator">haptic actuators</a>, and more.</p>
-
-<div class="note">
-<p><strong>Note</strong>: Our <a href="/en-US/docs/Web/API/WebVR_API/Using_VR_controllers_with_WebVR">Using VR controllers with WebVR</a> article explains the basics of how to use VR controllers with WebVR apps.</p>
-</div>
-
-<h2 id="WebVR_Interfaces">WebVR Interfaces</h2>
-
-<dl>
- <dt>{{domxref("VRDisplay")}}</dt>
- <dd>Represents any VR device supported by this API. It includes generic information such as device IDs and descriptions, as well as methods for starting to present a VR scene, retrieving eye parameters and display capabilities, and other important functionality.</dd>
- <dt>{{domxref("VRDisplayCapabilities")}}</dt>
- <dd>Describes the capabilities of a {{domxref("VRDisplay")}} — it's features can be used to perform VR device capability tests, for example can it return position information.</dd>
- <dt>{{domxref("VRDisplayEvent")}}</dt>
- <dd>Represents the event object of WebVR-related events (see the <a href="#window">window object extensions</a> listed below).</dd>
- <dt>{{domxref("VRFrameData")}}</dt>
- <dd>Represents all the information needed to render a single frame of a VR scene; constructed by {{domxref("VRDisplay.getFrameData()")}}.</dd>
- <dt>{{domxref("VRPose")}}</dt>
- <dd>Represents the position state at a given timestamp (which includes orientation, position, velocity, and acceleration.)</dd>
- <dt>{{domxref("VREyeParameters")}}</dt>
- <dd>Provides access to all the information required to correctly render a scene for each given eye, including field of view information.</dd>
- <dt>{{domxref("VRFieldOfView")}}</dt>
- <dd>Represents a field of view defined by 4 different degree values describing the view from a center point.</dd>
- <dt>{{domxref("VRLayerInit")}}</dt>
- <dd>Represents a layer to be presented in a {{domxref("VRDisplay")}}.</dd>
- <dt>{{domxref("VRStageParameters")}}</dt>
- <dd>Represents the values describing the the stage area for devices that support room-scale experiences.</dd>
-</dl>
-
-<h3 id="Extensions_to_other_interfaces">Extensions to other interfaces</h3>
-
-<p>The WebVR API extends the following APIs, adding the listed features.</p>
-
-<h4 id="Gamepad">Gamepad</h4>
-
-<dl>
- <dt>{{domxref("Gamepad.displayId")}} {{readonlyInline}}</dt>
- <dd><dfn>Returns the {{domxref("VRDisplay.displayId")}} of the associated {{domxref("VRDisplay")}} — the <code>VRDisplay</code> that the gamepad is controlling the displayed scene of.</dfn></dd>
-</dl>
-
-<h4 id="Navigator">Navigator</h4>
-
-<dl>
- <dt>{{domxref("Navigator.activeVRDisplays")}} {{readonlyInline}}</dt>
- <dd>Returns an array containing every {{domxref("VRDisplay")}} object that is currently presenting ({{domxref("VRDisplay.ispresenting")}} is <code>true</code>).</dd>
- <dt>{{domxref("Navigator.getVRDisplays()")}}</dt>
- <dd>Returns a promise that resolves to an array of {{domxref("VRDisplay")}} objects representing any available VR displays connected to the computer.</dd>
-</dl>
-
-<h4 id="Window_events">Window events</h4>
-
-<dl>
- <dt>{{domxref("Window.onvrdisplaypresentchange")}}</dt>
- <dd>Represents an event handler that will run when the presenting state of a VR display changes — i.e. goes from presenting to not presenting, or vice versa (when the {{event("vrdisplaypresentchange")}} event fires).</dd>
- <dt>{{domxref("Window.onvrdisplayconnect")}}</dt>
- <dd>Represents an event handler that will run when a compatible VR display has been connected to the computer (when the {{event("vrdisplayconnect")}} event fires).</dd>
- <dt>{{domxref("Window.onvrdisplaydisconnect")}}</dt>
- <dd>Represents an event handler that will run when a compatible VR display has been disconnected from the computer (when the {{event("vrdisplaydisconnect")}} event fires).</dd>
- <dt>{{domxref("Window.onvrdisplayactivate")}}</dt>
- <dd>Represents an event handler that will run when a display is able to be presented to (when the {{event("vrdisplayactivate")}} event fires), for example if an HMD has been moved to bring it out of standby, or woken up by being put on.</dd>
- <dt>{{domxref("Window.onvrdisplaydeactivate")}}</dt>
- <dd>Represents an event handler that will run when a display can no longer be presented to (when the {{event("vrdisplaydeactivate")}} event fires), for example if an HMD has gone into standby or sleep mode due to a period of inactivity.</dd>
-</dl>
-
-<h4 id="Unimplemented_window_events">Unimplemented window events</h4>
-
-<p>The following events are listed in the spec, but do not currently seem to be implemented anywhere as yet.</p>
-
-<dl>
- <dt>{{domxref("Window.onvrdisplayblur")}}</dt>
- <dd>Represents an event handler that will run when presentation to a display has been paused for some reason by the browser, OS, or VR hardware (when the {{event("vrdisplayblur")}} event fires) — for example, while the user is interacting with a system menu or browser, to prevent tracking or loss of experience.</dd>
- <dt>{{domxref("Window.onvrdisplayfocus")}}</dt>
- <dd>Represents an event handler that will run when presentation to a display has resumed after being blurred (when the {{event("vrdisplayfocus")}} event fires).</dd>
-</dl>
-
-<h2 id="Examples">Examples</h2>
-
-<p>You can find a number of examples at these locations:</p>
-
-<ul>
- <li><a href="https://github.com/mdn/webvr-tests">webvr-tests</a> — very simple examples to accompany the MDN WebVR documentation.</li>
- <li><a href="https://github.com/facebook/Carmel-Starter-Kit">Carmel starter kit</a> — nice simple, well-commented examples that go along with Carmel, Facebook's WebVR browser.</li>
- <li><a href="https://webvr.info/samples/">WebVR.info samples</a> — slightly more in-depth examples plus source code</li>
- <li><a href="https://webvr.rocks/firefox#demos">WebVR.rocks Firefox demos</a> — showcase examples</li>
- <li><a href="https://aframe.io/">A-Frame homepage</a> — examples showing A-Frame usage</li>
-</ul>
-
-<h2 id="Specifications">Specifications</h2>
-
-<table class="standard-table">
- <tbody>
-  <tr>
-   <th scope="col">Specification</th>
-   <th scope="col">Status</th>
-   <th scope="col">Comment</th>
-  </tr>
-  <tr>
-   <td>{{SpecName("GamepadExtensions")}}</td>
-   <td>{{Spec2("GamepadExtensions")}}</td>
-   <td>Defines the <a href="/en-US/docs/Web/API/Gamepad_API#Experimental_Gamepad_extensions">Experimental Gamepad extensions</a>.</td>
-  </tr>
-  <tr>
-   <td>{{SpecName('WebVR 1.1')}}</td>
-   <td>{{Spec2('WebVR 1.1')}}</td>
-   <td>Initial definition</td>
-  </tr>
- </tbody>
-</table>
-
-<h2 id="Browser_compatibility">Browser compatibility</h2>
+A typical (simple) WebVR app would work like so:
+
+1.  {{domxref("Navigator.getVRDisplays()")}} is used to get a reference to your VR display.
+2.  {{domxref("VRDisplay.requestPresent()")}} is used to start presenting to the VR display.
+3.  WebVR's dedicated {{domxref("VRDisplay.requestAnimationFrame()")}} method is used to run the app's rendering loop at the correct refresh rate for the display.
+4.  Inside the rendering loop, you grab the data required to display the current frame ({{domxref("VRDisplay.getFrameData()")}}), draw the displayed scene twice — once for the view in each eye, then submit the rendered view to the display to show to the user ({{domxref("VRDisplay.submitFrame()")}}).
+
+In addition, WebVR 1.1 adds a number of events on the {{domxref("Window")}} object to allow JavaScript to respond to changes to the status of the display.
+
+> **Nota:** You can find a lot more out about how the API works in our [Using the WebVR API](/es/docs/Web/API/WebVR_API/Using_the_WebVR_API) and [WebVR Concepts](/es/docs/Web/API/WebVR_API/Concepts) articles.
+
+### Using controllers: Combining WebVR with the Gamepad API
+
+Many WebVR hardware setups feature controllers that go along with the headset. These can be used in WebVR apps via the [Gamepad API](/es/docs/Web/API/Gamepad_API), and specifically the [Gamepad Extensions API](/es/docs/Web/API/Gamepad_API#Experimental_Gamepad_extensions) that adds API features for accessing [controller pose](/es/docs/Web/API/GamepadPose), [haptic actuators](/es/docs/Web/API/GamepadHapticActuator), and more.
+
+> **Nota:** Our [Using VR controllers with WebVR](/es/docs/Web/API/WebVR_API/Using_VR_controllers_with_WebVR) article explains the basics of how to use VR controllers with WebVR apps.
+
+## WebVR Interfaces
+
+- {{domxref("VRDisplay")}}
+  - : Represents any VR device supported by this API. It includes generic information such as device IDs and descriptions, as well as methods for starting to present a VR scene, retrieving eye parameters and display capabilities, and other important functionality.
+- {{domxref("VRDisplayCapabilities")}}
+  - : Describes the capabilities of a {{domxref("VRDisplay")}} — it's features can be used to perform VR device capability tests, for example can it return position information.
+- {{domxref("VRDisplayEvent")}}
+  - : Represents the event object of WebVR-related events (see the [window object extensions](#window) listed below).
+- {{domxref("VRFrameData")}}
+  - : Represents all the information needed to render a single frame of a VR scene; constructed by {{domxref("VRDisplay.getFrameData()")}}.
+- {{domxref("VRPose")}}
+  - : Represents the position state at a given timestamp (which includes orientation, position, velocity, and acceleration.)
+- {{domxref("VREyeParameters")}}
+  - : Provides access to all the information required to correctly render a scene for each given eye, including field of view information.
+- {{domxref("VRFieldOfView")}}
+  - : Represents a field of view defined by 4 different degree values describing the view from a center point.
+- {{domxref("VRLayerInit")}}
+  - : Represents a layer to be presented in a {{domxref("VRDisplay")}}.
+- {{domxref("VRStageParameters")}}
+  - : Represents the values describing the the stage area for devices that support room-scale experiences.
+
+### Extensions to other interfaces
+
+The WebVR API extends the following APIs, adding the listed features.
+
+#### Gamepad
+
+- {{domxref("Gamepad.displayId")}} {{readonlyInline}}
+  - : _Returns the {{domxref("VRDisplay.displayId")}} of the associated {{domxref("VRDisplay")}} — the `VRDisplay` that the gamepad is controlling the displayed scene of._
+
+#### Navigator
+
+- {{domxref("Navigator.activeVRDisplays")}} {{readonlyInline}}
+  - : Returns an array containing every {{domxref("VRDisplay")}} object that is currently presenting ({{domxref("VRDisplay.ispresenting")}} is `true`).
+- {{domxref("Navigator.getVRDisplays()")}}
+  - : Returns a promise that resolves to an array of {{domxref("VRDisplay")}} objects representing any available VR displays connected to the computer.
+
+#### Window events
+
+- {{domxref("Window.onvrdisplaypresentchange")}}
+  - : Represents an event handler that will run when the presenting state of a VR display changes — i.e. goes from presenting to not presenting, or vice versa (when the {{event("vrdisplaypresentchange")}} event fires).
+- {{domxref("Window.onvrdisplayconnect")}}
+  - : Represents an event handler that will run when a compatible VR display has been connected to the computer (when the {{event("vrdisplayconnect")}} event fires).
+- {{domxref("Window.onvrdisplaydisconnect")}}
+  - : Represents an event handler that will run when a compatible VR display has been disconnected from the computer (when the {{event("vrdisplaydisconnect")}} event fires).
+- {{domxref("Window.onvrdisplayactivate")}}
+  - : Represents an event handler that will run when a display is able to be presented to (when the {{event("vrdisplayactivate")}} event fires), for example if an HMD has been moved to bring it out of standby, or woken up by being put on.
+- {{domxref("Window.onvrdisplaydeactivate")}}
+  - : Represents an event handler that will run when a display can no longer be presented to (when the {{event("vrdisplaydeactivate")}} event fires), for example if an HMD has gone into standby or sleep mode due to a period of inactivity.
+
+#### Unimplemented window events
+
+The following events are listed in the spec, but do not currently seem to be implemented anywhere as yet.
+
+- {{domxref("Window.onvrdisplayblur")}}
+  - : Represents an event handler that will run when presentation to a display has been paused for some reason by the browser, OS, or VR hardware (when the {{event("vrdisplayblur")}} event fires) — for example, while the user is interacting with a system menu or browser, to prevent tracking or loss of experience.
+- {{domxref("Window.onvrdisplayfocus")}}
+  - : Represents an event handler that will run when presentation to a display has resumed after being blurred (when the {{event("vrdisplayfocus")}} event fires).
+
+## Examples
+
+You can find a number of examples at these locations:
+
+- [webvr-tests](https://github.com/mdn/webvr-tests) — very simple examples to accompany the MDN WebVR documentation.
+- [Carmel starter kit](https://github.com/facebook/Carmel-Starter-Kit) — nice simple, well-commented examples that go along with Carmel, Facebook's WebVR browser.
+- [WebVR.info samples](https://webvr.info/samples/) — slightly more in-depth examples plus source code
+- [WebVR.rocks Firefox demos](https://webvr.rocks/firefox#demos) — showcase examples
+- [A-Frame homepage](https://aframe.io/) — examples showing A-Frame usage
+
+## Specifications
+
+| Specification                                | Status                                   | Comment                                                                                                      |
+| -------------------------------------------- | ---------------------------------------- | ------------------------------------------------------------------------------------------------------------ |
+| {{SpecName("GamepadExtensions")}} | {{Spec2("GamepadExtensions")}} | Defines the [Experimental Gamepad extensions](/es/docs/Web/API/Gamepad_API#Experimental_Gamepad_extensions). |
+| {{SpecName('WebVR 1.1')}}             | {{Spec2('WebVR 1.1')}}             | Initial definition                                                                                           |
+
+## Browser compatibility
 
 {{Compat("api.Navigator.getVRDisplays")}}
 
-<h2 id="See_also">See also</h2>
+## See also
 
-<ul>
- <li><a href="https://vr.mozilla.org">vr.mozilla.org</a> — The main Mozilla landing pad for WebVR, with demos, utilities, and other information.</li>
- <li><a href="https://aframe.io/">A-Frame</a> — Open source web framework for building VR experiences.</li>
- <li><a href="https://webvr.info">webvr.info</a> — Up-to-date information about WebVR, browser setup, and community.</li>
- <li><a href="http://mozvr.com/">MozVr.com</a> — Demos, downloads, and other resources from the Mozilla VR team.</li>
- <li><a href="https://github.com/MozVR/vr-web-examples/tree/master/threejs-vr-boilerplate">threejs-vr-boilerplate</a> — A useful starter template for writing WebVR apps into.</li>
- <li><a href="https://github.com/googlevr/webvr-polyfill/">Web VR polyfill</a> — JavaScript implementation of WebVR.</li>
-</ul>
+- [vr.mozilla.org](https://vr.mozilla.org) — The main Mozilla landing pad for WebVR, with demos, utilities, and other information.
+- [A-Frame](https://aframe.io/) — Open source web framework for building VR experiences.
+- [webvr.info](https://webvr.info) — Up-to-date information about WebVR, browser setup, and community.
+- [MozVr.com](http://mozvr.com/) — Demos, downloads, and other resources from the Mozilla VR team.
+- [threejs-vr-boilerplate](https://github.com/MozVR/vr-web-examples/tree/master/threejs-vr-boilerplate) — A useful starter template for writing WebVR apps into.
+- [Web VR polyfill](https://github.com/googlevr/webvr-polyfill/) — JavaScript implementation of WebVR.
diff --git a/files/es/web/api/webvr_api/using_the_webvr_api/index.md b/files/es/web/api/webvr_api/using_the_webvr_api/index.md
index cbb4aa5e97d6e4..cc2fcb48bf0484 100644
--- a/files/es/web/api/webvr_api/using_the_webvr_api/index.md
+++ b/files/es/web/api/webvr_api/using_the_webvr_api/index.md
@@ -12,83 +12,68 @@ tags:
   - WebVR
 translation_of: Web/API/WebVR_API/Using_the_WebVR_API
 ---
-<div>{{APIRef("WebVR API")}}</div>
+{{APIRef("WebVR API")}}
 
-<p class="summary"><span id="result_box" lang="es"><span>La API WebVR es una fantástica adición al kit de herramientas del desarrollador web, permitiendo que las escenas de WebGL sean presentadas en pantallas de realidad virtual como el Oculus Rift y HTC Vive.</span> <span>Pero, ¿cómo empezar a desarrollar aplicaciones VR para la Web?</span> <span>Este artículo le guiará a través de los fundamentos.</span></span></p>
+La API WebVR es una fantástica adición al kit de herramientas del desarrollador web, permitiendo que las escenas de WebGL sean presentadas en pantallas de realidad virtual como el Oculus Rift y HTC Vive. Pero, ¿cómo empezar a desarrollar aplicaciones VR para la Web? Este artículo le guiará a través de los fundamentos.
 
-<div class="note">
-<p><span id="result_box" lang="es"><span><strong>Nota:</strong> La versión más estable de la API de WebVR (1.1) se ha implementado recientemente en Firefox 55 (Windows en versión de lanzamiento y Mac OS X sólo en Nightly) y también está disponible en Chrome cuando se usa con hardware de Google Daydream.</span> <span>También hay una evolución posterior de la especificación 2.0, pero esto está en una etapa temprana ahora mismo.</span> <span>Puede encontrar información sobre el estado más reciente de las especificaciones en </span></span> <a href="https://w3c.github.io/webvr/">WebVR Spec Version List</a>.</p>
-</div>
+> **Nota:** **Nota:** La versión más estable de la API de WebVR (1.1) se ha implementado recientemente en Firefox 55 (Windows en versión de lanzamiento y Mac OS X sólo en Nightly) y también está disponible en Chrome cuando se usa con hardware de Google Daydream. También hay una evolución posterior de la especificación 2.0, pero esto está en una etapa temprana ahora mismo. Puede encontrar información sobre el estado más reciente de las especificaciones en [WebVR Spec Version List](https://w3c.github.io/webvr/).
 
-<h2 id="Empezando"><span class="short_text" id="result_box" lang="es"><span>Empezando</span></span></h2>
+## Empezando
 
-<p><span class="short_text" id="result_box" lang="es"><span>Para empezar, necesita:</span></span></p>
+Para empezar, necesita:
 
-<ul>
- <li><span class="short_text" id="result_box" lang="es"><span>Soporte de hardware VR.</span></span>
+- Soporte de hardware VR.
 
-  <ul>
-   <li><span id="result_box" lang="es"><span>La opción más barata es utilizar un dispositivo móvil, compatible con el navegador y el dispositivo montado (por ejemplo, Google Cardboard).</span> <span>Esto no será una experiencia tan buena como el hardware dedicado, pero no necesitará comprar una computadora potente o una pantalla VR dedicada.</span></span></li>
-   <li><span id="result_box" lang="es"><span>El hardware dedicado puede ser costoso, pero proporciona una experiencia mejor.</span> <span>El hardware más compatible con WebVR en este momento es el HTC VIVE, y The Oculus Rift.</span> <span>La primera página de</span></span> <a href="https://webvr.info/">webvr.info</a> <span id="result_box" lang="es"><span>tiene alguna otra información útil sobre hardware disponible y qué navegador los soporta.</span></span></li>
-  </ul>
- </li>
- <li><span id="result_box" lang="es"><span>Una computadora lo suficientemente potente para manejar la representación / visualización de escenas VR usando su hardware VR dedicado, si es necesario.</span> <span>Para darle una idea de lo que usted necesita, mire la guía relevante para el VR que usted está comprando</span></span> ( p. ej.<a href="https://www.vive.com/us/ready/">VIVE READY Computers</a>).</li>
- <li><span class="short_text" id="result_box" lang="es"><span>Se ha instalado un navegador de soporte: el último</span></span> <a href="https://www.mozilla.org/en-US/firefox/channel/desktop/">Firefox Nightly</a> o <a href="https://www.google.com/chrome/index.html">Chrome</a> <span id="result_box" lang="es"><span>son sus mejores opciones ahora, en el escritorio o móvil.</span></span></li>
-</ul>
+  - La opción más barata es utilizar un dispositivo móvil, compatible con el navegador y el dispositivo montado (por ejemplo, Google Cardboard). Esto no será una experiencia tan buena como el hardware dedicado, pero no necesitará comprar una computadora potente o una pantalla VR dedicada.
+  - El hardware dedicado puede ser costoso, pero proporciona una experiencia mejor. El hardware más compatible con WebVR en este momento es el HTC VIVE, y The Oculus Rift. La primera página de [webvr.info](https://webvr.info/) tiene alguna otra información útil sobre hardware disponible y qué navegador los soporta.
 
-<p><span id="result_box" lang="es"><span>Una vez que tengas todo montado, puedes probar si tu configuración funciona con WebVR yendo a nuestro</span></span> <a href="https://mdn.github.io/webvr-tests/aframe-demo/">simple A-Frame demo</a>, <span id="result_box" lang="es"><span>y ver si la escena se procesa y si puede entrar en el modo de visualización VR pulsando el botón en la parte inferior derecha.</span></span></p>
+- Una computadora lo suficientemente potente para manejar la representación / visualización de escenas VR usando su hardware VR dedicado, si es necesario. Para darle una idea de lo que usted necesita, mire la guía relevante para el VR que usted está comprando ( p. ej.[VIVE READY Computers](https://www.vive.com/us/ready/)).
+- Se ha instalado un navegador de soporte: el último [Firefox Nightly](https://www.mozilla.org/en-US/firefox/channel/desktop/) o [Chrome](https://www.google.com/chrome/index.html) son sus mejores opciones ahora, en el escritorio o móvil.
 
-<p><a href="https://aframe.io/">A-Frame</a> <span id="result_box" lang="es"><span>es de lejos la mejor opción si desea crear una escena 3D compatible con WebVR rápidamente, sin necesidad de entender un montón de código nuevo de JavaScript.</span> <span>Sin embargo, no te enseña cómo funciona la API WebVR en bruto, y esto es lo que veremos a continuación.</span></span></p>
+Una vez que tengas todo montado, puedes probar si tu configuración funciona con WebVR yendo a nuestro [simple A-Frame demo](https://mdn.github.io/webvr-tests/aframe-demo/), y ver si la escena se procesa y si puede entrar en el modo de visualización VR pulsando el botón en la parte inferior derecha.
 
-<h2 id="Introduccion_a_nuestra_demostración"><span class="short_text" id="result_box" lang="es"><span>Introduccion a nuestra demostración</span></span></h2>
+[A-Frame](https://aframe.io/) es de lejos la mejor opción si desea crear una escena 3D compatible con WebVR rápidamente, sin necesidad de entender un montón de código nuevo de JavaScript. Sin embargo, no te enseña cómo funciona la API WebVR en bruto, y esto es lo que veremos a continuación.
 
-<p><span id="result_box" lang="es"><span>Para ilustrar cómo funciona la API de WebVR, estudiaremos nuestro ejemplo raw-webgl-example, que se parece un poco a esto:</span></span></p>
+## Introduccion a nuestra demostración
 
-<p><img alt="" src="https://mdn.mozillademos.org/files/15121/Capture1.png" style="display: block; height: 761px; margin: 0px auto; width: 1341px;"></p>
+Para ilustrar cómo funciona la API de WebVR, estudiaremos nuestro ejemplo raw-webgl-example, que se parece un poco a esto:
 
-<div class="note">
-<p><span id="result_box" lang="es"><span><strong>Nota:</strong> Puedes encontrar el <a href="https://github.com/mdn/webvr-tests/tree/master/raw-webgl-example">código fuente de nuestra demo</a> en </span></span> GitHub, <span id="result_box" lang="es"><span>y <a href="https://mdn.github.io/webvr-tests/raw-webgl-example/">verlo en vivo </a>también. </span></span></p>
-</div>
+![](https://mdn.mozillademos.org/files/15121/Capture1.png)
 
-<div class="note">
-<p><span id="result_box" lang="es"><span><strong>Nota:</strong> Si WebVR no funciona en su navegador, es posible que deba asegurarse de que se está ejecutando a través de su tarjeta gráfica.</span> <span>Por ejemplo, para las tarjetas NVIDIA, si el panel de control de NVIDIA se ha configurado correctamente, habrá una opción de menú contextual disponible - haga clic con el botón derecho del ratón en Firefox y seleccione <em>Ejecutar con procesador gráfico</em> &gt; <em>Procesador NVIDIA de alto rendimiento.</em></span></span></p>
-</div>
+> **Nota:** **Nota:** Puedes encontrar el [código fuente de nuestra demo](https://github.com/mdn/webvr-tests/tree/master/raw-webgl-example) en GitHub, y [verlo en vivo ](https://mdn.github.io/webvr-tests/raw-webgl-example/)también.
 
-<p><span id="result_box" lang="es"><span>Nuestra demo presenta el santo grial de las demostraciones de WebGL - un cubo 3D giratorio.</span> <span>Hemos implementado esto usando raw </span></span><a href="/en-US/docs/Web/API/WebGL_API">WebGL API</a> <span id="result_box" lang="es"><span>código.</span> <span>No enseñaremos ningún JavaScript básico o WebGL, solo las partes de WebVR.</span></span></p>
+> **Nota:** **Nota:** Si WebVR no funciona en su navegador, es posible que deba asegurarse de que se está ejecutando a través de su tarjeta gráfica. Por ejemplo, para las tarjetas NVIDIA, si el panel de control de NVIDIA se ha configurado correctamente, habrá una opción de menú contextual disponible - haga clic con el botón derecho del ratón en Firefox y seleccione _Ejecutar con procesador gráfico_ > _Procesador NVIDIA de alto rendimiento._
 
-<p><span class="short_text" id="result_box" lang="es"><span>Nuestra demo también cuenta con:</span></span></p>
+Nuestra demo presenta el santo grial de las demostraciones de WebGL - un cubo 3D giratorio. Hemos implementado esto usando raw [WebGL API](/es/docs/Web/API/WebGL_API) código. No enseñaremos ningún JavaScript básico o WebGL, solo las partes de WebVR.
 
-<ul>
- <li><span id="result_box" lang="es"><span>Un botón para iniciar (y detener) la presentación de nuestra escena en la pantalla VR.</span></span></li>
- <li><span id="result_box" lang="es"><span>Un botón para mostrar (y ocultar) los datos de pose VR, es decir, la posición y orientación del auricular, actualizados en tiempo real.</span></span></li>
-</ul>
+Nuestra demo también cuenta con:
 
-<p><span class="short_text" id="result_box" lang="es"><span>Cuando miras a través del código fuente de</span></span><a href="https://github.com/mdn/webvr-tests/blob/master/raw-webgl-example/webgl-demo.js"> nuestro archivo JavaScript principal de demostraciones</a> , <span id="result_box" lang="es"><span>puede encontrar fácilmente las partes específicas de WebVR buscando la cadena "WebVR" en comentarios anteriores.</span></span></p>
+- Un botón para iniciar (y detener) la presentación de nuestra escena en la pantalla VR.
+- Un botón para mostrar (y ocultar) los datos de pose VR, es decir, la posición y orientación del auricular, actualizados en tiempo real.
 
-<div class="note">
-<p><span id="result_box" lang="es"><span><strong>Nota:</strong> Para obtener más información sobre JavaScript básico y WebGL, consulte nuestro </span></span><a href="https://developer.mozilla.org/en-US/docs/Learn/JavaScript">material de aprendizaje JavaScrip</a><span lang="es"><span> </span></span>, y nuestro <a href="/en-US/docs/Web/API/WebGL_API/Tutorial">WebGL Tutorial</a>.</p>
-</div>
+Cuando miras a través del código fuente de[ nuestro archivo JavaScript principal de demostraciones](https://github.com/mdn/webvr-tests/blob/master/raw-webgl-example/webgl-demo.js) , puede encontrar fácilmente las partes específicas de WebVR buscando la cadena "WebVR" en comentarios anteriores.
 
-<h2 id="¿Como_funciona"><span class="short_text" id="result_box" lang="es"><span>¿Como funciona?</span></span></h2>
+> **Nota:** **Nota:** Para obtener más información sobre JavaScript básico y WebGL, consulte nuestro [material de aprendizaje JavaScrip](/es/docs/Learn/JavaScript) , y nuestro [WebGL Tutorial](/es/docs/Web/API/WebGL_API/Tutorial).
 
-<p><span id="result_box" lang="es"><span>En este punto, veamos cómo funcionan las partes WebVR del código.</span></span></p>
+## ¿Como funciona?
 
-<p><span id="result_box" lang="es"><span>Una típica (simple) aplicación WebVR funciona de esta manera:</span></span></p>
+En este punto, veamos cómo funcionan las partes WebVR del código.
 
-<ol>
- <li>{{domxref("Navigator.getVRDisplays()")}} <span id="result_box" lang="es"><span>se utiliza para obtener una referencia a la visualización VR.</span></span></li>
- <li>{{domxref("VRDisplay.requestPresent()")}} <span id="result_box" lang="es"><span>se utiliza para iniciar la presentación en la pantalla VR.</span></span></li>
- <li><span class="short_text" id="result_box" lang="es"><span>WebVR's dedicado </span></span>{{domxref("VRDisplay.requestAnimationFrame()")}} <span id="result_box" lang="es"><span>se utiliza para ejecutar el bucle de representación de la aplicación a la velocidad de actualización correcta para la pantalla.</span></span></li>
- <li><span id="result_box" lang="es"><span>Dentro del bucle de procesamiento, se capturan los datos necesarios para mostrar el marco actual </span></span>({{domxref("VRDisplay.getFrameData()")}}), <span id="result_box" lang="es"><span>dibuja la escena visualizada dos veces - una vez para la vista en cada ojo -</span>  <span>luego envia la vista renderizada a la pantalla para mostrar al usuario a través de </span></span>({{domxref("VRDisplay.submitFrame()")}}).</li>
-</ol>
+Una típica (simple) aplicación WebVR funciona de esta manera:
 
-<p><span id="result_box" lang="es"><span>En las secciones siguientes veremos en detalle nuestra demostración raw-webgl y veremos dónde se utilizan exactamente las características anteriores.</span></span></p>
+1.  {{domxref("Navigator.getVRDisplays()")}} se utiliza para obtener una referencia a la visualización VR.
+2.  {{domxref("VRDisplay.requestPresent()")}} se utiliza para iniciar la presentación en la pantalla VR.
+3.  WebVR's dedicado {{domxref("VRDisplay.requestAnimationFrame()")}} se utiliza para ejecutar el bucle de representación de la aplicación a la velocidad de actualización correcta para la pantalla.
+4.  Dentro del bucle de procesamiento, se capturan los datos necesarios para mostrar el marco actual ({{domxref("VRDisplay.getFrameData()")}}), dibuja la escena visualizada dos veces - una vez para la vista en cada ojo - luego envia la vista renderizada a la pantalla para mostrar al usuario a través de ({{domxref("VRDisplay.submitFrame()")}}).
 
-<h3 id="Comenzando_con_algunas_variables"><span class="short_text" id="result_box" lang="es"><span>Comenzando con algunas variables</span></span></h3>
+En las secciones siguientes veremos en detalle nuestra demostración raw-webgl y veremos dónde se utilizan exactamente las características anteriores.
 
-<p><span id="result_box" lang="es"><span>El primer código relacionado con WebVR que encontrarás es el siguiente bloque:</span></span></p>
+### Comenzando con algunas variables
 
-<pre class="brush: js notranslate">// WebVR variables
+El primer código relacionado con WebVR que encontrarás es el siguiente bloque:
+
+```js
+// WebVR variables
 
 var frameData = new VRFrameData();
 var vrDisplay;
@@ -106,112 +91,129 @@ var linVelStats = document.querySelector('.lin-vel');
 var linAccStats = document.querySelector('.lin-acc');
 var angVelStats = document.querySelector('.ang-vel');
 var angAccStats = document.querySelector('.ang-acc');
-var poseStatsDisplayed = false;</pre>
+var poseStatsDisplayed = false;
+```
 
-<p><span class="short_text" id="result_box" lang="es"><span>Vamos a explicar estos </span></span><span class="short_text" lang="es"><span>brevemente :</span></span></p>
+Vamos a explicar estos brevemente :
 
-<ul>
- <li><code>frameData</code> contains a {{domxref("VRFrameData")}} <span class="short_text" id="result_box" lang="es"><span>objeto, creado con el </span></span>{{domxref("VRFrameData.VRFrameData", "VRFrameData()")}} <span id="result_box" lang="es"><span>constructor.</span> <span>Esto es inicialmente vacío, pero contendrá más adelante los datos requeridos para rendir cada marco para mostrar en la exhibición de VR, actualizado constantemente mientras que se ejecuta el ciclo de la representación.</span></span></li>
- <li><code>vrDisplay</code> <span id="result_box" lang="es"><span>comienza sin inicializarse, pero más adelante se realizará una referencia a nuestro auricular VR</span></span> ({{domxref("VRDisplay")}} —<span class="short_text" id="result_box" lang="es"><span> el objeto de control central de la API).</span></span></li>
- <li><code>btn</code> y <code>poseStatsBtn</code> <span id="result_box" lang="es"><span>mantenga referencias a los dos botones que estamos usando para controlar nuestra aplicación.</span></span></li>
- <li><code>normalSceneFrame</code> y <code>vrSceneFrame</code> <span id="result_box" lang="es"><span>no iniciados, pero más adelante contendrán referencias a</span></span> {{domxref("Window.requestAnimationFrame()")}} y {{domxref("VRDisplay.requestAnimationFrame()")}} <span id="result_box" lang="es"><span>llamadas - esto iniciará el funcionamiento de un bucle de renderizado normal, y un bucle de renderización WebVR especial;</span> <span>explicaremos la diferencia entre estos dos más adelante.</span></span></li>
- <li><span id="result_box" lang="es"><span>Las otras variables almacenan referencias a diferentes partes del cuadro de visualización de datos de pose de VR, que se puede ver en la esquina inferior derecha de la interfaz de usuario.</span></span></li>
-</ul>
+- `frameData` contains a {{domxref("VRFrameData")}} objeto, creado con el {{domxref("VRFrameData.VRFrameData", "VRFrameData()")}} constructor. Esto es inicialmente vacío, pero contendrá más adelante los datos requeridos para rendir cada marco para mostrar en la exhibición de VR, actualizado constantemente mientras que se ejecuta el ciclo de la representación.
+- `vrDisplay` comienza sin inicializarse, pero más adelante se realizará una referencia a nuestro auricular VR ({{domxref("VRDisplay")}} — el objeto de control central de la API).
+- `btn` y `poseStatsBtn` mantenga referencias a los dos botones que estamos usando para controlar nuestra aplicación.
+- `normalSceneFrame` y `vrSceneFrame` no iniciados, pero más adelante contendrán referencias a {{domxref("Window.requestAnimationFrame()")}} y {{domxref("VRDisplay.requestAnimationFrame()")}} llamadas - esto iniciará el funcionamiento de un bucle de renderizado normal, y un bucle de renderización WebVR especial; explicaremos la diferencia entre estos dos más adelante.
+- Las otras variables almacenan referencias a diferentes partes del cuadro de visualización de datos de pose de VR, que se puede ver en la esquina inferior derecha de la interfaz de usuario.
 
-<h3 id="Cómo_obtener_una_referencia_a_nuestra_pantalla_VR"><span class="short_text" id="result_box" lang="es"><span>Cómo obtener una referencia a nuestra pantalla VR</span></span></h3>
+### Cómo obtener una referencia a nuestra pantalla VR
 
-<p><span id="result_box" lang="es"><span>Una de las principales funciones dentro de nuestro código es start () - ejecutamos esta función cuando el cuerpo ha terminado de cargar:</span></span></p>
+Una de las principales funciones dentro de nuestro código es start () - ejecutamos esta función cuando el cuerpo ha terminado de cargar:
 
-<pre class="brush: js notranslate">// start
+```js
+// start
 //
 // Called when the body has loaded is created to get the ball rolling.
 
-document.body.onload = start;</pre>
+document.body.onload = start;
+```
 
-<p>Para empezar, <code>start()</code> <span id="result_box" lang="es"><span>recupera un contexto de WebGL para usarlo para renderizar gráficos 3D</span></span> {{htmlelement("canvas")}} <span class="short_text" id="result_box" lang="es"><span>elemento en </span></span><a href="https://github.com/mdn/webvr-tests/blob/master/raw-webgl-example/index.html">our HTML</a>. <span class="short_text" id="result_box" lang="es"><span>A continuación verificamos si la</span></span> <code>gl</code> <span class="short_text" id="result_box" lang="es"><span>contexto está disponible</span></span> — <span id="result_box" lang="es"><span>si es así, ejecutamos una serie de funciones para configurar la escena para su visualización.</span></span></p>
+Para empezar, `start()` recupera un contexto de WebGL para usarlo para renderizar gráficos 3D {{htmlelement("canvas")}} elemento en [our HTML](https://github.com/mdn/webvr-tests/blob/master/raw-webgl-example/index.html). A continuación verificamos si la `gl` contexto está disponible — si es así, ejecutamos una serie de funciones para configurar la escena para su visualización.
 
-<pre class="brush: js notranslate">function start() {
+```js
+function start() {
   canvas = document.getElementById("glcanvas");
 
   initWebGL(canvas);      // Initialize the GL context
 
-  // WebGL setup code here</pre>
+  // WebGL setup code here
+```
 
-<p>Next, we start the process of actually rendering the scene onto the canvas, by setting the canvas to fill the entire browser viewport, and running the rendering loop (<code>drawScene()</code>) for the first time. This is the non-WebVR — normal — rendering loop.</p>
+Next, we start the process of actually rendering the scene onto the canvas, by setting the canvas to fill the entire browser viewport, and running the rendering loop (`drawScene()`) for the first time. This is the non-WebVR — normal — rendering loop.
 
-<pre class="brush: js notranslate">    // draw the scene normally, without WebVR - for those who don't have it and want to see the scene in their browser
+```js
+    // draw the scene normally, without WebVR - for those who don't have it and want to see the scene in their browser
 
     canvas.width = window.innerWidth;
     canvas.height = window.innerHeight;
-    drawScene();</pre>
+    drawScene();
+```
 
-<p>Now onto our first WebVR-specific code. First of all, we check to see if {{domxref("Navigator.getVRDisplays")}} exists — this is the entry point into the API, and therefore good basic feature detection for WebVR. You'll see at the end of the block (inside the <code>else</code> clause) that if this doesn't exist, we log a message to indicate that WebVR 1.1 isn't supported by the browser.</p>
+Now onto our first WebVR-specific code. First of all, we check to see if {{domxref("Navigator.getVRDisplays")}} exists — this is the entry point into the API, and therefore good basic feature detection for WebVR. You'll see at the end of the block (inside the `else` clause) that if this doesn't exist, we log a message to indicate that WebVR 1.1 isn't supported by the browser.
 
-<pre class="brush: js notranslate">    // WebVR: Check to see if WebVR is supported
+```js
+    // WebVR: Check to see if WebVR is supported
     if(navigator.getVRDisplays) {
-      console.log('WebVR 1.1 supported');</pre>
+      console.log('WebVR 1.1 supported');
+```
 
-<p>Inside our <code>if() { ... }</code> block, we run the {{domxref("Navigator.getVRDisplays()")}} function. This returns a promise, which is fulfilled with an array containing all the VR display devices connected to the computer. If none are connected, the array will be empty.</p>
+Inside our `if() { ... }` block, we run the {{domxref("Navigator.getVRDisplays()")}} function. This returns a promise, which is fulfilled with an array containing all the VR display devices connected to the computer. If none are connected, the array will be empty.
 
-<pre class="brush: js notranslate">      // Then get the displays attached to the computer
-      navigator.getVRDisplays().then(function(displays) {</pre>
+```js
+      // Then get the displays attached to the computer
+      navigator.getVRDisplays().then(function(displays) {
+```
 
-<p>Inside the promise <code>then()</code> block, we check whether the array length is more than 0; if so, we set the value of our <code>vrDisplay</code> variable to the 0 index item inside the array. <code>vrDisplay</code> now contains a {{domxref("VRDisplay")}} object representing our connected display!</p>
+Inside the promise `then()` block, we check whether the array length is more than 0; if so, we set the value of our `vrDisplay` variable to the 0 index item inside the array. `vrDisplay` now contains a {{domxref("VRDisplay")}} object representing our connected display!
 
-<pre class="brush: js notranslate">        // If a display is available, use it to present the scene
-        if(displays.length &gt; 0) {
+```js
+        // If a display is available, use it to present the scene
+        if(displays.length > 0) {
           vrDisplay = displays[0];
-          console.log('Display found');</pre>
+          console.log('Display found');
+```
 
-<div class="note">
-<p><span id="result_box" lang="es"><span><strong>Nota: </strong>Es poco probable que tenga varias pantallas VR conectadas a su computadora, y esto es sólo una demostración simple, por lo que esto lo hará por ahora.</span></span></p>
-</div>
+> **Nota:** **Nota:** Es poco probable que tenga varias pantallas VR conectadas a su computadora, y esto es sólo una demostración simple, por lo que esto lo hará por ahora.
 
-<h3 id="Starting_and_stopping_the_VR_presentation">Starting and stopping the VR presentation</h3>
+### Starting and stopping the VR presentation
 
-<p>Now we have a {{domxref("VRDisplay")}} object, we can use it do a number of things. The next thing we want to do is wire up functionality to start and stop presentation of the WebGL content to the display.</p>
+Now we have a {{domxref("VRDisplay")}} object, we can use it do a number of things. The next thing we want to do is wire up functionality to start and stop presentation of the WebGL content to the display.
 
-<p>Continuing on with the previous code block, we now add an event listener to our start/stop button (<code>btn</code>) — when this button is clicked we want to check whether we are presenting to the display already (we do this in a fairly dumb fashion, by checking what the button <code><a href="/en-US/docs/Web/API/Node/textContent">textContent</a></code> contains).</p>
+Continuing on with the previous code block, we now add an event listener to our start/stop button (`btn`) — when this button is clicked we want to check whether we are presenting to the display already (we do this in a fairly dumb fashion, by checking what the button [`textContent`](/en-US/docs/Web/API/Node/textContent) contains).
 
-<p>If the display is not already presenting, we use the {{domxref("VRDisplay.requestPresent()")}} method to request that the browser start presenting content to the display. This takes as a parameter an array of the {{domxref("VRLayerInit")}} objects representing the layers you want to present in the display.</p>
+If the display is not already presenting, we use the {{domxref("VRDisplay.requestPresent()")}} method to request that the browser start presenting content to the display. This takes as a parameter an array of the {{domxref("VRLayerInit")}} objects representing the layers you want to present in the display.
 
-<p>Since the maximum number of layers you can display is currently 1, and the only required object member is the {{domxref("VRLayerInit.source")}} property (which is a reference to the {{htmlelement("canvas")}} you want to present in that layer; the other parameters are given sensible defaults — see {{domxref("VRLayerInit.leftBounds", "leftBounds")}} and {{domxref("VRLayerInit.rightBounds", "rightBounds")}})), the parameter is simply [{ source: canvas }].</p>
+Since the maximum number of layers you can display is currently 1, and the only required object member is the {{domxref("VRLayerInit.source")}} property (which is a reference to the {{htmlelement("canvas")}} you want to present in that layer; the other parameters are given sensible defaults — see {{domxref("VRLayerInit.leftBounds", "leftBounds")}} and {{domxref("VRLayerInit.rightBounds", "rightBounds")}})), the parameter is simply \[{ source: canvas }].
 
-<p><code>requestPresent()</code> returns a promise that is fulfilled when the presentation begins successfully.</p>
+`requestPresent()` returns a promise that is fulfilled when the presentation begins successfully.
 
-<pre class="brush: js notranslate">          // Starting the presentation when the button is clicked: It can only be called in response to a user gesture
+```js
+          // Starting the presentation when the button is clicked: It can only be called in response to a user gesture
           btn.addEventListener('click', function() {
             if(btn.textContent === 'Start VR display') {
               vrDisplay.requestPresent([{ source: canvas }]).then(function() {
-                console.log('Presenting to WebVR display');</pre>
+                console.log('Presenting to WebVR display');
+```
 
-<p>With our presentation request successful, we now want to start setting up to render content to present to the VRDisplay. First of all we set the canvas to the same size as the VR display area. We do this by getting the {{domxref("VREyeParameters")}} for both eyes using {{domxref("VRDisplay.getEyeParameters()")}}.</p>
+With our presentation request successful, we now want to start setting up to render content to present to the VRDisplay. First of all we set the canvas to the same size as the VR display area. We do this by getting the {{domxref("VREyeParameters")}} for both eyes using {{domxref("VRDisplay.getEyeParameters()")}}.
 
-<p>We then do some simple math to calculate the total width of the VRDisplay rendering area based on the eye {{domxref("VREyeParameters.renderWidth")}} and {{domxref("VREyeParameters.renderHeight")}}.</p>
+We then do some simple math to calculate the total width of the VRDisplay rendering area based on the eye {{domxref("VREyeParameters.renderWidth")}} and {{domxref("VREyeParameters.renderHeight")}}.
 
-<pre class="brush: js notranslate">                // Set the canvas size to the size of the vrDisplay viewport
+```js
+                // Set the canvas size to the size of the vrDisplay viewport
 
                 var leftEye = vrDisplay.getEyeParameters('left');
                 var rightEye = vrDisplay.getEyeParameters('right');
 
                 canvas.width = Math.max(leftEye.renderWidth, rightEye.renderWidth) * 2;
-                canvas.height = Math.max(leftEye.renderHeight, rightEye.renderHeight);</pre>
+                canvas.height = Math.max(leftEye.renderHeight, rightEye.renderHeight);
+```
 
-<p>Next, we {{domxref("Window.cancelAnimationFrame()", "cancel the animation loop")}} previously set in motion by the {{domxref("Window.requestAnimationFrame()")}} call inside the <code>drawScene()</code> function, and instead invoke <code>drawVRScene()</code>. This function renders the same scene as before, but with some special WebVR magic going on. The loop inside here is maintained by WebVR's special {{domxref("VRDisplay.requestAnimationFrame")}} method.</p>
+Next, we {{domxref("Window.cancelAnimationFrame()", "cancel the animation loop")}} previously set in motion by the {{domxref("Window.requestAnimationFrame()")}} call inside the `drawScene()` function, and instead invoke `drawVRScene()`. This function renders the same scene as before, but with some special WebVR magic going on. The loop inside here is maintained by WebVR's special {{domxref("VRDisplay.requestAnimationFrame")}} method.
 
-<pre class="brush: js notranslate">                // stop the normal presentation, and start the vr presentation
+```js
+                // stop the normal presentation, and start the vr presentation
                 window.cancelAnimationFrame(normalSceneFrame);
-                drawVRScene();</pre>
+                drawVRScene();
+```
 
-<p><span id="result_box" lang="es"><span>Finalmente, actualizamos el texto del botón para que la próxima vez que se presione, detenga la presentación en la pantalla VR.</span></span></p>
+Finalmente, actualizamos el texto del botón para que la próxima vez que se presione, detenga la presentación en la pantalla VR.
 
-<pre class="brush: js notranslate">                btn.textContent = 'Exit VR display';
-              });</pre>
+```js
+                btn.textContent = 'Exit VR display';
+              });
+```
 
-<p><br>
- To stop the VR presentation when the button is subsequently pressed, we call {{domxref("VRDisplay.exitPresent()")}}. We also reverse the button's text content, and swap over the <code>requestAnimationFrame</code> calls. You can see here that we are using {{domxref("VRDisplay.cancelAnimationFrame")}} to stop the VR rendering loop, and starting the normal rendering loop off again by calling <code>drawScene()</code>.</p>
+To stop the VR presentation when the button is subsequently pressed, we call {{domxref("VRDisplay.exitPresent()")}}. We also reverse the button's text content, and swap over the `requestAnimationFrame` calls. You can see here that we are using {{domxref("VRDisplay.cancelAnimationFrame")}} to stop the VR rendering loop, and starting the normal rendering loop off again by calling `drawScene()`.
 
-<pre class="brush: js notranslate">            } else {
+```js
+            } else {
               vrDisplay.exitPresent();
               console.log('Stopped presenting to WebVR display');
 
@@ -228,91 +230,105 @@ document.body.onload = start;</pre>
       console.log('WebVR API not supported by this browser.');
     }
   }
-}</pre>
+}
+```
 
-<p><span id="result_box" lang="es"><span>Una vez iniciada la presentación, podrás ver la vista estereoscópica que se muestra en el navegador:</span></span></p>
+Una vez iniciada la presentación, podrás ver la vista estereoscópica que se muestra en el navegador:
 
-<p><img alt="" src="https://mdn.mozillademos.org/files/15123/Capture2.png" style="display: block; margin: 0 auto;"></p>
+![](https://mdn.mozillademos.org/files/15123/Capture2.png)
 
-<p><span id="result_box" lang="es"><span>A continuación, aprenderá cómo se produce realmente la vista estereoscópica.</span></span></p>
+A continuación, aprenderá cómo se produce realmente la vista estereoscópica.
 
-<h3 id="Why_does_WebVR_have_its_own_requestAnimationFrame">Why does WebVR have its own requestAnimationFrame()?</h3>
+### Why does WebVR have its own requestAnimationFrame()?
 
-<p>This is a good question. The reason is that for smooth rendering inside the VR display, you need to render the content at the display's native refresh rate, not that of the computer. VR display refresh rates are greater than PC refresh rates, typically up to 90fps. The rate will be differ from the computer's core refresh rate.</p>
+This is a good question. The reason is that for smooth rendering inside the VR display, you need to render the content at the display's native refresh rate, not that of the computer. VR display refresh rates are greater than PC refresh rates, typically up to 90fps. The rate will be differ from the computer's core refresh rate.
 
-<p>Note that when the VR display is not presenting, {{domxref("VRDisplay.requestAnimationFrame")}} runs identically to {{domxref("Window.requestAnimationFrame")}}, so if you wanted, you could just use a single rendering loop, rather than the two we are using in our app. We have used two because we wanted to do slightly different things depending on whether the VR display is presenting or not, and keep things separated for ease of comprehension.</p>
+Note that when the VR display is not presenting, {{domxref("VRDisplay.requestAnimationFrame")}} runs identically to {{domxref("Window.requestAnimationFrame")}}, so if you wanted, you could just use a single rendering loop, rather than the two we are using in our app. We have used two because we wanted to do slightly different things depending on whether the VR display is presenting or not, and keep things separated for ease of comprehension.
 
-<h3 id="Rendering_and_display">Rendering and display</h3>
+### Rendering and display
 
-<p>At this point, we've seen all the code required to access the VR hardware, request that we present our scene to the hardware, and start running the rending loop. Let's now look at the code for the rendering loop, and explain how the WebVR-specific parts of it work.</p>
+At this point, we've seen all the code required to access the VR hardware, request that we present our scene to the hardware, and start running the rending loop. Let's now look at the code for the rendering loop, and explain how the WebVR-specific parts of it work.
 
-<p>First of all, we begin the definition of our rendering loop function — <code>drawVRScene()</code>. The first thing we do inside here is make a call to {{domxref("VRDisplay.requestAnimationFrame()")}} to keep the loop running after it has been called once (this occurred earlier on in our code when we started presenting to the VR display). This call is set as the value of the global <code>vrSceneFrame</code> variable, so we can cancel the loop with a call to {{domxref("VRDisplay.cancelAnimationFrame()")}} once we exit VR presenting.</p>
+First of all, we begin the definition of our rendering loop function — `drawVRScene()`. The first thing we do inside here is make a call to {{domxref("VRDisplay.requestAnimationFrame()")}} to keep the loop running after it has been called once (this occurred earlier on in our code when we started presenting to the VR display). This call is set as the value of the global `vrSceneFrame` variable, so we can cancel the loop with a call to {{domxref("VRDisplay.cancelAnimationFrame()")}} once we exit VR presenting.
 
-<pre class="brush: js notranslate">function drawVRScene() {
+```js
+function drawVRScene() {
   // WebVR: Request the next frame of the animation
-  vrSceneFrame = vrDisplay.requestAnimationFrame(drawVRScene);</pre>
+  vrSceneFrame = vrDisplay.requestAnimationFrame(drawVRScene);
+```
 
-<p>Next, we call {{domxref("VRDisplay.getFrameData()")}}, passing it the name of the variable that we want to use to contain the frame data. We initialized this earlier on — <code>frameData</code>. After the call completes, this variable will contain the data need to render the next frame to the VR device, packaged up as a {{domxref("VRFrameData")}} object. This contains things like projection and view matrices for rendering the scene correctly for the left and right eye view, and the current {{domxref("VRPose")}} object, which contains data on the VR display such as orientation, position, etc.</p>
+Next, we call {{domxref("VRDisplay.getFrameData()")}}, passing it the name of the variable that we want to use to contain the frame data. We initialized this earlier on — `frameData`. After the call completes, this variable will contain the data need to render the next frame to the VR device, packaged up as a {{domxref("VRFrameData")}} object. This contains things like projection and view matrices for rendering the scene correctly for the left and right eye view, and the current {{domxref("VRPose")}} object, which contains data on the VR display such as orientation, position, etc.
 
-<p>This has to be called on every frame so the rendered view is always up-to-date.</p>
+This has to be called on every frame so the rendered view is always up-to-date.
 
-<pre class="brush: js notranslate">  // Populate frameData with the data of the next frame to display
-  vrDisplay.getFrameData(frameData);</pre>
+```js
+  // Populate frameData with the data of the next frame to display
+  vrDisplay.getFrameData(frameData);
+```
 
-<p>Now we retrieve the current {{domxref("VRPose")}} from the {{domxref("VRFrameData.pose")}} property, store the position and orientation for use later on, and send the current pose to the pose stats box for display, if the <code>poseStatsDisplayed</code> variable is set to true.</p>
+Now we retrieve the current {{domxref("VRPose")}} from the {{domxref("VRFrameData.pose")}} property, store the position and orientation for use later on, and send the current pose to the pose stats box for display, if the `poseStatsDisplayed` variable is set to true.
 
-<pre class="brush: js notranslate">  // You can get the position, orientation, etc. of the display from the current frame's pose
+```js
+  // You can get the position, orientation, etc. of the display from the current frame's pose
 
   var curFramePose = frameData.pose;
   var curPos = curFramePose.position;
   var curOrient = curFramePose.orientation;
   if(poseStatsDisplayed) {
     displayPoseStats(curFramePose);
-  }</pre>
+  }
+```
 
-<p>  We now clear the canvas before we start drawing on it, so that the next frame is clearly seen, and we don't also see previous rendered frames:</p>
+We now clear the canvas before we start drawing on it, so that the next frame is clearly seen, and we don't also see previous rendered frames:
 
-<pre class="brush: js notranslate">  // Clear the canvas before we start drawing on it.
+```js
+  // Clear the canvas before we start drawing on it.
 
-  gl.clear(gl.COLOR_BUFFER_BIT | gl.DEPTH_BUFFER_BIT);</pre>
+  gl.clear(gl.COLOR_BUFFER_BIT | gl.DEPTH_BUFFER_BIT);
+```
 
-<p>We now render the view for both the left and right eyes. First of all we need to create projection and view locations for use in the rendering. these are {{domxref("WebGLUniformLocation")}} objects, created using the {{domxref("WebGLRenderingContext.getUniformLocation()")}} method, passing it the shader program's identifier and an identifying name as parameters.</p>
+We now render the view for both the left and right eyes. First of all we need to create projection and view locations for use in the rendering. these are {{domxref("WebGLUniformLocation")}} objects, created using the {{domxref("WebGLRenderingContext.getUniformLocation()")}} method, passing it the shader program's identifier and an identifying name as parameters.
 
-<pre class="brush: js notranslate">  // WebVR: Create the required projection and view matrix locations needed
+```js
+  // WebVR: Create the required projection and view matrix locations needed
   // for passing into the uniformMatrix4fv methods below
 
   var projectionMatrixLocation = gl.getUniformLocation(shaderProgram, "projMatrix");
-  var viewMatrixLocation = gl.getUniformLocation(shaderProgram, "viewMatrix");</pre>
+  var viewMatrixLocation = gl.getUniformLocation(shaderProgram, "viewMatrix");
+```
 
-<p>The next rendering step involves:</p>
+The next rendering step involves:
 
-<ul>
- <li>Specifying the viewport size for the left eye, using {{domxref("WebGLRenderingContext.viewport")}} — this is logically the first half of the canvas width, and the full canvas height.</li>
- <li>Specifying the view and projection matrix values to use to render the left eye — this is done using the {{domxref("WebGLRenderingContext.uniformMatrix", "WebGLRenderingContext.uniformMatrix4fv")}} method, which is passed the location values we retrieved above, and the left matrices obtained from the {{domxref("VRFrameData")}} object.</li>
- <li>Running the <code>drawGeometry()</code> function, which renders the actual scene — because of what we specified in the previous two steps, we will render it for the left eye only.</li>
-</ul>
+- Specifying the viewport size for the left eye, using {{domxref("WebGLRenderingContext.viewport")}} — this is logically the first half of the canvas width, and the full canvas height.
+- Specifying the view and projection matrix values to use to render the left eye — this is done using the {{domxref("WebGLRenderingContext.uniformMatrix", "WebGLRenderingContext.uniformMatrix4fv")}} method, which is passed the location values we retrieved above, and the left matrices obtained from the {{domxref("VRFrameData")}} object.
+- Running the `drawGeometry()` function, which renders the actual scene — because of what we specified in the previous two steps, we will render it for the left eye only.
 
-<pre class="brush: js notranslate">  // WebVR: Render the left eye’s view to the left half of the canvas
+```js
+  // WebVR: Render the left eye’s view to the left half of the canvas
   gl.viewport(0, 0, canvas.width * 0.5, canvas.height);
   gl.uniformMatrix4fv(projectionMatrixLocation, false, frameData.leftProjectionMatrix);
   gl.uniformMatrix4fv(viewMatrixLocation, false, frameData.leftViewMatrix);
-  drawGeometry();</pre>
+  drawGeometry();
+```
 
-<p>We now do exactly the same thing, but for the right eye:</p>
+We now do exactly the same thing, but for the right eye:
 
-<pre class="brush: js notranslate">  // WebVR: Render the right eye’s view to the right half of the canvas
+```js
+  // WebVR: Render the right eye’s view to the right half of the canvas
   gl.viewport(canvas.width * 0.5, 0, canvas.width * 0.5, canvas.height);
   gl.uniformMatrix4fv(projectionMatrixLocation, false, frameData.rightProjectionMatrix);
   gl.uniformMatrix4fv(viewMatrixLocation, false, frameData.rightViewMatrix);
-  drawGeometry();</pre>
+  drawGeometry();
+```
 
-<p>Next we define our <code>drawGeometry()</code> function. Most of this is just general WebGL code required to draw our 3D cube. You'll see some WebVR-specific parts in the <code>mvTranslate()</code> and <code>mvRotate()</code> function calls — these pass matrices into the WebGL program that define the translation and rotation of the cube for the current frame</p>
+Next we define our `drawGeometry()` function. Most of this is just general WebGL code required to draw our 3D cube. You'll see some WebVR-specific parts in the `mvTranslate()` and `mvRotate()` function calls — these pass matrices into the WebGL program that define the translation and rotation of the cube for the current frame
 
-<p>You'll see that we are modifying these values by the position (<code>curPos</code>) and orientation (<code>curOrient</code>) of the VR display we got from the {{domxref("VRPose")}} object. The result is that, for example, as you move or rotate your head left, the x position value (<code>curPos[0]</code>) and y rotation value (<code>[curOrient[1]</code>) are added to the x translation value, meaning that the cube will move to the right, as you'd expect when you are looking at something and then move/turn your head left.</p>
+You'll see that we are modifying these values by the position (`curPos`) and orientation (`curOrient`) of the VR display we got from the {{domxref("VRPose")}} object. The result is that, for example, as you move or rotate your head left, the x position value (`curPos[0]`) and y rotation value (`[curOrient[1]`) are added to the x translation value, meaning that the cube will move to the right, as you'd expect when you are looking at something and then move/turn your head left.
 
-<p>This is a quick and dirty way to use VR pose data, but it illustrates the basic principle.</p>
+This is a quick and dirty way to use VR pose data, but it illustrates the basic principle.
 
-<pre class="brush: js notranslate">  function drawGeometry() {
+```js
+  function drawGeometry() {
     // Establish the perspective with which we want to view the
     // scene. Our field of view is 45 degrees, with a width/height
     // ratio of 640:480, and we only want to see objects between 0.1 units
@@ -366,11 +382,12 @@ document.body.onload = start;</pre>
 
     mvPopMatrix();
   }
-</pre>
+```
 
-<p>The next bit of the code has nothing to do with WebVR — it just updates the rotation of the cube on each frame:</p>
+The next bit of the code has nothing to do with WebVR — it just updates the rotation of the cube on each frame:
 
-<pre class="brush: js notranslate">  // Update the rotation for the next draw, if it's time to do so.
+```js
+  // Update the rotation for the next draw, if it's time to do so.
 
   var currentTime = (new Date).getTime();
   if (lastCubeUpdateTime) {
@@ -379,33 +396,39 @@ document.body.onload = start;</pre>
     cubeRotation += (30 * delta) / 1000.0;
   }
 
-  lastCubeUpdateTime = currentTime;</pre>
+  lastCubeUpdateTime = currentTime;
+```
 
-<p>The last part of the rendering loop involves us calling {{domxref("VRDisplay.submitFrame()")}} — now all the work has been done and we've rendered the display on the {{htmlelement("canvas")}}, this method then submits the frame to the VR display so it is displayed on there as well.</p>
+The last part of the rendering loop involves us calling {{domxref("VRDisplay.submitFrame()")}} — now all the work has been done and we've rendered the display on the {{htmlelement("canvas")}}, this method then submits the frame to the VR display so it is displayed on there as well.
 
-<pre class="brush: js notranslate">  // WebVR: Indicate that we are ready to present the rendered frame to the VR display
+```js
+  // WebVR: Indicate that we are ready to present the rendered frame to the VR display
   vrDisplay.submitFrame();
-}</pre>
+}
+```
 
-<h3 id="Displaying_the_pose_position_orientation_etc._data">Displaying the pose (position, orientation, etc.) data</h3>
+### Displaying the pose (position, orientation, etc.) data
 
-<p>In this section we'll discuss the <code>displayPoseStats()</code> function, which displays our updated pose data on each frame. The function is fairly simple.</p>
+In this section we'll discuss the `displayPoseStats()` function, which displays our updated pose data on each frame. The function is fairly simple.
 
-<p>First of all, we store the six different property values obtainable from the {{domxref("VRPose")}} object in their own variables — each one is a {{domxref("Float32Array")}}.</p>
+First of all, we store the six different property values obtainable from the {{domxref("VRPose")}} object in their own variables — each one is a {{domxref("Float32Array")}}.
 
-<pre class="brush: js notranslate">function displayPoseStats(pose) {
+```js
+function displayPoseStats(pose) {
   var pos = pose.position;
   var orient = pose.orientation;
   var linVel = pose.linearVelocity;
   var linAcc = pose.linearAcceleration;
   var angVel = pose.angularVelocity;
-  var angAcc = pose.angularAcceleration;</pre>
+  var angAcc = pose.angularAcceleration;
+```
 
-<p>We then write out the data into the information box, updating it on every frame. We've clamped each value to three decimal places using <code><a href="/en-US/docs/Web/JavaScript/Reference/Global_Objects/Number/toFixed">toFixed()</a></code>, as the values are hard to read otherwise.</p>
+We then write out the data into the information box, updating it on every frame. We've clamped each value to three decimal places using [`toFixed()`](/en-US/docs/Web/JavaScript/Reference/Global_Objects/Number/toFixed), as the values are hard to read otherwise.
 
-<p>You should note that we've used a conditional expression to detect whether the linear acceleration and angular acceleration arrays are successfully returned before we display the data. These values are not reported by most VR hardware as yet, so the code would throw an error if we did not do this (the arrays return <code>null</code> if they are not successfully reported).</p>
+You should note that we've used a conditional expression to detect whether the linear acceleration and angular acceleration arrays are successfully returned before we display the data. These values are not reported by most VR hardware as yet, so the code would throw an error if we did not do this (the arrays return `null` if they are not successfully reported).
 
-<pre class="brush: js notranslate">  posStats.textContent = 'Position: x ' + pos[0].toFixed(3) + ', y ' + pos[1].toFixed(3) + ', z ' + pos[2].toFixed(3);
+```js
+  posStats.textContent = 'Position: x ' + pos[0].toFixed(3) + ', y ' + pos[1].toFixed(3) + ', z ' + pos[2].toFixed(3);
   orientStats.textContent = 'Orientation: x ' + orient[0].toFixed(3) + ', y ' + orient[1].toFixed(3) + ', z ' + orient[2].toFixed(3);
   linVelStats.textContent = 'Linear velocity: x ' + linVel[0].toFixed(3) + ', y ' + linVel[1].toFixed(3) + ', z ' + linVel[2].toFixed(3);
   angVelStats.textContent = 'Angular velocity: x ' + angVel[0].toFixed(3) + ', y ' + angVel[1].toFixed(3) + ', z ' + angVel[2].toFixed(3);
@@ -421,28 +444,29 @@ document.body.onload = start;</pre>
   } else {
     angAccStats.textContent = 'Angular acceleration not reported';
   }
-}</pre>
+}
+```
 
-<h2 id="WebVR_events">WebVR events</h2>
+## WebVR events
 
-<p>The WebVR spec features a number of events that are fired, allowing our app code to react to changes in the state of the VR display (see <a href="/en-US/docs/Web/API/WebVR_API#Window_events">Window events</a>). For example:</p>
+The WebVR spec features a number of events that are fired, allowing our app code to react to changes in the state of the VR display (see [Window events](/es/docs/Web/API/WebVR_API#Window_events)). For example:
 
-<ul>
- <li>{{event("vrdisplaypresentchange")}} — Fires when the presenting state of a VR display changes — i.e. goes from presenting to not presenting, or vice versa.</li>
- <li>{{event("vrdisplayconnect")}} — Fires when a compatible VR display has been connected to the computer.</li>
- <li>{{event("vrdisplaydisconnect")}} — Fires when a compatible VR display has been disconnected from the computer.</li>
-</ul>
+- {{event("vrdisplaypresentchange")}} — Fires when the presenting state of a VR display changes — i.e. goes from presenting to not presenting, or vice versa.
+- {{event("vrdisplayconnect")}} — Fires when a compatible VR display has been connected to the computer.
+- {{event("vrdisplaydisconnect")}} — Fires when a compatible VR display has been disconnected from the computer.
 
-<p>To demonstrate how they work, our simple demo includes the following example:</p>
+To demonstrate how they work, our simple demo includes the following example:
 
-<pre class="brush: js notranslate">window.addEventListener('vrdisplaypresentchange', function(e) {
+```js
+window.addEventListener('vrdisplaypresentchange', function(e) {
   console.log('Display ' + e.display.displayId + ' presentation has changed. Reason given: ' + e.reason + '.');
-});</pre>
+});
+```
 
-<p>As you can see, the {{domxref("VRDisplayEvent", "event object")}} provides two useful properties — {{domxref("VRDisplayEvent.display")}}, which contains a reference to the {{domxref("VRDisplay")}} the event was fired in response to, and {{domxref("VRDisplayEvent.reason")}}, which contains a human-readable reason why the event was fired.</p>
+As you can see, the {{domxref("VRDisplayEvent", "event object")}} provides two useful properties — {{domxref("VRDisplayEvent.display")}}, which contains a reference to the {{domxref("VRDisplay")}} the event was fired in response to, and {{domxref("VRDisplayEvent.reason")}}, which contains a human-readable reason why the event was fired.
 
-<p>This is a very useful event; you could use it to handle cases where the display gets disconnected unexpectedly, stopping errors from being thrown and making sure the user is aware of the situation. In Google's Webvr.info presentation demo, the event is used to run an <a href="https://github.com/toji/webvr.info/blob/master/samples/03-vr-presentation.html#L174"><code>onVRPresentChange()</code> function</a>, which updates the UI controls as appropriate and resizes the canvas.</p>
+This is a very useful event; you could use it to handle cases where the display gets disconnected unexpectedly, stopping errors from being thrown and making sure the user is aware of the situation. In Google's Webvr.info presentation demo, the event is used to run an [`onVRPresentChange()` function](https://github.com/toji/webvr.info/blob/master/samples/03-vr-presentation.html#L174), which updates the UI controls as appropriate and resizes the canvas.
 
-<h2 id="Summary">Summary</h2>
+## Summary
 
-<p>This article has given you the very basics of how to create a simple WebVR 1.1 app, to help you get started.</p>
+This article has given you the very basics of how to create a simple WebVR 1.1 app, to help you get started.
diff --git a/files/es/web/api/wheelevent/deltay/index.md b/files/es/web/api/wheelevent/deltay/index.md
index f657d2ca38349b..84e4200ab96a80 100644
--- a/files/es/web/api/wheelevent/deltay/index.md
+++ b/files/es/web/api/wheelevent/deltay/index.md
@@ -3,45 +3,35 @@ title: WheelEvent.deltaY
 slug: Web/API/WheelEvent/deltaY
 translation_of: Web/API/WheelEvent/deltaY
 ---
-<p>{{APIRef("DOM Events")}}</p>
+{{APIRef("DOM Events")}}
 
-<p>La propiedad de solo lectura <code><strong>WheelEvent.deltaY</strong></code> es un <code>double</code> que representa la cantidad de deslizamiento vertical en la unidad {{domxref("WheelEvent.deltaMode")}} .</p>
+La propiedad de solo lectura **`WheelEvent.deltaY`** es un `double` que representa la cantidad de deslizamiento vertical en la unidad {{domxref("WheelEvent.deltaMode")}} .
 
-<h2 id="Sintaxis">Sintaxis</h2>
+## Sintaxis
 
-<pre class="syntaxbox">var <code><em>dY</em> = <em>event</em>.deltaY;</code></pre>
+```
+var dY = event.deltaY;
+```
 
-<h2 id="Ejemplo">Ejemplo</h2>
+## Ejemplo
 
-<pre class="brush: js">var syntheticEvent = new WheelEvent("syntheticWheel", {"deltaY": 4, "deltaMode": 0});
+```js
+var syntheticEvent = new WheelEvent("syntheticWheel", {"deltaY": 4, "deltaMode": 0});
 
 console.log(syntheticEvent.deltaY);
-</pre>
-
-<h2 id="Especificaciones">Especificaciones</h2>
-
-<table class="standard-table">
- <tbody>
-  <tr>
-   <th scope="col">Especificación</th>
-   <th scope="col">Estado</th>
-   <th scope="col">Comentario</th>
-  </tr>
-  <tr>
-   <td>{{SpecName('DOM3 Events','#widl-WheelEvent-deltaY','WheelEvent.deltaY')}}</td>
-   <td>{{Spec2('DOM3 Events')}}</td>
-   <td>Initial definition.</td>
-  </tr>
- </tbody>
-</table>
-
-<h2 id="Compatibilidad_de_los_navegadores">Compatibilidad de los navegadores</h2>
+```
+
+## Especificaciones
+
+| Especificación                                                                                   | Estado                           | Comentario          |
+| ------------------------------------------------------------------------------------------------ | -------------------------------- | ------------------- |
+| {{SpecName('DOM3 Events','#widl-WheelEvent-deltaY','WheelEvent.deltaY')}} | {{Spec2('DOM3 Events')}} | Initial definition. |
+
+## Compatibilidad de los navegadores
 
 {{Compat("api.WheelEvent.deltaY")}}
 
-<h2 class="" id="Ver_más">Ver más</h2>
+## Ver más
 
-<ul>
- <li>{{ event("wheel") }}</li>
- <li>{{domxref("WheelEvent")}}</li>
-</ul>
+- {{ event("wheel") }}
+- {{domxref("WheelEvent")}}
diff --git a/files/es/web/api/wheelevent/index.md b/files/es/web/api/wheelevent/index.md
index ab26c11d42cc59..01d281f3b7b2fe 100644
--- a/files/es/web/api/wheelevent/index.md
+++ b/files/es/web/api/wheelevent/index.md
@@ -10,98 +10,59 @@ tags:
   - eventos
 translation_of: Web/API/WheelEvent
 ---
-<p>{{APIRef("DOM Events")}}</p>
-
-<p>El interface <strong><code>WheelEvent</code></strong> retrata los eventos que ocurren cuando el usuario mueve la rueda del ratón o de un dispositivo similar.</p>
-
-<div class="note">
-<p><strong>Esta es la forma estándar de usar el evento wheel.</strong></p>
-
-<p>Antiguas versiones de navegadores implementaron dos formas no-estándar y no-compatibles-entre-navegadores, los interfaces {{ domxref("MouseWheelEvent") }} y {{domxref("MouseScrollEvent")}}. Utilice este interfaz y evite los dos últimos.</p>
-</div>
-
-<p>{{InheritanceDiagram}}</p>
-
-<h2 id="Constructor">Constructor</h2>
-
-<dl>
- <dt>{{domxref("WheelEvent.WheelEvent", "WheelEvent()")}}</dt>
- <dd>Crea el objeto <code>WheelEvent</code>.</dd>
-</dl>
-
-<h2 id="Propiedades">Propiedades</h2>
-
-<p><em>Este interfaz hereda propiedades de estos padres<em>, {{domxref("MouseEvent")}}, {{domxref("UIEvent")}} y {{domxref("Event")}}.</em></em></p>
-
-<dl id="raw_prop">
- <dt>{{domxref("WheelEvent.deltaX")}} {{readonlyinline}}</dt>
- <dd>Devuelve un doble (número de doble precisión) que representa la cantidad de desplazamiento horizontal.</dd>
- <dt>{{domxref("WheelEvent.deltaY")}} {{readonlyinline}}</dt>
- <dd>Devuelve un doble que representa la cantidad de desplazamiento vertical.</dd>
- <dt>{{domxref("WheelEvent.deltaZ")}} {{readonlyinline}}</dt>
- <dd>Devuelve un doble que representa la cantidad de desplazamiento del eje-z.</dd>
- <dt>{{domxref("WheelEvent.deltaMode")}} {{readonlyinline}}</dt>
- <dd>Devuelve un entero largo sin signo que representa la unidad manejada por los valores de cantidad de desplazamiento delta. Los valores permitidos son:
- <table class="standard-table">
-  <tbody>
-   <tr>
-    <td class="header">Constant</td>
-    <td class="header">Value</td>
-    <td class="header">Description</td>
-   </tr>
-   <tr>
-    <td><code>DOM_DELTA_PIXEL</code></td>
-    <td><code>0x00</code></td>
-    <td>Los valores delta están especificados en pixeles.</td>
-   </tr>
-   <tr>
-    <td><code>DOM_DELTA_LINE</code></td>
-    <td><code>0x01</code></td>
-    <td>Los valores delta están especificados en líneas.</td>
-   </tr>
-   <tr>
-    <td><code>DOM_DELTA_PAGE</code></td>
-    <td><code>0x02</code></td>
-    <td>Los valores delta están especificados en páginas.</td>
-   </tr>
-  </tbody>
- </table>
- </dd>
-</dl>
-
-<h2 id="Métodos">Métodos</h2>
-
-<p><em>Este interfaz no define ningún método, pero hereda métodos de estos padres, {{domxref("MouseEvent")}}, {{domxref("UIEvent")}} y {{domxref("Event")}}.</em></p>
-
-<h2 id="Especificaciones">Especificaciones</h2>
-
-<table class="standard-table">
- <tbody>
-  <tr>
-   <th scope="col">Especificación</th>
-   <th scope="col">Estatus</th>
-   <th scope="col">Comentario</th>
-  </tr>
-  <tr>
-   <td>{{SpecName('DOM3 Events','#interface-WheelEvent','WheelEvent')}}</td>
-   <td>{{Spec2('DOM3 Events')}}</td>
-   <td>Definición inicial.</td>
-  </tr>
- </tbody>
-</table>
-
-<h2 id="Compatibilidad_en_navegadores">Compatibilidad en navegadores</h2>
+{{APIRef("DOM Events")}}
+
+El interface **`WheelEvent`** retrata los eventos que ocurren cuando el usuario mueve la rueda del ratón o de un dispositivo similar.
+
+> **Nota:** **Esta es la forma estándar de usar el evento wheel.**
+>
+> Antiguas versiones de navegadores implementaron dos formas no-estándar y no-compatibles-entre-navegadores, los interfaces {{ domxref("MouseWheelEvent") }} y {{domxref("MouseScrollEvent")}}. Utilice este interfaz y evite los dos últimos.
+
+{{InheritanceDiagram}}
+
+## Constructor
+
+- {{domxref("WheelEvent.WheelEvent", "WheelEvent()")}}
+  - : Crea el objeto `WheelEvent`.
+
+## Propiedades
+
+_Este interfaz hereda propiedades de estos padres_, {{domxref("MouseEvent")}}, {{domxref("UIEvent")}} y {{domxref("Event")}}.\_\_
+
+- {{domxref("WheelEvent.deltaX")}} {{readonlyinline}}
+  - : Devuelve un doble (número de doble precisión) que representa la cantidad de desplazamiento horizontal.
+- {{domxref("WheelEvent.deltaY")}} {{readonlyinline}}
+  - : Devuelve un doble que representa la cantidad de desplazamiento vertical.
+- {{domxref("WheelEvent.deltaZ")}} {{readonlyinline}}
+  - : Devuelve un doble que representa la cantidad de desplazamiento del eje-z.
+- {{domxref("WheelEvent.deltaMode")}} {{readonlyinline}}
+
+  - : Devuelve un entero largo sin signo que representa la unidad manejada por los valores de cantidad de desplazamiento delta. Los valores permitidos son:
+
+    | Constant          | Value  | Description                                       |
+    | ----------------- | ------ | ------------------------------------------------- |
+    | `DOM_DELTA_PIXEL` | `0x00` | Los valores delta están especificados en pixeles. |
+    | `DOM_DELTA_LINE`  | `0x01` | Los valores delta están especificados en líneas.  |
+    | `DOM_DELTA_PAGE`  | `0x02` | Los valores delta están especificados en páginas. |
+
+## Métodos
+
+_Este interfaz no define ningún método, pero hereda métodos de estos padres, {{domxref("MouseEvent")}}, {{domxref("UIEvent")}} y {{domxref("Event")}}._
+
+## Especificaciones
+
+| Especificación                                                                       | Estatus                          | Comentario          |
+| ------------------------------------------------------------------------------------ | -------------------------------- | ------------------- |
+| {{SpecName('DOM3 Events','#interface-WheelEvent','WheelEvent')}} | {{Spec2('DOM3 Events')}} | Definición inicial. |
+
+## Compatibilidad en navegadores
 
 {{Compat("api.WheelEvent")}}
 
-<h2 class="" id="Ver_también">Ver también</h2>
-
-<ul>
- <li>{{ event("wheel") }}</li>
- <li>Interfaces reemplazados por este:
-  <ul>
-   <li>Objeto del evento de la rueda del ratón legado de la plataforma Gecko: {{ domxref("MouseScrollEvent") }}</li>
-   <li>Navegadores no-gecko, objeto del evento de la rueda del ratón legado: {{ domxref("MouseWheelEvent") }}</li>
-  </ul>
- </li>
-</ul>
+## Ver también
+
+- {{ event("wheel") }}
+- Interfaces reemplazados por este:
+
+  - Objeto del evento de la rueda del ratón legado de la plataforma Gecko: {{ domxref("MouseScrollEvent") }}
+  - Navegadores no-gecko, objeto del evento de la rueda del ratón legado: {{ domxref("MouseWheelEvent") }}
diff --git a/files/es/web/api/worker/index.md b/files/es/web/api/worker/index.md
index 8527e59f1ef778..d2e05f9628b522 100644
--- a/files/es/web/api/worker/index.md
+++ b/files/es/web/api/worker/index.md
@@ -13,93 +13,72 @@ tags:
   - Workers
 translation_of: Web/API/Worker
 ---
-<p>{{APIRef("Web Workers API")}}</p>
+{{APIRef("Web Workers API")}}
 
-<p>The <strong><code>Worker</code></strong> interface of the <a href="/en-US/docs/Web/API/Web_Workers_API">Web Workers API</a> represents a background task that can be easily created and can send messages back to its creator. Creating a worker is as simple as calling the <code>Worker()</code> constructor and specifying a script to be run in the worker thread.</p>
+The **`Worker`** interface of the [Web Workers API](/es/docs/Web/API/Web_Workers_API) represents a background task that can be easily created and can send messages back to its creator. Creating a worker is as simple as calling the `Worker()` constructor and specifying a script to be run in the worker thread.
 
-<p>Workers may in turn spawn new workers as long as those workers are hosted within the same origin as the parent page (Note: nested workers are <a href="https://groups.google.com/a/chromium.org/forum/#!topic/blink-dev/5R3B4RN4GHU">currently not implemented in Blink</a>).  In addition workers may use <a class="internal" href="/en/DOM/XMLHttpRequest" title="En/XMLHttpRequest"><code>XMLHttpRequest</code></a> for network I/O, with the stipulation that the <code>responseXML</code> and <code>channel</code> attributes on <code>XMLHttpRequest</code> always return <code>null</code>.</p>
+Workers may in turn spawn new workers as long as those workers are hosted within the same origin as the parent page (Note: nested workers are [currently not implemented in Blink](https://groups.google.com/a/chromium.org/forum/#!topic/blink-dev/5R3B4RN4GHU)). In addition workers may use [`XMLHttpRequest`](/en/DOM/XMLHttpRequest "En/XMLHttpRequest") for network I/O, with the stipulation that the `responseXML` and `channel` attributes on `XMLHttpRequest` always return `null`.
 
-<p>Not <a href="/En/DOM/Worker/Functions_available_to_workers" title="En/DOM/Worker/Functions available to workers">all interfaces and functions are available</a> to the script associated with a <code>Worker</code>.</p>
+Not [all interfaces and functions are available](/En/DOM/Worker/Functions_available_to_workers "En/DOM/Worker/Functions available to workers") to the script associated with a `Worker`.
 
-<p>In Firefox, if you want to use workers in extensions and would like to have access to <a href="/en/js-ctypes" title="en/js-ctypes">js-ctypes</a>, you should use the {{ domxref("ChromeWorker") }} object instead.</p>
+In Firefox, if you want to use workers in extensions and would like to have access to [js-ctypes](/en/js-ctypes "en/js-ctypes"), you should use the {{ domxref("ChromeWorker") }} object instead.
 
-<h2 id="Properties">Properties</h2>
+## Properties
 
-<p><em>Inherits properties from its parent, {{domxref("EventTarget")}}, and implements properties from {{domxref("AbstractWorker")}}.</em></p>
+_Inherits properties from its parent, {{domxref("EventTarget")}}, and implements properties from {{domxref("AbstractWorker")}}._
 
-<h3 id="Event_handlers">Event handlers</h3>
+### Event handlers
 
-<dl>
- <dt>{{domxref("AbstractWorker.onerror")}}</dt>
- <dd>An {{ domxref("EventListener") }} called whenever an {{domxref("ErrorEvent")}} of type <code>error</code> bubbles through to the worker. This is inherited from {{domxref("AbstractWorker")}}.</dd>
- <dt>{{domxref("Worker.onmessage")}}</dt>
- <dd>An {{ domxref("EventListener") }} called whenever a {{domxref("MessageEvent")}} of type <code>message</code> bubbles through the worker — i.e. when a message is sent to the parent document from the worker via {{domxref("DedicatedWorkerGlobalScope.postMessage")}}. The message is stored in the event's {{domxref("MessageEvent.data", "data")}} property.</dd>
-</dl>
+- {{domxref("AbstractWorker.onerror")}}
+  - : An {{ domxref("EventListener") }} called whenever an {{domxref("ErrorEvent")}} of type `error` bubbles through to the worker. This is inherited from {{domxref("AbstractWorker")}}.
+- {{domxref("Worker.onmessage")}}
+  - : An {{ domxref("EventListener") }} called whenever a {{domxref("MessageEvent")}} of type `message` bubbles through the worker — i.e. when a message is sent to the parent document from the worker via {{domxref("DedicatedWorkerGlobalScope.postMessage")}}. The message is stored in the event's {{domxref("MessageEvent.data", "data")}} property.
 
-<h2 id="Constructors">Constructors</h2>
+## Constructors
 
-<dl>
- <dt>{{domxref("Worker.Worker", "Worker()")}}</dt>
- <dd>Creates a dedicated web worker that executes the script at the specified URL. Workers can also be constructed using <a href="/en-US/docs/Web/API/Blob">Blobs</a>.</dd>
-</dl>
+- {{domxref("Worker.Worker", "Worker()")}}
+  - : Creates a dedicated web worker that executes the script at the specified URL. Workers can also be constructed using [Blobs](/es/docs/Web/API/Blob).
 
-<h2 id="Methods">Methods</h2>
+## Methods
 
-<p><em>Inherits methods from its parent, {{domxref("EventTarget")}}, and implements properties from {{domxref("AbstractWorker")}}.</em></p>
+_Inherits methods from its parent, {{domxref("EventTarget")}}, and implements properties from {{domxref("AbstractWorker")}}._
 
-<dl>
- <dt>{{domxref("Worker.postMessage()")}}</dt>
- <dd>Sends a message — which can consist of <code>any</code> JavaScript object — to the worker's inner scope.</dd>
- <dt>{{domxref("Worker.terminate()")}}</dt>
- <dd>Immediately terminates the worker. This does not offer the worker an opportunity to finish its operations; it is simply stopped at once. ServiceWorker instances do not support this method.</dd>
-</dl>
+- {{domxref("Worker.postMessage()")}}
+  - : Sends a message — which can consist of `any` JavaScript object — to the worker's inner scope.
+- {{domxref("Worker.terminate()")}}
+  - : Immediately terminates the worker. This does not offer the worker an opportunity to finish its operations; it is simply stopped at once. ServiceWorker instances do not support this method.
 
-<h2 id="Example">Example</h2>
+## Example
 
-<p>The following code snippet shows creation of a {{domxref("Worker")}} object using the {{domxref("Worker.Worker", "Worker()")}} constructor and usage of the object:</p>
+The following code snippet shows creation of a {{domxref("Worker")}} object using the {{domxref("Worker.Worker", "Worker()")}} constructor and usage of the object:
 
-<pre class="brush: js">var myWorker = new Worker("worker.js");
+```js
+var myWorker = new Worker("worker.js");
 
 first.onchange = function() {
   myWorker.postMessage([first.value,second.value]);
   console.log('Message posted to worker');
-}</pre>
-
-<p>For a full example, see our<a class="external external-icon" href="https://github.com/mdn/simple-web-worker">Basic dedicated worker example</a> (<a class="external external-icon" href="http://mdn.github.io/simple-web-worker/">run dedicated worker</a>).</p>
-
-<h2 id="Specifications">Specifications</h2>
-
-<table class="standard-table">
- <tbody>
-  <tr>
-   <th scope="col">Specification</th>
-   <th scope="col">Status</th>
-   <th scope="col">Comment</th>
-  </tr>
-  <tr>
-   <td>{{SpecName('HTML WHATWG', "#worker", "Worker")}}</td>
-   <td>{{Spec2('HTML WHATWG')}}</td>
-   <td>No change from {{SpecName("Web Workers")}}.</td>
-  </tr>
-  <tr>
-   <td>{{SpecName('Web Workers', "#worker", "Worker")}}</td>
-   <td>{{Spec2('Web Workers')}}</td>
-   <td>Initial definition.</td>
-  </tr>
- </tbody>
-</table>
-
-<h2 id="Browser_compatibility">Browser compatibility</h2>
-
-<p>Support varies for different types of workers. See each worker type's page for specifics.</p>
+}
+```
+
+For a full example, see our[Basic dedicated worker example](https://github.com/mdn/simple-web-worker) ([run dedicated worker](http://mdn.github.io/simple-web-worker/)).
+
+## Specifications
+
+| Specification                                                    | Status                           | Comment                                              |
+| ---------------------------------------------------------------- | -------------------------------- | ---------------------------------------------------- |
+| {{SpecName('HTML WHATWG', "#worker", "Worker")}} | {{Spec2('HTML WHATWG')}} | No change from {{SpecName("Web Workers")}}. |
+| {{SpecName('Web Workers', "#worker", "Worker")}} | {{Spec2('Web Workers')}} | Initial definition.                                  |
+
+## Browser compatibility
+
+Support varies for different types of workers. See each worker type's page for specifics.
 
 {{Compat("api.Worker")}}
 
-<h2 id="See_also">See also</h2>
+## See also
 
-<ul>
- <li><a class="internal" href="/En/Using_web_workers" title="en/Using DOM workers">Using web workers</a></li>
- <li><a href="/En/DOM/Worker/Functions_available_to_workers" title="https://developer.mozilla.org/En/DOM/Worker/Functions_available_to_workers">Functions available to workers</a></li>
- <li>Other kind of workers: {{ domxref("SharedWorker") }} and <a href="/en-US/docs/Web/API/ServiceWorker_API">ServiceWorker</a>.</li>
- <li>Non-standard, Gecko-specific workers: {{ domxref("ChromeWorker") }}, used by extensions.</li>
-</ul>
+- [Using web workers](/En/Using_web_workers "en/Using DOM workers")
+- [Functions available to workers](/En/DOM/Worker/Functions_available_to_workers "https://developer.mozilla.org/En/DOM/Worker/Functions_available_to_workers")
+- Other kind of workers: {{ domxref("SharedWorker") }} and [ServiceWorker](/es/docs/Web/API/ServiceWorker_API).
+- Non-standard, Gecko-specific workers: {{ domxref("ChromeWorker") }}, used by extensions.
diff --git a/files/es/web/api/worker/terminate/index.md b/files/es/web/api/worker/terminate/index.md
index 59c291dbdc2fd3..c7c4fd1e874073 100644
--- a/files/es/web/api/worker/terminate/index.md
+++ b/files/es/web/api/worker/terminate/index.md
@@ -3,57 +3,45 @@ title: Worker.terminate()
 slug: Web/API/Worker/terminate
 translation_of: Web/API/Worker/terminate
 ---
-<p>{{APIRef("Web Workers API")}}</p>
+{{APIRef("Web Workers API")}}
 
-<p>El método <code><strong>terminate()</strong></code> de la interfaz {{domxref("Worker")}} termina inmediatamente el {{domxref("Worker")}}. Esto no ofrece la oportunidad de finalizar las operaciones que estuviera realizando el worker, termina la ejecución por completo.</p>
+El método **`terminate()`** de la interfaz {{domxref("Worker")}} termina inmediatamente el {{domxref("Worker")}}. Esto no ofrece la oportunidad de finalizar las operaciones que estuviera realizando el worker, termina la ejecución por completo.
 
-<h2 id="Sintaxis">Sintaxis</h2>
+## Sintaxis
 
-<pre class="brush: js">myWorker.terminate();</pre>
+```js
+myWorker.terminate();
+```
 
-<h3 id="Parámetros">Parámetros</h3>
+### Parámetros
 
-<p>Ninguno.</p>
+Ninguno.
 
-<h3 id="Retorna">Retorna</h3>
+### Retorna
 
-<p>Nada.</p>
+Nada.
 
-<h2 id="Ejemplo">Ejemplo</h2>
+## Ejemplo
 
-<p>El siguiente extracto de código muestra la creación de un objeto {{domxref("Worker")}} usando el constructor de  {{domxref("Worker.Worker", "Worker()")}} y éste es inmediatamente terminado.</p>
+El siguiente extracto de código muestra la creación de un objeto {{domxref("Worker")}} usando el constructor de {{domxref("Worker.Worker", "Worker()")}} y éste es inmediatamente terminado.
 
-<pre class="brush: js">var myWorker = new Worker('worker.js');
+```js
+var myWorker = new Worker('worker.js');
 
 myWorker.terminate();
-</pre>
-
-<h2 id="Especificaciones">Especificaciones</h2>
-
-<table class="standard-table">
- <tbody>
-  <tr>
-   <th scope="col">Especificación</th>
-   <th scope="col">Estado</th>
-   <th scope="col">Comentario</th>
-  </tr>
-  <tr>
-   <td>{{SpecName('HTML WHATWG', "#dom-worker-terminate", "Worker.postMessage()")}}</td>
-   <td>{{Spec2('HTML WHATWG')}}</td>
-   <td>No change from {{SpecName("Web Workers")}}.</td>
-  </tr>
-  <tr>
-   <td>{{SpecName('Web Workers', "#dom-worker-terminate", "Worker.postMessage()")}}</td>
-   <td>{{Spec2('Web Workers')}}</td>
-   <td>Definición inicial.</td>
-  </tr>
- </tbody>
-</table>
-
-<h2 id="Compatibilidad_de_navegadores">Compatibilidad de navegadores</h2>
+```
+
+## Especificaciones
+
+| Especificación                                                                                       | Estado                           | Comentario                                           |
+| ---------------------------------------------------------------------------------------------------- | -------------------------------- | ---------------------------------------------------- |
+| {{SpecName('HTML WHATWG', "#dom-worker-terminate", "Worker.postMessage()")}} | {{Spec2('HTML WHATWG')}} | No change from {{SpecName("Web Workers")}}. |
+| {{SpecName('Web Workers', "#dom-worker-terminate", "Worker.postMessage()")}} | {{Spec2('Web Workers')}} | Definición inicial.                                  |
+
+## Compatibilidad de navegadores
 
 {{Compat("api.Worker.terminate")}}
 
-<h2 id="Mirar_también">Mirar también</h2>
+## Mirar también
 
-<p>La interfaz {{domxref("Worker")}} a la que pertenece.</p>
+La interfaz {{domxref("Worker")}} a la que pertenece.
diff --git a/files/es/web/api/xmldocument/async/index.md b/files/es/web/api/xmldocument/async/index.md
index 36504391ba5776..06107e20d8b906 100644
--- a/files/es/web/api/xmldocument/async/index.md
+++ b/files/es/web/api/xmldocument/async/index.md
@@ -4,13 +4,14 @@ slug: Web/API/XMLDocument/async
 translation_of: Web/API/XMLDocument/async
 original_slug: Web/API/Document/async
 ---
-<p><code>document.async</code> es utilizado para indicar cuándo un llamado de  {{domxref("document.load")}} debe ser sincrónico o asincrónico. <code>true</code> es su valor por defecto, indicando que el documento se cargó asincrónicamente.</p>
+`document.async` es utilizado para indicar cuándo un llamado de {{domxref("document.load")}} debe ser sincrónico o asincrónico. `true` es su valor por defecto, indicando que el documento se cargó asincrónicamente.
 
-<p>(Desde la versión 1.4 alpha es posible cargar documentos sincrónicamente)</p>
+(Desde la versión 1.4 alpha es posible cargar documentos sincrónicamente)
 
-<h2 id="Ejemplo">Ejemplo</h2>
+## Ejemplo
 
-<pre class="brush:js">function loadXMLData(e) {
+```js
+function loadXMLData(e) {
   alert(new XMLSerializer().serializeToString(e.target)); // Devuelve los contenidos de querydata.xml como un string
 }
 
@@ -18,17 +19,14 @@ var xmlDoc = document.implementation.createDocument("", "test", null);
 
 xmlDoc.async = false;
 xmlDoc.onload = loadXMLData;
-xmlDoc.load('querydata.xml');</pre>
+xmlDoc.load('querydata.xml');
+```
 
-<h2 id="Specification" name="Specification">Especificación</h2>
+## Especificación
 
-<ul>
- <li><a href="http://www.w3.org/TR/DOM-Level-3-LS/load-save.html#LS-DocumentLS">DOM Level 3 Load &amp; Save module</a></li>
-</ul>
+- [DOM Level 3 Load & Save module](http://www.w3.org/TR/DOM-Level-3-LS/load-save.html#LS-DocumentLS)
 
-<h2 id="Véase_también">Véase también</h2>
+## Véase también
 
-<ul>
- <li><a href="/en-US/docs/XML_in_Mozilla" title="XML_in_Mozilla">XML in Mozilla</a></li>
- <li>{{domxref("document.load")}}</li>
-</ul>
+- [XML in Mozilla](/es/docs/XML_in_Mozilla "XML_in_Mozilla")
+- {{domxref("document.load")}}
diff --git a/files/es/web/api/xmlhttprequest/abort/index.md b/files/es/web/api/xmlhttprequest/abort/index.md
index 7c8bf5a919659e..90727c9c3bdf32 100644
--- a/files/es/web/api/xmlhttprequest/abort/index.md
+++ b/files/es/web/api/xmlhttprequest/abort/index.md
@@ -13,25 +13,28 @@ tags:
   - metodo
 translation_of: Web/API/XMLHttpRequest/abort
 ---
-<p>{{APIRef('XMLHttpRequest')}}</p>
+{{APIRef('XMLHttpRequest')}}
 
-<p>El método <strong>XMLHttpRequest.abort()</strong> aborta la petición si ha sido enviada. Cuando una petición se aborta, readyState se asigna a 0 (UNSENT), pero el evento <a href="/en-US/docs/Web/Events/readystatechange">readystatechange</a> no se lanza.</p>
+El método **XMLHttpRequest.abort()** aborta la petición si ha sido enviada. Cuando una petición se aborta, readyState se asigna a 0 (UNSENT), pero el evento [readystatechange](/es/docs/Web/Events/readystatechange) no se lanza.
 
-<h2 id="Sintaxis">Sintaxis</h2>
+## Sintaxis
 
-<pre class="syntaxbox">xhrInstance.abort();</pre>
+```
+xhrInstance.abort();
+```
 
-<h3 id="Parámetros">Parámetros</h3>
+### Parámetros
 
-<p>Ninguno.</p>
+Ninguno.
 
-<h3 id="Valor_de_retorno">Valor de retorno</h3>
+### Valor de retorno
 
-<p>Vacío.</p>
+Vacío.
 
-<h2 id="Ejemplo">Ejemplo</h2>
+## Ejemplo
 
-<pre class="brush: js">var xhr = new XMLHttpRequest(),
+```js
+var xhr = new XMLHttpRequest(),
     method = "GET",
     url = "https://developer.mozilla.org/";
 xhr.open(method,url,true);
@@ -39,31 +42,18 @@ xhr.open(method,url,true);
 xhr.send();
 
 xhr.abort();
-</pre>
-
-<h2 id="Especificaciones">Especificaciones</h2>
-
-<table class="standard-table">
- <tbody>
-  <tr>
-   <th scope="col">Especificación</th>
-   <th scope="col">Estado</th>
-   <th scope="col">Comentario</th>
-  </tr>
-  <tr>
-   <td>{{SpecName('XMLHttpRequest', '#the-abort()-method')}}</td>
-   <td>{{Spec2('XMLHttpRequest')}}</td>
-   <td>WHATWG living standard</td>
-  </tr>
- </tbody>
-</table>
-
-<h2 id="Compatibilidad_con_navegadores">Compatibilidad con navegadores</h2>
+```
+
+## Especificaciones
+
+| Especificación                                                           | Estado                               | Comentario             |
+| ------------------------------------------------------------------------ | ------------------------------------ | ---------------------- |
+| {{SpecName('XMLHttpRequest', '#the-abort()-method')}} | {{Spec2('XMLHttpRequest')}} | WHATWG living standard |
+
+## Compatibilidad con navegadores
 
 {{Compat("api.XMLHttpRequest.abort")}}
 
-<h2 id="Ver_también">Ver también</h2>
+## Ver también
 
-<ul>
- <li><a href="/en-US/docs/Web/API/XMLHttpRequest/Using_XMLHttpRequest">Uso de XMLHttpRequest</a></li>
-</ul>
+- [Uso de XMLHttpRequest](/es/docs/Web/API/XMLHttpRequest/Using_XMLHttpRequest)
diff --git a/files/es/web/api/xmlhttprequest/index.md b/files/es/web/api/xmlhttprequest/index.md
index e08527b7c63f5e..828924210f46d3 100644
--- a/files/es/web/api/xmlhttprequest/index.md
+++ b/files/es/web/api/xmlhttprequest/index.md
@@ -8,359 +8,332 @@ tags:
   - páginas_a_traducir
 translation_of: Web/API/XMLHttpRequest
 ---
-<p><code>XMLHttpRequest</code> es un objeto <a class="internal" href="/en/JavaScript" title="En/JavaScript">JavaScript</a> que fue diseñado por Microsoft y adoptado por Mozilla, Apple y Google. Actualmente es un <a class="external" href="http://www.w3.org/TR/XMLHttpRequest/">estándar de la W3C</a>. Proporciona una forma fácil de obtener información de una URL sin tener que recargar la página completa. Una página web puede actualizar sólo una parte de la página sin interrumpir lo que el usuario está haciendo. <code style="font-size: 14px;">XMLHttpRequest</code> es ampliamente usado en la programación AJAX.</p>
-
-<p><span style="line-height: 1.5;">A pesar de su nombre, </span><code style="font-size: 14px;">XMLHttpRequest</code><span style="line-height: 1.5;"> puede ser usado para recibir cualquier tipo de dato, no solo XML, y admite otros formatos además de </span><a href="/en/HTTP" style="line-height: 1.5;" title="en/HTTP">HTTP</a><span style="line-height: 1.5;"> (incluyendo </span><code style="font-size: 14px;">file</code><span style="line-height: 1.5;"> y </span><code style="font-size: 14px;">ftp</code><span style="line-height: 1.5;">).</span></p>
-
-<p>Para crear una instancia de <code>XMLHttpRequest</code>, debes hacer lo siguiente:</p>
-
-<pre>var req = new XMLHttpRequest();
-</pre>
-
-<p>Para obtener más información de cómo usar <code>XMLHttpRequest</code>, mira <a class="internal" href="/Es/XMLHttpRequest/Using_XMLHttpRequest" title="En/Using XMLHttpRequest">Usar XMLHttpRequest</a>.</p>
-
-<div class="note"><strong>Nota:</strong> De forma predeterminada, Firefox 3 limita la cantidad de conexiones de <code>XMLHttpRequest</code> por servidor a 6 (las versiones previas limitan a 2 conexiones por servidor). Algunos sitios web interactivos pueden mantener una conexión <code>XMLHttpRequest</code> abierta, así que abrir múltiples sesiones a esos sitios puede derivar en congelamientos del navegador de una forma que la ventana no se actualiza y los controles no responden. Este valor puede ser cambiado al editar la preferencia <code>network.http.max-persistent-connections-per-server</code> en <code><a class="linkification-ext" href="/about:config" title="Linkification: about:config">about:config</a></code>.</div>
-
-<h2 id="Resumen_del_método">Resumen del método</h2>
-
-<table class="standard-table">
-    <tbody>
-     <tr>
-      <td><code>void <a class="internal" href="/en/XMLHttpRequest#abort()" title="/En/XMLHttpRequest#abort()">abort</a>();</code></td>
-     </tr>
-     <tr>
-      <td><code>string <a class="internal" href="/en/XMLHttpRequest#getAllResponseHeaders()" title="/en/XMLHttpRequest#getAllResponseHeaders()">getAllResponseHeaders</a>();</code></td>
-     </tr>
-     <tr>
-      <td><code>ACString <a class="internal" href="/en/XMLHttpRequest#getResponseHeader()" title="/en/XMLHttpRequest#getResponseHeader()">getResponseHeader</a>(in AUTF8String header);</code></td>
-     </tr>
-     <tr>
-      <td><code>[noscript] void <a class="internal" href="/en/XMLHttpRequest#init()" title="/en/XMLHttpRequest#init()">init</a>(in nsIPrincipal principal, in nsIScriptContext scriptContext, in nsPIDOMWindow ownerWindow);</code></td>
-     </tr>
-     <tr>
-      <td><code>void <a class="internal" href="/en/XMLHttpRequest#open()" title="/en/XMLHttpRequest#open()">open</a>(in AUTF8String method, in AUTF8String url);</code></td>
-     </tr>
-     <tr>
-      <td><code>[noscript] void <a class="internal" href="/en/XMLHttpRequest#openRequest()" title="/en/XMLHttpRequest#openRequest()">openRequest</a>(in AUTF8String method, in AUTF8String url, in boolean async, in AString user, in AString password);</code></td>
-     </tr>
-     <tr>
-      <td><code>void <a class="internal" href="/en/XMLHttpRequest#overrideMimeType()" title="/en/XMLHttpRequest#overrideMimeType()">overrideMimeType</a>(in AUTF8String mimetype);</code></td>
-     </tr>
-     <tr>
-      <td><code>void <a class="internal" href="/en/XMLHttpRequest#send()" title="/en/XMLHttpRequest#send()">send</a>([optional] in nsIVariant body);</code></td>
-     </tr>
-     <tr>
-      <td><code>void <a class="internal" href="/en/XMLHttpRequest#sendAsBinary()" title="/en/XMLHttpRequest#sendAsBinary()">sendAsBinary</a>(in DOMString body);</code></td>
-     </tr>
-     <tr>
-      <td><code>void <a class="internal" href="/en/XMLHttpRequest#setRequestHeader()" title="/en/XMLHttpRequest#setRequestHeader()">setRequestHeader</a>(in AUTF8String header, in AUTF8String value);</code></td>
-     </tr>
-    </tbody>
-   </table>
-
-<h2 id="Propiedades">Propiedades</h2>
-
-<dl><dt>Atributo: Tipo</dt><dd>Descripción</dd><dt><code>channel</code>: <code>nsIChannel</code></dt><dd>El canal es usado por el objeto cuando se produce el pedido. Esto da <code>null</code> si el canal aún no fue creado. En el caso de un pedido de múltiples partes, este es el canal inicial, no las diferentes partes del pedido múltiple. <strong>Es necesario tener privilegios elevados para acceder; sólo lectura.</strong> <abbr class="" title="Non-standard. Check cross-browser support before using.">
-    <span class="">Non-standard</span>
-</abbr></dd><dt><code>mozBackgroundRequest</code>: <code>booleano</code></dt><dd>
-    <p>Indica si el objeto representa o no un pedido de un servicio de fondo. Si es <code>true</code>, no se asocia una carga de grupo con el pedido, y los diálogos de seguridad no se muestran al usuario. <strong>Es necesario tener privilegios elevados para acceder. </strong><abbr class="" title="Non-standard. Check cross-browser support before using.">
-    <span class="">Non-standard</span>
-</abbr></p>
-
-    <p>En los casos en que un diálogo de seguridad debe ser mostrado (como en una autentficación o la notificación de un certificado no válido), el pedido simplemente falla.</p>
-   </dd><dt><code>mozResponseArrayBuffer</code>  <abbr class="" title="Non-standard. Check cross-browser support before using.">
-    <span class="">Non-standard</span>
-</abbr>: <a href="/en-US/JavaScript_typed_arrays/ArrayBuffer" title="en/JavaScript typed arrays/ArrayBuffer"><code>ArrayBuffer</code></a></dt><dd>La respuesta al pedido en la forma de un arreglo de JavaScript. Esto es NULL si el pedido no fue exitoso o si todavía no ha sido enviado. <strong>Sólo lectura.</strong></dd><dt><code>multipart</code>: <code>booleano</code></dt><dd>
-    <p>Indica cuando se espera que la respuesta sea o no una serie de mútiples documentos XML. Si se define como <code>true</code>, el tipo de contenido de la respuesta inicial debe ser <code>multipart/x-mixed-replace</code> u ocurrirá un error. Todos los pedidos deben ser asincrónicos.</p>
-
-    <p>Esto permite el uso del push del servidor; para cada documento XML que se escribe para este pedido, se crea un nuevo XMLDOMdocument y se llama al manejador <code>onload</code> entre cada documento.</p>
-
-    <div class="note notecard" id="sect2"><strong>Nota:</strong> Cuando esto se elige, el manejador <code>onload</code> y otros manejadores de eventos no son reiniciados después de que el primer XMLdocument es cargado, y el manejador <code>onload</code> es llamado después de que cada parte de la respuesta es recibida.</div>
-   </dd><dt>
-    <code>onreadystatechange</code>
-   : <code>nsIDOMEventListener</code></dt><dd>
-    <p>Una función del objeto JavaScript que se llama cuando el atributo <code>readyState</code> cambia. El callback se llama desde la interfaz del usuario.</p>
-
-    <div class="" id="sect3"><strong>Aviso: </strong>Esto no debe ser usado desde código nativo. Tampoco debes usarlo con pedidos sincrónicos.</div>
-   </dd><dt><code>readyState</code>: <code>long</code></dt><dd>
-    <p>El estado del pedido:</p>
-
-    <div class=""><table class="standard-table">
-     <tbody>
-      <tr>
-       <td class="header">Valor</td>
-       <td class="header">Estado</td>
-       <td class="header">Descripción</td>
-      </tr>
-      <tr>
-       <td><code>0</code></td>
-       <td><code>UNINITIALIZED</code></td>
-       <td>todavía no se llamó a <code>open()</code>.</td>
-      </tr>
-      <tr>
-       <td><code>1</code></td>
-       <td><code>LOADING</code></td>
-       <td>todavía no se llamó a <code>send()</code>.</td>
-      </tr>
-      <tr>
-       <td><code>2</code></td>
-       <td><code>LOADED</code></td>
-       <td><code>send()</code> ya fue invocado, y los encabezados y el estado están disponibles.</td>
-      </tr>
-      <tr>
-       <td><code>3</code></td>
-       <td><code>INTERACTIVE</code></td>
-       <td>Descargando; <code>responseText</code> contiene información parcial.</td>
-      </tr>
-      <tr>
-       <td><code>4</code></td>
-       <td><code>COMPLETED</code></td>
-       <td>La operación está terminada.</td>
-      </tr>
-     </tbody>
-    </table></div>
-   </dd><dt>Valor: Estado</dt><dd>Descripción</dd><dt><code>0</code>: <code>UNINITIALIZED</code></dt><dd>todavía no se llamó a <code>open()</code>.</dd><dt><code>1</code>: <code>LOADING</code></dt><dd>todavía no se llamó a <code>send()</code>.</dd><dt><code>2</code>: <code>LOADED</code></dt><dd><code>send()</code> ya fue invocado, y los encabezados y el estado están disponibles.</dd><dt><code>3</code>: <code>INTERACTIVE</code></dt><dd>Descargando; <code>responseText</code> contiene información parcial.</dd><dt><code>4</code>: <code>COMPLETED</code></dt><dd>La operación está terminada.</dd><dt><code>responseText</code>: <code>AString</code></dt><dd>La respuesta al pedido como texto, o <code>null</code> si el pedido no fue exitoso o todavía no se envió. <strong>Sólo lectura.</strong></dd><dt><code>responseXML</code>: <code>nsIDOMDocument</code></dt><dd>
-    <p>La respuesta al pedido como un objeto DOM<code><a class="internal" href="/en-US/DOM/document" title="En/DOM/Document">Document</a></code>, o <code>null</code> si el pedido no fue exitoso, aún no fue enviado o no puede ser analizado como XML. La respuesta es analizada como si fuera <code>text/xml</code>. <strong>Sólo lectura.</strong></p>
-
-    <div class="note notecard" id="sect4"><strong>Nota:</strong> Si el servidor no aplica el encabezado de tipo de contenido <code>text/xml</code>, puedes usar <code>overrideMimeType()</code> para forzar a <code>XMLHttpRequest</code> a analizarlo como XML igualmente.</div>
-   </dd><dt><code>status</code>: <code>unsigned long</code></dt><dd>El estado de la respuesta al pedido. Éste es el código HTTPresult (por ejemplo, <code>status</code> es 200 por un pedido exitoso). <strong>Sólo lectura.</strong></dd><dt><code>statusText</code>: <code>AUTF8String</code></dt><dd>La cadena de respuesta que devuelve el HTTPserver. A diferencia de <code>status</code>, este incluye el texto completo del mensaje de respuesta ("<code>200 OK</code>", por ejemplo). <strong>Sólo lectura.</strong></dd><dt><code>upload</code>: <code>nsIXMLHttpRequestUpload</code></dt><dd>El proceso de subida puede ser rastreado al agregar un registro de evento a <code>upload</code>.</dd><dt><code>withCredentials</code>: <code>booleano</code></dt><dd>
-    <p>Indica cuando el pedido de Access-Control entre sitios debe o no ser realizado usando credenciales como cookies o encabezados de autorización.</p>
-
-    <div class="note notecard" id="sect5"><strong>Nota:</strong> Esto nunca afecta los pedidos en para el propio sitio.</div>
-
-    <p>El valor predeterminado es <code>false</code>.</p>
-   </dd></dl>
-
-<h2 id="Métodos">Métodos</h2>
-
-<h3 id="abort()">abort()</h3>
-
-<p>Aborta el pedido si éste ya fue enviado.</p>
-
-<pre>void abort();
-</pre>
-
-<h6 id="Parámetros">Parámetros</h6>
-
-<p>Ninguno.</p>
-
-<h3 id="getAllResponseHeaders()">getAllResponseHeaders()</h3>
-
-<p>Devuelve todos los encabezados de respuesta como una cadena.</p>
-
-<div class="note"><strong>Nota:</strong> Para pedidos multi partes, esto devuelve los encabezados de la parte <em>actual</em> del pedido, no del canal original.</div>
-
-<pre>string getAllResponseHeaders();
-</pre>
-
-<h6 id="Parámetros_2">Parámetros</h6>
-
-<p>Ninguno.</p>
+`XMLHttpRequest` es un objeto [JavaScript](/en/JavaScript "En/JavaScript") que fue diseñado por Microsoft y adoptado por Mozilla, Apple y Google. Actualmente es un [estándar de la W3C](http://www.w3.org/TR/XMLHttpRequest/). Proporciona una forma fácil de obtener información de una URL sin tener que recargar la página completa. Una página web puede actualizar sólo una parte de la página sin interrumpir lo que el usuario está haciendo. `XMLHttpRequest` es ampliamente usado en la programación AJAX.
 
-<h6 id="Valor_devuelto">Valor devuelto</h6>
-
-<p>El texto de todos los encabezados de respuesta, o <code>null</code> si no se ha recibido ninguna respuesta.</p>
-
-<h3 id="getResponseHeader()">getResponseHeader()</h3>
-
-<p>Devuelve el texto de un encabezado específico.</p>
+A pesar de su nombre, `XMLHttpRequest` puede ser usado para recibir cualquier tipo de dato, no solo XML, y admite otros formatos además de [HTTP](/en/HTTP "en/HTTP") (incluyendo `file` y `ftp`).
 
-<pre>ACString getResponseHeader(
+Para crear una instancia de `XMLHttpRequest`, debes hacer lo siguiente:
+
+```
+var req = new XMLHttpRequest();
+```
+
+Para obtener más información de cómo usar `XMLHttpRequest`, mira [Usar XMLHttpRequest](/Es/XMLHttpRequest/Using_XMLHttpRequest "En/Using XMLHttpRequest").
+
+> **Nota:** De forma predeterminada, Firefox 3 limita la cantidad de conexiones de `XMLHttpRequest` por servidor a 6 (las versiones previas limitan a 2 conexiones por servidor). Algunos sitios web interactivos pueden mantener una conexión `XMLHttpRequest` abierta, así que abrir múltiples sesiones a esos sitios puede derivar en congelamientos del navegador de una forma que la ventana no se actualiza y los controles no responden. Este valor puede ser cambiado al editar la preferencia `network.http.max-persistent-connections-per-server` en [`about:config`](/about:config "Linkification: about:config").
+
+## Resumen del método
+
+| `void abort();`                                                                                                                   |
+| --------------------------------------------------------------------------------------------------------------------------------- |
+| `string getAllResponseHeaders();`                                                                                                 |
+| `ACString getResponseHeader(in AUTF8String header);`                                                                              |
+| `[noscript] void init(in nsIPrincipal principal, in nsIScriptContext scriptContext, in nsPIDOMWindow ownerWindow);`               |
+| `void open(in AUTF8String method, in AUTF8String url);`                                                                           |
+| `[noscript] void openRequest(in AUTF8String method, in AUTF8String url, in boolean async, in AString user, in AString password);` |
+| `void overrideMimeType(in AUTF8String mimetype);`                                                                                 |
+| `void send([optional] in nsIVariant body);`                                                                                       |
+| `void sendAsBinary(in DOMString body);`                                                                                           |
+| `void setRequestHeader(in AUTF8String header, in AUTF8String value);`                                                             |
+
+## Propiedades
+
+- Atributo: Tipo
+  - : Descripción
+- `channel`: `nsIChannel`
+  - : El canal es usado por el objeto cuando se produce el pedido. Esto da `null` si el canal aún no fue creado. En el caso de un pedido de múltiples partes, este es el canal inicial, no las diferentes partes del pedido múltiple. **Es necesario tener privilegios elevados para acceder; sólo lectura.** Non-standard
+- `mozBackgroundRequest`: `booleano`
+
+  - : Indica si el objeto representa o no un pedido de un servicio de fondo. Si es `true`, no se asocia una carga de grupo con el pedido, y los diálogos de seguridad no se muestran al usuario. **Es necesario tener privilegios elevados para acceder.** Non-standard
+
+    En los casos en que un diálogo de seguridad debe ser mostrado (como en una autentficación o la notificación de un certificado no válido), el pedido simplemente falla.
+
+- `mozResponseArrayBuffer` Non-standard
+  : [`ArrayBuffer`](/en-US/JavaScript_typed_arrays/ArrayBuffer "en/JavaScript typed arrays/ArrayBuffer")
+  - : La respuesta al pedido en la forma de un arreglo de JavaScript. Esto es NULL si el pedido no fue exitoso o si todavía no ha sido enviado. **Sólo lectura.**
+- `multipart`: `booleano`
+
+  - : Indica cuando se espera que la respuesta sea o no una serie de mútiples documentos XML. Si se define como `true`, el tipo de contenido de la respuesta inicial debe ser `multipart/x-mixed-replace` u ocurrirá un error. Todos los pedidos deben ser asincrónicos.
+
+    Esto permite el uso del push del servidor; para cada documento XML que se escribe para este pedido, se crea un nuevo XMLDOMdocument y se llama al manejador `onload` entre cada documento.
+
+    > **Nota:** Cuando esto se elige, el manejador `onload` y otros manejadores de eventos no son reiniciados después de que el primer XMLdocument es cargado, y el manejador `onload` es llamado después de que cada parte de la respuesta es recibida.
+
+- `onreadystatechange`
+  : `nsIDOMEventListener`
+
+  - : Una función del objeto JavaScript que se llama cuando el atributo `readyState` cambia. El callback se llama desde la interfaz del usuario.
+
+    **Aviso:** Esto no debe ser usado desde código nativo. Tampoco debes usarlo con pedidos sincrónicos.
+
+- `readyState`: `long`
+
+  - : El estado del pedido:
+
+    | Valor | Estado          | Descripción                                                                |
+    | ----- | --------------- | -------------------------------------------------------------------------- |
+    | `0`   | `UNINITIALIZED` | todavía no se llamó a `open()`.                                            |
+    | `1`   | `LOADING`       | todavía no se llamó a `send()`.                                            |
+    | `2`   | `LOADED`        | `send()` ya fue invocado, y los encabezados y el estado están disponibles. |
+    | `3`   | `INTERACTIVE`   | Descargando; `responseText` contiene información parcial.                  |
+    | `4`   | `COMPLETED`     | La operación está terminada.                                               |
+
+- Valor: Estado
+  - : Descripción
+- `0`: `UNINITIALIZED`
+  - : todavía no se llamó a `open()`.
+- `1`: `LOADING`
+  - : todavía no se llamó a `send()`.
+- `2`: `LOADED`
+  - : `send()` ya fue invocado, y los encabezados y el estado están disponibles.
+- `3`: `INTERACTIVE`
+  - : Descargando; `responseText` contiene información parcial.
+- `4`: `COMPLETED`
+  - : La operación está terminada.
+- `responseText`: `AString`
+  - : La respuesta al pedido como texto, o `null` si el pedido no fue exitoso o todavía no se envió. **Sólo lectura.**
+- `responseXML`: `nsIDOMDocument`
+
+  - : La respuesta al pedido como un objeto DOM[`Document`](/en-US/DOM/document "En/DOM/Document"), o `null` si el pedido no fue exitoso, aún no fue enviado o no puede ser analizado como XML. La respuesta es analizada como si fuera `text/xml`. **Sólo lectura.**
+
+    > **Nota:** Si el servidor no aplica el encabezado de tipo de contenido `text/xml`, puedes usar `overrideMimeType()` para forzar a `XMLHttpRequest` a analizarlo como XML igualmente.
+
+- `status`: `unsigned long`
+  - : El estado de la respuesta al pedido. Éste es el código HTTPresult (por ejemplo, `status` es 200 por un pedido exitoso). **Sólo lectura.**
+- `statusText`: `AUTF8String`
+  - : La cadena de respuesta que devuelve el HTTPserver. A diferencia de `status`, este incluye el texto completo del mensaje de respuesta ("`200 OK`", por ejemplo). **Sólo lectura.**
+- `upload`: `nsIXMLHttpRequestUpload`
+  - : El proceso de subida puede ser rastreado al agregar un registro de evento a `upload`.
+- `withCredentials`: `booleano`
+
+  - : Indica cuando el pedido de Access-Control entre sitios debe o no ser realizado usando credenciales como cookies o encabezados de autorización.
+
+    > **Nota:** Esto nunca afecta los pedidos en para el propio sitio.
+
+    El valor predeterminado es `false`.
+
+## Métodos
+
+### abort()
+
+Aborta el pedido si éste ya fue enviado.
+
+```
+void abort();
+```
+
+###### Parámetros
+
+Ninguno.
+
+### getAllResponseHeaders()
+
+Devuelve todos los encabezados de respuesta como una cadena.
+
+> **Nota:** Para pedidos multi partes, esto devuelve los encabezados de la parte _actual_ del pedido, no del canal original.
+
+```
+string getAllResponseHeaders();
+```
+
+###### Parámetros
+
+Ninguno.
+
+###### Valor devuelto
+
+El texto de todos los encabezados de respuesta, o `null` si no se ha recibido ninguna respuesta.
+
+### getResponseHeader()
+
+Devuelve el texto de un encabezado específico.
+
+```
+ACString getResponseHeader(
  in AUTF8String header
 );
-</pre>
+```
 
-<h6 id="Parámetros_3">Parámetros</h6>
+###### Parámetros
 
-<dl>
- <dt><code>header</code></dt>
- <dd>El nombre del encabezado buscado.</dd>
-</dl>
+- `header`
+  - : El nombre del encabezado buscado.
 
-<h6 id="Valor_devuelto_2">Valor devuelto</h6>
+###### Valor devuelto
 
-<p>Una cadena que contiene el texto de un encabezado específico, o <code>null</code> tanto si la respuesta no se ha recibido o el encabezado no existe en la respuesta.</p>
+Una cadena que contiene el texto de un encabezado específico, o `null` tanto si la respuesta no se ha recibido o el encabezado no existe en la respuesta.
 
-<h3 id="init()">init()</h3>
+### init()
 
-<p>Inicializa el objeto para que sea usado desde código C++.</p>
+Inicializa el objeto para que sea usado desde código C++.
 
-<div class="warning"><strong>Aviso:</strong> Este método <em>no</em> debe ser llamado desde JavaScript.</div>
+> **Advertencia:** **Aviso:** Este método _no_ debe ser llamado desde JavaScript.
 
-<pre>[noscript] void init(
+```
+[noscript] void init(
  in nsIPrincipal principal,
  in nsIScriptContext scriptContext,
  in nsPIDOMWindow ownerWindow
 );
-</pre>
+```
 
-<h6 id="Parámetros_4">Parámetros</h6>
+###### Parámetros
 
-<dl>
- <dt><code>principal</code></dt>
- <dd>El principal para usar en el pedido; no debe ser <code>null</code>.</dd>
- <dt><code>scriptContext</code></dt>
- <dd>El contexto del programa que usará en el pedido; no debe ser <code>null</code>.</dd>
- <dt><code>ownerWindow</code></dt>
- <dd>La ventana asociada con el pedido; puede ser <code>null</code>.</dd>
-</dl>
+- `principal`
+  - : El principal para usar en el pedido; no debe ser `null`.
+- `scriptContext`
+  - : El contexto del programa que usará en el pedido; no debe ser `null`.
+- `ownerWindow`
+  - : La ventana asociada con el pedido; puede ser `null`.
 
-<h3 id="open()">open()</h3>
+### open()
 
-<p>Inicializa el pedido. Este método es para ser usado desde código JavaScript, para inicializar un pedido desde código nativo, debes usar <a class="internal" href="/en/XMLHttpRequest#openRequest()" title="/en/XMLHttpRequest#openRequest()"><code>openRequest()</code></a>.</p>
+Inicializa el pedido. Este método es para ser usado desde código JavaScript, para inicializar un pedido desde código nativo, debes usar [`openRequest()`](</en/XMLHttpRequest#openRequest()>).
 
-<div class="note"><strong>Nota:</strong> Llamar a este método en un pedido activo (uno para el cual <code>open()</code> o <code>openRequest()</code> ya han sido llamados) es equivalente a usar <code>abort()</code>.</div>
+> **Nota:** Llamar a este método en un pedido activo (uno para el cual `open()` o `openRequest()` ya han sido llamados) es equivalente a usar `abort()`.
 
-<pre>void open(
+```
+void open(
  in AUTF8String method,
  in AUTF8String url,
  [optional] in boolean async,
  [optional] in AString user,
  [optional] in AString password
 );
-</pre>
+```
 
-<h6 id="Parámetros_5">Parámetros</h6>
+###### Parámetros
 
-<dl>
- <dt><code>method</code></dt>
- <dd>El método HTTP a usar: tanto "POST" o "GET". Se ignora para urls que no son de HTTP.</dd>
- <dt><code>url</code></dt>
- <dd>La URL a la que se envía el pedido.</dd>
- <dt><code>async</code></dt>
- <dd><span id="result_box" lang="es"><span>Un parámetro booleano opcional, predeterminado es <code>true</code>, que indica si se debe o no realizar la operación de forma asíncrona.</span> <span>Si este valor es <code>false</code>, el método <code>send()</code> no se devuelve hasta que se reciba la respuesta completa.</span> <span>Si es <code>true</code>, la notificación de una transacción completada se proporciona mediante los oyentes de eventos.</span> <span>Esto debe ser <code>true</code> si el atributo <code>multipart</code> es verdadero o se lanzará una excepción.</span></span></dd>
- <dt><code>user</code></dt>
- <dd><span id="result_box" lang="es"><span>El nombre de usuario es opcional solo es usado con fines de autenticación,</span> <span>de forma predeterminada es una cadena vacía.</span></span></dd>
- <dt><code>password</code></dt>
- <dd><span id="result_box" lang="es"><span>La contraseña es opcional solo es usado con fines de autenticación,</span> <span>de forma predeterminada es una cadena vacía.</span></span></dd>
-</dl>
+- `method`
+  - : El método HTTP a usar: tanto "POST" o "GET". Se ignora para urls que no son de HTTP.
+- `url`
+  - : La URL a la que se envía el pedido.
+- `async`
+  - : Un parámetro booleano opcional, predeterminado es `true`, que indica si se debe o no realizar la operación de forma asíncrona. Si este valor es `false`, el método `send()` no se devuelve hasta que se reciba la respuesta completa. Si es `true`, la notificación de una transacción completada se proporciona mediante los oyentes de eventos. Esto debe ser `true` si el atributo `multipart` es verdadero o se lanzará una excepción.
+- `user`
+  - : El nombre de usuario es opcional solo es usado con fines de autenticación, de forma predeterminada es una cadena vacía.
+- `password`
+  - : La contraseña es opcional solo es usado con fines de autenticación, de forma predeterminada es una cadena vacía.
 
-<h3 id="openRequest()">openRequest()</h3>
+### openRequest()
 
-<p>Inicia la peticion, este metodo est</p>
+Inicia la peticion, este metodo est
 
-<p><span id="result_box" lang="es"><span>Inicializa la peticion.</span> <span>Este método se utiliza desde el código nativo,</span> <span>para inicializar una solicitud desde el código JavaScript, utilice <code>open ()</code> en su lugar.</span></span></p>
+Inicializa la peticion. Este método se utiliza desde el código nativo, para inicializar una solicitud desde el código JavaScript, utilice `open ()` en su lugar.
 
-<div class="note"><strong>Nota:</strong> Calling this method an already active request (one for which <code>open()</code>or <code>openRequest()</code>has already been called) is the equivalent of calling <code>abort()</code>.</div>
+> **Nota:** Calling this method an already active request (one for which `open()`or `openRequest()`has already been called) is the equivalent of calling `abort()`.
 
-<pre>void open(
+```
+void open(
  in AUTF8String method,
  in AUTF8String url,
  in boolean async,
  in AString user,
  in AString password
 );
-</pre>
+```
 
-<h6 id="Parameters">Parameters</h6>
+###### Parameters
 
-<dl>
- <dt><code>method</code></dt>
- <dd>The HTTPmethod to use; either "POST"or "GET". Ignored for non-HTTPURLs.</dd>
- <dt><code>url</code></dt>
- <dd>The URLto which to send the request.</dd>
- <dt><code>async</code></dt>
- <dd>An optional boolean parameter, defaulting to <code>true</code>, indicating whether or not to perform the operation asynchronously. If this value is <code>false</code>, the <code>send()</code>method does not return until the response is received. If <code>true</code>, notification of a completed transaction is provided using event listeners. This <em>must</em> be true if the <code>multipart</code> attribute is <code>true</code>, or an exception will be thrown.</dd>
- <dt><code>user</code></dt>
- <dd>The optional user name to use for authentication purposes; by default, this is an empty string.</dd>
- <dt><code>password</code></dt>
- <dd>The optional password to use for authentication purposes; by default, this is an empty string.</dd>
-</dl>
+- `method`
+  - : The HTTPmethod to use; either "POST"or "GET". Ignored for non-HTTPURLs.
+- `url`
+  - : The URLto which to send the request.
+- `async`
+  - : An optional boolean parameter, defaulting to `true`, indicating whether or not to perform the operation asynchronously. If this value is `false`, the `send()`method does not return until the response is received. If `true`, notification of a completed transaction is provided using event listeners. This _must_ be true if the `multipart` attribute is `true`, or an exception will be thrown.
+- `user`
+  - : The optional user name to use for authentication purposes; by default, this is an empty string.
+- `password`
+  - : The optional password to use for authentication purposes; by default, this is an empty string.
 
-<h3 id="overrideMimeType()">overrideMimeType()</h3>
+### overrideMimeType()
 
-<p>Overrides the MIMEtype returned by the server.</p>
+Overrides the MIMEtype returned by the server.
 
-<div class="note"><strong>Note:</strong> This method must be called before <code>send()</code>.</div>
+> **Nota:** This method must be called before `send()`.
 
-<pre>void overrideMimeType(
+```
+void overrideMimeType(
  in AUTF8String mimetype
 );
-</pre>
+```
 
-<h6 id="Parameters_2">Parameters</h6>
+###### Parameters
 
-<dl>
- <dt><code>mimetype</code></dt>
- <dd>The type that should be used instead of the one returned by the server, if any.</dd>
-</dl>
+- `mimetype`
+  - : The type that should be used instead of the one returned by the server, if any.
 
-<h3 id="send()">send()</h3>
+### send()
 
-<p>Sends the request. If the request is asynchronous (which is the default), this method returns as soon as the request is sent. If the request is synchronous, this method doesn't return until the response has arrived.</p>
+Sends the request. If the request is asynchronous (which is the default), this method returns as soon as the request is sent. If the request is synchronous, this method doesn't return until the response has arrived.
 
-<div class="note"><strong>Note:</strong> Any event listeners you wish to set must be set before calling <code>send()</code>.</div>
+> **Nota:** Any event listeners you wish to set must be set before calling `send()`.
 
-<pre>void send(
+```
+void send(
  [optional] in nsIVariant body
 );
-</pre>
+```
 
-<h6 id="Parameters_3">Parameters</h6>
+###### Parameters
 
-<dl>
- <dt><code>body</code></dt>
- <dd>This may be an <code>nsIDocument</code>, <code>nsIInputStream</code>, or a string (an <code>nsISupportsString</code> if called from native code) that is used to populate the body of a POST request. Starting with Gecko 1.9.2, you may also specify an DOM{{ domxref("File") }} , and starting with Gecko 2.0 {{ geckoRelease("2.0") }} you may also specify a <a href="/en/XMLHttpRequest/FormData" title="en/XMLHttpRequest/FormData"><code>FormData</code></a> object.</dd>
-</dl>
+- `body`
+  - : This may be an `nsIDocument`, `nsIInputStream`, or a string (an `nsISupportsString` if called from native code) that is used to populate the body of a POST request. Starting with Gecko 1.9.2, you may also specify an DOM{{ domxref("File") }} , and starting with Gecko 2.0 {{ geckoRelease("2.0") }} you may also specify a [`FormData`](/en/XMLHttpRequest/FormData "en/XMLHttpRequest/FormData") object.
 
-<h6 id="Notes">Notes</h6>
+###### Notes
 
-<p>If the body is an <code>nsIDOMDocument</code>, it is serialized before being sent.</p>
+If the body is an `nsIDOMDocument`, it is serialized before being sent.
 
-<p>If it's an <code>nsIInputStream</code>, it must be compatible with <code>nsIUploadChannel</code>'s <code>setUploadStream()</code>method. In that case, a Content-Length header is added to the request, with its value obtained using <code>nsIInputStream</code>'s <code>available()</code>method. Any headers included at the top of the stream are treated as part of the message body. The stream's MIMEtype should be specified by setting the Content-Type header using the <a class="internal" href="/en/XMLHttpRequest#setRequestHeader()" title="/en/XMLHttpRequest#setRequestHeader()"><code>setRequestHeader()</code></a>method prior to calling <code>send()</code>.</p>
+If it's an `nsIInputStream`, it must be compatible with `nsIUploadChannel`'s `setUploadStream()`method. In that case, a Content-Length header is added to the request, with its value obtained using `nsIInputStream`'s `available()`method. Any headers included at the top of the stream are treated as part of the message body. The stream's MIMEtype should be specified by setting the Content-Type header using the [`setRequestHeader()`](</en/XMLHttpRequest#setRequestHeader()>)method prior to calling `send()`.
 
-<h3 id="sendAsBinary()">sendAsBinary()</h3>
+### sendAsBinary()
 
-<p>A variant of the <code>send()</code>method that sends binary data.</p>
+A variant of the `send()`method that sends binary data.
 
-<pre>void sendAsBinary(
+```
+void sendAsBinary(
  in DOMString body
 );
-</pre>
+```
 
-<h6 id="Parameters_4">Parameters</h6>
+###### Parameters
 
-<dl>
- <dt><code>body</code></dt>
- <dd>The request body as a DOMstring. This data is converted to a string of single-byte characters by truncation (removing the high-order byte of each character).</dd>
-</dl>
+- `body`
+  - : The request body as a DOMstring. This data is converted to a string of single-byte characters by truncation (removing the high-order byte of each character).
 
-<h3 id="setRequestHeader()">setRequestHeader()</h3>
+### setRequestHeader()
 
-<p>Sets the value of an HTTPrequest header.</p>
+Sets the value of an HTTPrequest header.
 
-<div class="note"><strong>Note:</strong> You must call <a class="internal" href="/en/XMLHttpRequest#open()" title="/en/XMLHttpRequest#open()"><code>open()</code></a>before using this method.</div>
+> **Nota:** You must call [`open()`](</en/XMLHttpRequest#open()>)before using this method.
 
-<pre>void setRequestHeader(
+```
+void setRequestHeader(
  in AUTF8String header,
  in AUTF8String value
 );
-</pre>
+```
 
-<h6 id="Parameters_5">Parameters</h6>
+###### Parameters
 
-<dl>
- <dt><code>header</code></dt>
- <dd>The name of the header whose value is to be set.</dd>
- <dt><code>value</code></dt>
- <dd>The value to set as the body of the header.</dd>
-</dl>
+- `header`
+  - : The name of the header whose value is to be set.
+- `value`
+  - : The value to set as the body of the header.
 
-<h2 id="Implementation_notes">Implementation notes</h2>
+## Implementation notes
 
-<p><code>XMLHttpRequest</code> is implemented in Gecko using the <code>nsIJSXMLHttpRequest</code> and <code>nsIXMLHttpRequest</code> interfaces.</p>
+`XMLHttpRequest` is implemented in Gecko using the `nsIJSXMLHttpRequest` and `nsIXMLHttpRequest` interfaces.
 
-<h2 id="See_also">See also</h2>
+## See also
 
-<ul>
- <li><a class="internal" href="/En/XMLHttpRequest/Using_XMLHttpRequest" title="En/Using XMLHttpRequest">Using XMLHttpRequest</a></li>
- <li><a href="/en/XMLHttpRequest/FormData" title="en/XMLHttpRequest/FormData"><code>FormData</code></a></li>
- <li><a href="/en/AJAX/Getting_Started" title="en/AJAX/Getting_Started">MDC AJAX introduction</a></li>
- <li><a class="external" href="http://www.peej.co.uk/articles/rich-user-experience.html">XMLHttpRequest - REST and the Rich User Experience</a></li>
- <li><a class="external" href="http://msdn.microsoft.com/library/default.asp?url=/library/en-us/xmlsdk/html/xmobjxmlhttprequest.asp">Microsoft documentation</a></li>
- <li><a class="external" href="http://developer.apple.com/internet/webcontent/xmlhttpreq.html">Apple developers' reference</a></li>
- <li><a class="external" href="http://jibbering.com/2002/4/httprequest.html">"Using the XMLHttpRequest Object" (jibbering.com)</a></li>
- <li><a class="external" href="http://www.w3.org/TR/XMLHttpRequest/">The XMLHttpRequest Object: W3C Working Draft</a></li>
-</ul>
+- [Using XMLHttpRequest](/En/XMLHttpRequest/Using_XMLHttpRequest "En/Using XMLHttpRequest")
+- [`FormData`](/en/XMLHttpRequest/FormData "en/XMLHttpRequest/FormData")
+- [MDC AJAX introduction](/en/AJAX/Getting_Started "en/AJAX/Getting_Started")
+- [XMLHttpRequest - REST and the Rich User Experience](http://www.peej.co.uk/articles/rich-user-experience.html)
+- [Microsoft documentation](http://msdn.microsoft.com/library/default.asp?url=/library/en-us/xmlsdk/html/xmobjxmlhttprequest.asp)
+- [Apple developers' reference](http://developer.apple.com/internet/webcontent/xmlhttpreq.html)
+- ["Using the XMLHttpRequest Object" (jibbering.com)](http://jibbering.com/2002/4/httprequest.html)
+- [The XMLHttpRequest Object: W3C Working Draft](http://www.w3.org/TR/XMLHttpRequest/)
 
-<p>{{ languages( { "es": "es/XMLHttpRequest", "fr": "fr/XMLHttpRequest", "it": "it/XMLHttpRequest", "ja": "ja/XMLHttpRequest", "ko": "ko/XMLHttpRequest", "pl": "pl/XMLHttpRequest", "zh-cn": "cn/XMLHttpRequest" } ) }}</p>
+{{ languages( { "es": "es/XMLHttpRequest", "fr": "fr/XMLHttpRequest", "it": "it/XMLHttpRequest", "ja": "ja/XMLHttpRequest", "ko": "ko/XMLHttpRequest", "pl": "pl/XMLHttpRequest", "zh-cn": "cn/XMLHttpRequest" } ) }}
diff --git a/files/es/web/api/xmlhttprequest/loadend_event/index.md b/files/es/web/api/xmlhttprequest/loadend_event/index.md
index b797e40929a6fa..20cb2c2bf2c34d 100644
--- a/files/es/web/api/xmlhttprequest/loadend_event/index.md
+++ b/files/es/web/api/xmlhttprequest/loadend_event/index.md
@@ -6,87 +6,44 @@ tags:
 translation_of: Web/API/XMLHttpRequest/loadend_event
 original_slug: Web/Events/loadend
 ---
-<p>El evento <code>loadend</code> es emitido cuando el progreso de la carga de un recurso se ha detenido (e.g. despues que "error", "abort", o "load" han sido emitidos). Por ejemplo, esto aplica a las llamadas de {{domxref("XMLHttpRequest")}}, y al contenido de un elemento {{htmlelement("img")}} o {{htmlelement("video")}}.</p>
-
-<h2 id="Información_General">Información General</h2>
-
-<dl>
- <dt style="float: left; text-align: right; width: 120px;">Especificación</dt>
- <dd style="margin: 0 0 0 120px;"><a class="external" href="http://www.w3.org/TR/progress-events/">Progress</a></dd>
- <dt style="float: left; text-align: right; width: 120px;">Interfaz</dt>
- <dd style="margin: 0 0 0 120px;">ProgressEvent</dd>
- <dt style="float: left; text-align: right; width: 120px;">Bubbles</dt>
- <dd style="margin: 0 0 0 120px;">No</dd>
- <dt style="float: left; text-align: right; width: 120px;">Cancelable</dt>
- <dd style="margin: 0 0 0 120px;">No</dd>
- <dt style="float: left; text-align: right; width: 120px;">Target</dt>
- <dd style="margin: 0 0 0 120px;">{{domxref("HTMLImageElement")}}, Por Ejemplo</dd>
- <dt style="float: left; text-align: right; width: 120px;">Acción por Defecto</dt>
- <dd style="margin: 0 0 0 120px;">None</dd>
-</dl>
-
-<h2 id="Propiedades">Propiedades</h2>
-
-<table class="standard-table">
- <thead>
-  <tr>
-   <th scope="col">Property</th>
-   <th scope="col">Type</th>
-   <th scope="col">Description</th>
-  </tr>
- </thead>
- <tbody>
-  <tr>
-   <td><code>target</code> {{readonlyInline}}</td>
-   <td>{{domxref("EventTarget")}}</td>
-   <td>The event target (the topmost target in the DOM tree).</td>
-  </tr>
-  <tr>
-   <td><code>type</code> {{readonlyInline}}</td>
-   <td>{{domxref("DOMString")}}</td>
-   <td>The type of event.</td>
-  </tr>
-  <tr>
-   <td><code>bubbles</code> {{readonlyInline}}</td>
-   <td>{{jsxref("Boolean")}}</td>
-   <td>Whether the event normally bubbles or not.</td>
-  </tr>
-  <tr>
-   <td><code>cancelable</code> {{readonlyInline}}</td>
-   <td>{{jsxref("Boolean")}}</td>
-   <td>Whether the event is cancellable or not.</td>
-  </tr>
-  <tr>
-   <td><code>lengthComputable </code>{{readonlyInline}}</td>
-   <td>{{jsxref("Boolean")}}</td>
-   <td>Specifies whether or not the total size of the transfer is known. Read only.</td>
-  </tr>
-  <tr>
-   <td><code>loaded</code> {{readonlyInline}}</td>
-   <td>unsigned long (long)</td>
-   <td>The number of bytes transferred since the beginning of the operation. This doesn't include headers and other overhead, but only the content itself. Read only.</td>
-  </tr>
-  <tr>
-   <td><code>total</code> {{readonlyInline}}</td>
-   <td>unsigned long (long)</td>
-   <td>The total number of bytes of content that will be transferred during the operation. If the total size is unknown, this value is zero. Read only.</td>
-  </tr>
- </tbody>
-</table>
-
-<h2 id="Eventos_Relacionados">Eventos Relacionados</h2>
-
-<ul>
- <li>{{event("loadstart")}}</li>
- <li>{{event("progress")}}</li>
- <li>{{event("error")}}</li>
- <li>{{event("abort")}}</li>
- <li>{{event("load")}}</li>
- <li>{{event("loadend")}}</li>
-</ul>
-
-<h2 id="Ver_También">Ver También</h2>
-
-<ul>
- <li><a href="/en-US/docs/DOM/XMLHttpRequest/Using_XMLHttpRequest#Monitoring_progress" title="/en-US/docs/DOM/XMLHttpRequest/Using_XMLHttpRequest">Monitoreando progreso</a></li>
-</ul>
+El evento `loadend` es emitido cuando el progreso de la carga de un recurso se ha detenido (e.g. despues que "error", "abort", o "load" han sido emitidos). Por ejemplo, esto aplica a las llamadas de {{domxref("XMLHttpRequest")}}, y al contenido de un elemento {{htmlelement("img")}} o {{htmlelement("video")}}.
+
+## Información General
+
+- Especificación
+  - : [Progress](http://www.w3.org/TR/progress-events/)
+- Interfaz
+  - : ProgressEvent
+- Bubbles
+  - : No
+- Cancelable
+  - : No
+- Target
+  - : {{domxref("HTMLImageElement")}}, Por Ejemplo
+- Acción por Defecto
+  - : None
+
+## Propiedades
+
+| Property                                    | Type                                 | Description                                                                                                                                                    |
+| ------------------------------------------- | ------------------------------------ | -------------------------------------------------------------------------------------------------------------------------------------------------------------- |
+| `target` {{readonlyInline}}           | {{domxref("EventTarget")}} | The event target (the topmost target in the DOM tree).                                                                                                         |
+| `type` {{readonlyInline}}             | {{domxref("DOMString")}}     | The type of event.                                                                                                                                             |
+| `bubbles` {{readonlyInline}}          | {{jsxref("Boolean")}}         | Whether the event normally bubbles or not.                                                                                                                     |
+| `cancelable` {{readonlyInline}}       | {{jsxref("Boolean")}}         | Whether the event is cancellable or not.                                                                                                                       |
+| `lengthComputable `{{readonlyInline}} | {{jsxref("Boolean")}}         | Specifies whether or not the total size of the transfer is known. Read only.                                                                                   |
+| `loaded` {{readonlyInline}}           | unsigned long (long)                 | The number of bytes transferred since the beginning of the operation. This doesn't include headers and other overhead, but only the content itself. Read only. |
+| `total` {{readonlyInline}}            | unsigned long (long)                 | The total number of bytes of content that will be transferred during the operation. If the total size is unknown, this value is zero. Read only.               |
+
+## Eventos Relacionados
+
+- {{event("loadstart")}}
+- {{event("progress")}}
+- {{event("error")}}
+- {{event("abort")}}
+- {{event("load")}}
+- {{event("loadend")}}
+
+## Ver También
+
+- [Monitoreando progreso](/es/docs/DOM/XMLHttpRequest/Using_XMLHttpRequest#Monitoring_progress "/en-US/docs/DOM/XMLHttpRequest/Using_XMLHttpRequest")
diff --git a/files/es/web/api/xmlhttprequest/readystatechange_event/index.md b/files/es/web/api/xmlhttprequest/readystatechange_event/index.md
index 65f3ab9fb18444..f8d4e9a1ada93b 100644
--- a/files/es/web/api/xmlhttprequest/readystatechange_event/index.md
+++ b/files/es/web/api/xmlhttprequest/readystatechange_event/index.md
@@ -4,57 +4,46 @@ slug: Web/API/XMLHttpRequest/readystatechange_event
 translation_of: Web/API/XMLHttpRequest/onreadystatechange
 original_slug: Web/API/XMLHttpRequest/onreadystatechange
 ---
-<div>{{APIRef}}</div>
+{{APIRef}}
 
-<p>Un <a href="https://developer.mozilla.org/en-US/docs/Web/API/EventHandler" title="A possible way to get notified of Events of a particular type (such as click) for a given object is to specify an event handler using:"><code>EventHandler</code></a> que es invocado cada vez que cambia el atributo <code>readyState</code>. La retrollamada (callback) es invocada desde el hilo (thread) perteneciente a la interfaz de usuario. La propiedad <strong><code>XMLHttpRequest.onreadystatechange</code></strong> contiene el manejador del evento que es invocado cuando se dispara el evento {{event("readystatechange")}}, lo cual sucede cada vez que cambia el valor de la propiedad {{domxref("XMLHttpRequest.readyState", "readyState")}} de {{domxref("XMLHttpRequest")}}. La retrollamada (callback) es invocada desde el hilo perteneciente a la interfaz de usuario.</p>
+Un [`EventHandler`](/es/docs/Web/API/EventHandler "A possible way to get notified of Events of a particular type (such as click) for a given object is to specify an event handler using:") que es invocado cada vez que cambia el atributo `readyState`. La retrollamada (callback) es invocada desde el hilo (thread) perteneciente a la interfaz de usuario. La propiedad **`XMLHttpRequest.onreadystatechange`** contiene el manejador del evento que es invocado cuando se dispara el evento {{event("readystatechange")}}, lo cual sucede cada vez que cambia el valor de la propiedad {{domxref("XMLHttpRequest.readyState", "readyState")}} de {{domxref("XMLHttpRequest")}}. La retrollamada (callback) es invocada desde el hilo perteneciente a la interfaz de usuario.
 
-<div class="warning">
-<p><strong>Aviso:</strong> No debería ser usado con peticiones síncronas ni tampoco en código nativo.</p>
-</div>
+> **Advertencia:** **Aviso:** No debería ser usado con peticiones síncronas ni tampoco en código nativo.
 
-<p>El evento <code>readystatechange</code> no se disparará cuando una petición <code>XMLHttpRequest</code> sea cancelada mediante el método <a href="/en-US/docs/Web/API/XMLHttpRequest/abort">abort()</a>.</p>
+El evento `readystatechange` no se disparará cuando una petición `XMLHttpRequest` sea cancelada mediante el método [abort()](/es/docs/Web/API/XMLHttpRequest/abort).
 
-<h2 id="Syntax" name="Syntax">Sintaxis</h2>
+## Sintaxis
 
-<pre class="syntaxbox"><em>XMLHttpRequest</em>.onreadystatechange = <em>callback</em>;</pre>
+```
+XMLHttpRequest.onreadystatechange = callback;
+```
 
-<h3 id="Valores">Valores</h3>
+### Valores
 
-<ul>
- <li><code><em>callback</em></code> es la función de retrollamada que será ejecutada (invocada) cuando cambie el valor de la propiedad <code>readyState</code>.</li>
-</ul>
+- `callback` es la función de retrollamada que será ejecutada (invocada) cuando cambie el valor de la propiedad `readyState`.
 
-<h2 id="Example" name="Example">Ejemplo</h2>
+## Ejemplo
 
-<pre class="brush: js">var xhr = new XMLHttpRequest(),
+```js
+var xhr = new XMLHttpRequest(),
     method = "GET",
     url = "https://developer.mozilla.org/";
 
-xhr.open(<em>method</em>, <em>url</em>, true);
+xhr.open(method, url, true);
 xhr.onreadystatechange = function () {
-        if(xhr.readyState === XMLHttpRequest.DONE &amp;&amp; xhr.status === 200) {
+        if(xhr.readyState === XMLHttpRequest.DONE && xhr.status === 200) {
             console.log(xhr.responseText);
         }
     };
-xhr.send();</pre>
-
-<h2 id="Especificaciones">Especificaciones</h2>
-
-<table class="standard-table">
- <tbody>
-  <tr>
-   <th scope="col">Specification</th>
-   <th scope="col">Status</th>
-   <th scope="col">Comment</th>
-  </tr>
-  <tr>
-   <td>{{SpecName('XMLHttpRequest', '#handler-xhr-onreadystatechange')}}</td>
-   <td>{{Spec2('XMLHttpRequest')}}</td>
-   <td>WHATWG living standard</td>
-  </tr>
- </tbody>
-</table>
-
-<h2 id="Compatibilidad_con_navegadores_Web">Compatibilidad con navegadores Web</h2>
+xhr.send();
+```
+
+## Especificaciones
+
+| Specification                                                                            | Status                               | Comment                |
+| ---------------------------------------------------------------------------------------- | ------------------------------------ | ---------------------- |
+| {{SpecName('XMLHttpRequest', '#handler-xhr-onreadystatechange')}} | {{Spec2('XMLHttpRequest')}} | WHATWG living standard |
+
+## Compatibilidad con navegadores Web
 
 {{Compat("api.XMLHttpRequest.readystatechange_event")}}
diff --git a/files/es/web/api/xmlhttprequest/responsetext/index.md b/files/es/web/api/xmlhttprequest/responsetext/index.md
index 72c50af44ebde7..76a63f4acb76d4 100644
--- a/files/es/web/api/xmlhttprequest/responsetext/index.md
+++ b/files/es/web/api/xmlhttprequest/responsetext/index.md
@@ -3,14 +3,14 @@ title: XMLHttpRequest.responseText
 slug: Web/API/XMLHttpRequest/responseText
 translation_of: Web/API/XMLHttpRequest/responseText
 ---
+{{APIRef('XMLHttpRequest')}}
 
-<div>{{APIRef('XMLHttpRequest')}}</div>
+La propiedad **`XMLHttpRequest.responseText`** devuelve un **`DOMString`** que contiene la respuesta a la consulta como un texto o null si la consulta no tuvo exito o aun no ha sido completada. la propiedad **`responseText` **tendra una respuesta parcial como retorno aunque la consulta no haya sido completada. si **responseType** contiene algo que no sea un string vacio o un "text", el acceso a **responseText** sera **throw `InvalidStateError` exception**.
 
-<p>La propiedad <strong><code>XMLHttpRequest.responseText</code></strong>  devuelve un <strong><code>DOMString</code></strong> que contiene la  respuesta a la consulta como un texto o null si la consulta  no tuvo exito o  aun no ha sido completada. la propiedad <strong><code>responseText</code> </strong> tendra una respuesta parcial como retorno aunque la consulta no haya sido  completada. si <strong>responseType</strong> contiene algo que no sea un string vacio o un "text", el acceso a <strong>responseText</strong> sera <strong>throw <code>InvalidStateError</code> exception</strong>.</p>
+## Ejemplo. Lanza una excepción **`InvalidStateError`**
 
-<h2 id="Ejemplo._Lanza_una_excepción_InvalidStateError">Ejemplo. Lanza  una excepción <strong><code>InvalidStateError</code></strong></h2>
-
-<pre class="brush: js">var xhr = new XMLHttpRequest();
+```js
+var xhr = new XMLHttpRequest();
 xhr.open('GET', '/server', true);
 
 // If specified, responseType must be empty string or "text"
@@ -25,25 +25,15 @@ xhr.onload = function () {
     }
 };
 
-xhr.send(null);</pre>
-
-<h2 id="Especificaciones">Especificaciones</h2>
-
-<table class="standard-table">
- <tbody>
-  <tr>
-   <th scope="col">Especificaciones</th>
-   <th scope="col">estado</th>
-   <th scope="col">Comentarios</th>
-  </tr>
-  <tr>
-   <td>{{SpecName('XMLHttpRequest', '#the-responsetext-attribute')}}</td>
-   <td>{{Spec2('XMLHttpRequest')}}</td>
-   <td>WHATWG living standard</td>
-  </tr>
- </tbody>
-</table>
-
-<h2 id="Compatibilidad_con_navegadores">Compatibilidad con navegadores</h2>
+xhr.send(null);
+```
+
+## Especificaciones
+
+| Especificaciones                                                                 | estado                               | Comentarios            |
+| -------------------------------------------------------------------------------- | ------------------------------------ | ---------------------- |
+| {{SpecName('XMLHttpRequest', '#the-responsetext-attribute')}} | {{Spec2('XMLHttpRequest')}} | WHATWG living standard |
+
+## Compatibilidad con navegadores
 
 {{Compat("api.XMLHttpRequest.responseText")}}
diff --git a/files/es/web/api/xmlhttprequest/timeout/index.md b/files/es/web/api/xmlhttprequest/timeout/index.md
index 98dac3c5adfa27..53e522760c498d 100644
--- a/files/es/web/api/xmlhttprequest/timeout/index.md
+++ b/files/es/web/api/xmlhttprequest/timeout/index.md
@@ -13,18 +13,20 @@ tags:
   - timeout
 translation_of: Web/API/XMLHttpRequest/timeout
 ---
-<div>{{APIRef('XMLHttpRequest')}}</div>
+{{APIRef('XMLHttpRequest')}}
 
-<p>La propiedad <code><strong>XMLHttpRequest.timeout</strong></code> es un <code>unsigned long</code> que representa el número de milisegundos que puede tomar una solicitud antes de que se finalice automáticamente. El valor por defecto es 0, lo que significa que no hay tiempo de espera (<em>timeout</em>). <em>Timeout</em> no debe utilizarse para solicitudes XMLHttpRequests sincrónicas usadas en un {{Glossary('document environment')}}, pues generará una excepción <code>InvalidAccessError</code>. Cuando ocurre un tiempo de espera, se dispara un evento <a href="/en-US/docs/Web/Events/timeout">timeout</a>. {{gecko_minversion_inline("12.0")}}</p>
+La propiedad **`XMLHttpRequest.timeout`** es un `unsigned long` que representa el número de milisegundos que puede tomar una solicitud antes de que se finalice automáticamente. El valor por defecto es 0, lo que significa que no hay tiempo de espera (_timeout_). _Timeout_ no debe utilizarse para solicitudes XMLHttpRequests sincrónicas usadas en un {{Glossary('document environment')}}, pues generará una excepción `InvalidAccessError`. Cuando ocurre un tiempo de espera, se dispara un evento [timeout](/es/docs/Web/Events/timeout). {{gecko_minversion_inline("12.0")}}
 
- <div class="note"><strong>Nota:</strong> No puede usar un <em>timeout</em> para solicitudes sincrónicas con una ventana propietaria (<em>owning window</em>).</div>
- <a href="/en-US/docs/Web/API/XMLHttpRequest/Synchronous_and_Asynchronous_Requests#Example_using_a_timeout">Uso de <em>timeout</em> con una solicitud asincrónica</a>
+> **Nota:** No puede usar un _timeout_ para solicitudes sincrónicas con una ventana propietaria (_owning window_).
 
-<p>En Internet Explorer, la propiedad <em>timeout</em> se puede establecer solo después de llamar al método <a href="/en-US/docs/Web/API/XMLHttpRequest/open">open()</a> y antes de llamar al método <a href="/en-US/docs/Web/API/XMLHttpRequest/send">send()</a>.</p>
+[Uso de _timeout_ con una solicitud asincrónica](/es/docs/Web/API/XMLHttpRequest/Synchronous_and_Asynchronous_Requests#Example_using_a_timeout)
 
-<h2 id="Ejemplo">Ejemplo</h2>
+En Internet Explorer, la propiedad _timeout_ se puede establecer solo después de llamar al método [open()](/es/docs/Web/API/XMLHttpRequest/open) y antes de llamar al método [send()](/es/docs/Web/API/XMLHttpRequest/send).
 
-<pre class="brush: js">var xhr = new XMLHttpRequest();
+## Ejemplo
+
+```js
+var xhr = new XMLHttpRequest();
 xhr.open('GET', '/server', true);
 
 xhr.timeout = 2000; // tiempo en milisegundos
@@ -37,27 +39,15 @@ xhr.ontimeout = function (e) {
   // Tiempo de espera del XMLHttpRequest agotado. Haz algo aquí.
 };
 
-xhr.send(null);</pre>
-
-<h2 id="Especificaciones">Especificaciones</h2>
-
-<table class="standard-table">
- <tbody>
-  <tr>
-   <th scope="col">Especificación</th>
-   <th scope="col">Estado</th>
-   <th scope="col">Comentario</th>
-  </tr>
-  <tr>
-   <td>{{SpecName('XMLHttpRequest', '#the-timeout-attribute')}}</td>
-   <td>{{Spec2('XMLHttpRequest')}}</td>
-   <td>WHATWG living standard</td>
-  </tr>
- </tbody>
-</table>
+xhr.send(null);
+```
 
-<h2 id="Compatibilidad_con_navegadores">Compatibilidad con navegadores</h2>
+## Especificaciones
 
+| Especificación                                                               | Estado                               | Comentario             |
+| ---------------------------------------------------------------------------- | ------------------------------------ | ---------------------- |
+| {{SpecName('XMLHttpRequest', '#the-timeout-attribute')}} | {{Spec2('XMLHttpRequest')}} | WHATWG living standard |
 
+## Compatibilidad con navegadores
 
-<p>{{Compat("api.XMLHttpRequest.timeout")}}</p>
+{{Compat("api.XMLHttpRequest.timeout")}}

From e9e385a34577d9726af15821944a8c4db88b0520 Mon Sep 17 00:00:00 2001
From: Alexander <alexander_belial999@hotmail.com>
Date: Tue, 25 Oct 2022 11:15:11 -0500
Subject: [PATCH 4/8] api/s-x linting with 8181 .markdownlint-cli2.jsonc

---
 files/es/web/api/service_worker_api/index.md  |  6 +--
 files/es/web/api/settimeout/index.md          |  4 +-
 files/es/web/api/storage/index.md             |  2 +-
 files/es/web/api/storage/length/index.md      |  2 +-
 files/es/web/api/vibration_api/index.md       | 14 +++---
 files/es/web/api/web_audio_api/index.md       | 50 +++++++++----------
 files/es/web/api/web_storage_api/index.md     |  4 +-
 .../using_web_workers/index.md                |  4 +-
 .../creating_3d_objects_using_webgl/index.md  |  2 +-
 .../getting_started_with_webgl/index.md       |  2 +-
 .../index.md                                  |  2 +-
 files/es/web/api/websocket/index.md           |  8 +--
 .../index.md                                  |  2 +-
 .../writing_websocket_server/index.md         |  8 +--
 .../writing_websocket_servers/index.md        |  6 +--
 files/es/web/api/webvr_api/index.md           |  8 +--
 .../webvr_api/using_the_webvr_api/index.md    | 12 ++---
 .../api/xmlhttprequest/loadend_event/index.md |  2 +-
 18 files changed, 69 insertions(+), 69 deletions(-)

diff --git a/files/es/web/api/service_worker_api/index.md b/files/es/web/api/service_worker_api/index.md
index 9891fec380b57e..32569899870ab0 100644
--- a/files/es/web/api/service_worker_api/index.md
+++ b/files/es/web/api/service_worker_api/index.md
@@ -37,9 +37,9 @@ Un service worker se registra primero mediante el método {{domxref("ServiceWork
 
 En este punto, su service worker observará el siguiente ciclo de vida:
 
-1.  Descarga
-2.  Instalación
-3.  Activación
+1. Descarga
+2. Instalación
+3. Activación
 
 El service worker se descaga inmediatamente cuando un usuario accede por primera vez a un sitio controlado por el mismo.
 
diff --git a/files/es/web/api/settimeout/index.md b/files/es/web/api/settimeout/index.md
index dcf8405b99855a..e3caec65424102 100644
--- a/files/es/web/api/settimeout/index.md
+++ b/files/es/web/api/settimeout/index.md
@@ -165,7 +165,7 @@ Cuando pasa un método a `setTimeout()` (o cualquier otra función , por el esti
 
 ### Explicación
 
-El código ejecutado por `setTimeout()` corre en un contexto de ejecución diferente al de la función por la que fue llamado. Como consecuencia, la palabra clave `this para la función llamada `será asignado al objeto `window` (o `global`); no tendrá el mismo valor del `this` de la función que llamó al `setTimeout`. Vea el siguiente ejemplo:
+El código ejecutado por `setTimeout()` corre en un contexto de ejecución diferente al de la función por la que fue llamado. Como consecuencia, la palabra clave `this para la función llamada`será asignado al objeto `window` (o `global`); no tendrá el mismo valor del `this` de la función que llamó al `setTimeout`. Vea el siguiente ejemplo:
 
 ```js
 myArray = ["cero", "uno", "dos"];
@@ -186,7 +186,7 @@ Como puedes ver no hay forma de pasar el objeto `this` a la función callback.
 
 ### Una posible solución
 
-Una posible forma de resolver el problema del "`this`" es reemplazar las dos funciones globales nativas `setTimeout()` or `setInterval()por dos no-nativas `que permitan su invocación a través del método [`Function.prototype.call`](en-US/docs/JavaScript/Reference/Global_Objects/Function/call). El siguiente ejemplo muestra un posible reemplazo:
+Una posible forma de resolver el problema del "`this`" es reemplazar las dos funciones globales nativas `setTimeout()` or `setInterval()por dos no-nativas`que permitan su invocación a través del método [`Function.prototype.call`](en-US/docs/JavaScript/Reference/Global_Objects/Function/call). El siguiente ejemplo muestra un posible reemplazo:
 
 ```js
 // Enable the passage of the 'this' object through the JavaScript timers
diff --git a/files/es/web/api/storage/index.md b/files/es/web/api/storage/index.md
index 76d6f63d9073ec..f0fefbf280b9ec 100644
--- a/files/es/web/api/storage/index.md
+++ b/files/es/web/api/storage/index.md
@@ -20,7 +20,7 @@ Si deseas manipular el almacenamiento de sesión para un dominio, debes llamar a
 ## Propiedades
 
 - {{domxref("Storage.length")}} {{readonlyInline}}
-  - : Retorna un entero que representa el número de elementos almacenados en el objeto` Storage`.
+  - : Retorna un entero que representa el número de elementos almacenados en el objeto`Storage`.
 
 ## Métodos
 
diff --git a/files/es/web/api/storage/length/index.md b/files/es/web/api/storage/length/index.md
index e80833b71af6e4..581f515a8c2603 100644
--- a/files/es/web/api/storage/length/index.md
+++ b/files/es/web/api/storage/length/index.md
@@ -5,7 +5,7 @@ translation_of: Web/API/Storage/length
 ---
 {{APIRef("Web Storage API")}}
 
-La propiedad de sólo lectura `length` de la interfaz {{domxref("Storage")}} devuelve un entero que indica el numero de elementos guardados en el objeto` Storage`.
+La propiedad de sólo lectura `length` de la interfaz {{domxref("Storage")}} devuelve un entero que indica el numero de elementos guardados en el objeto`Storage`.
 
 ## Sintaxis
 
diff --git a/files/es/web/api/vibration_api/index.md b/files/es/web/api/vibration_api/index.md
index da7f21b1f65ea8..f783d1b78f0d46 100644
--- a/files/es/web/api/vibration_api/index.md
+++ b/files/es/web/api/vibration_api/index.md
@@ -57,22 +57,22 @@ var intervaloDeVibrado;
 
 // Iniciar la vibración
 function iniciarVibrado(duracion) {
-	navigator.vibrate(duracion);
+ navigator.vibrate(duracion);
 }
 
 // Detiene la vibración
 function detenerVibrado() {
-	// Limpiar el intervalo y detener las vibraciones existentes
-	if(intervaloDeVibrado) clearInterval(intervaloDeVibrado);
-	navigator.vibrate(0);
+ // Limpiar el intervalo y detener las vibraciones existentes
+ if(intervaloDeVibrado) clearInterval(intervaloDeVibrado);
+ navigator.vibrate(0);
 }
 
 // Iniciar las vibraciones con una determinado tiempo e intervalo
 // Asumir que el valor recibido es un entero
 function iniciarVibradoPersistente(duracion, intervalo) {
-	intervaloDeVibrado = setInterval(function() {
-		iniciarVibrado(duracion);
-	}, intervalo);
+ intervaloDeVibrado = setInterval(function() {
+  iniciarVibrado(duracion);
+ }, intervalo);
 }
 ```
 
diff --git a/files/es/web/api/web_audio_api/index.md b/files/es/web/api/web_audio_api/index.md
index 26ae47f08ae6fb..80f4ef2e5418d8 100644
--- a/files/es/web/api/web_audio_api/index.md
+++ b/files/es/web/api/web_audio_api/index.md
@@ -18,11 +18,11 @@ Los resultados de éstos nodos podrían ser enlazados a las entradas de otros, q
 
 Un diagrama de flujo simple y típico para el audio web se vería algo como esto:
 
-1.  Crear contexto de audio
-2.  Dentro del contexto, crear fuentes — como `<audio>`, oscillator, stream
-3.  Crear nodos de efectos, tales como reverberación, filtro biquad, panner, compresor
-4.  Escoge el destino final del audio, por ejemplo tu sistema de altavoces
-5.  Conecta las fuentes a los efectos, y los efectos al destino.
+1. Crear contexto de audio
+2. Dentro del contexto, crear fuentes — como `<audio>`, oscillator, stream
+3. Crear nodos de efectos, tales como reverberación, filtro biquad, panner, compresor
+4. Escoge el destino final del audio, por ejemplo tu sistema de altavoces
+5. Conecta las fuentes a los efectos, y los efectos al destino.
 
 ![A simple box diagram with an outer box labeled Audio context, and three inner boxes labeled Sources, Effects and Destination. The three inner boxes have arrow between them pointing from left to right, indicating the flow of audio information.](https://mdn.mozillademos.org/files/12241/webaudioAPI_en.svg)
 
@@ -363,31 +363,31 @@ function voiceMute() { // alternar para silenciar y activar el sonido
 
 ### Enlaces rápidos
 
-1.  **Guíass**
+1. **Guíass**
 
-    1.  [Conceptos básicos detrás del API de Audio Web](/es/docs/Web/API/Web_Audio_API/Basic_concepts_behind_Web_Audio_API)
-    2.  [Usando el API de Audio Web](/es/docs/Web/API/Web_Audio_API/Using_Web_Audio_API)
-    3.  [Visualizaciones con el API de Audio Web](/es/docs/Web/API/Web_Audio_API/Visualizations_with_Web_Audio_API)
-    4.  [Bases de la espacialización de audio Web](/es/docs/Web/API/Web_Audio_API/Web_audio_spatialization_basics)
-    5.  [Portando código de webkitAudioContext a estándares basados en AudioContext](/es/docs/Web/API/Web_Audio_API/Porting_webkitAudioContext_code_to_standards_based_AudioContext "/en-US/docs/Web_Audio_API/Porting_webkitAudioContext_code_to_standards_based_AudioContext")
+    1. [Conceptos básicos detrás del API de Audio Web](/es/docs/Web/API/Web_Audio_API/Basic_concepts_behind_Web_Audio_API)
+    2. [Usando el API de Audio Web](/es/docs/Web/API/Web_Audio_API/Using_Web_Audio_API)
+    3. [Visualizaciones con el API de Audio Web](/es/docs/Web/API/Web_Audio_API/Visualizations_with_Web_Audio_API)
+    4. [Bases de la espacialización de audio Web](/es/docs/Web/API/Web_Audio_API/Web_audio_spatialization_basics)
+    5. [Portando código de webkitAudioContext a estándares basados en AudioContext](/es/docs/Web/API/Web_Audio_API/Porting_webkitAudioContext_code_to_standards_based_AudioContext "/en-US/docs/Web_Audio_API/Porting_webkitAudioContext_code_to_standards_based_AudioContext")
 
-2.  **Ejemplos**
+2. **Ejemplos**
 
-    1.  [Teclado sintetizador sencillo](/es/docs/Web/API/Web_Audio_API/Simple_synth)
-    2.  [Voice-change-O-matic](http://mdn.github.io/voice-change-o-matic/)
-    3.  [Violent Theremin](http://mdn.github.io/violent-theremin/)
+    1. [Teclado sintetizador sencillo](/es/docs/Web/API/Web_Audio_API/Simple_synth)
+    2. [Voice-change-O-matic](http://mdn.github.io/voice-change-o-matic/)
+    3. [Violent Theremin](http://mdn.github.io/violent-theremin/)
 
-3.  **Interfaces**
+3. **Interfaces**
 
-    1.  {{domxref("AnalyserNode")}}
-    2.  {{domxref("AudioBuffer")}}
-    3.  {{domxref("AudioScheduledSourceNode")}}
-    4.  {{domxref("AudioBufferSourceNode")}}
-    5.  {{domxref("AudioContext")}}
-    6.  {{domxref("AudioDestinationNode")}}
-    7.  {{domxref("AudioListener")}}
-    8.  {{domxref("AudioNode")}}
-    9.  {{domxref("AudioParam")}}
+    1. {{domxref("AnalyserNode")}}
+    2. {{domxref("AudioBuffer")}}
+    3. {{domxref("AudioScheduledSourceNode")}}
+    4. {{domxref("AudioBufferSourceNode")}}
+    5. {{domxref("AudioContext")}}
+    6. {{domxref("AudioDestinationNode")}}
+    7. {{domxref("AudioListener")}}
+    8. {{domxref("AudioNode")}}
+    9. {{domxref("AudioParam")}}
     10. {{event("audioprocess")}} (event)
     11. {{domxref("AudioProcessingEvent")}}
     12. {{domxref("BiquadFilterNode")}}
diff --git a/files/es/web/api/web_storage_api/index.md b/files/es/web/api/web_storage_api/index.md
index bd5ae13bef0022..b0e71113223ba7 100644
--- a/files/es/web/api/web_storage_api/index.md
+++ b/files/es/web/api/web_storage_api/index.md
@@ -41,7 +41,7 @@ Estos mecanismos están disponibles mediante las propiedades [`Window.sessionSto
 
 Para ilustrar algunos usos típicos del almacenamiento web, hemos creado un ejemplo simple, llamado [Demo de almacenamiento web](https://github.com/mdn/web-storage-demo). La [página de inicio](http://mdn.github.io/web-storage-demo/) proporciona controles que puedes utilizar para personalizar el color, la tipografía y la imagen decorativa. Cuando seleccionas una opción diferente, la página se actualiza instantáneamente; además, tus opciones se almacenan en `localStorage`, de forma que si abandonas la página y la vuelves a cargar, tus opciones son recordadas.
 
-También creamos una[ página de salida del evento](http://mdn.github.io/web-storage-demo/event.html) — si cargas esta página en otra pestaña y luego haces cambios a tus opciones en la página de inicio, verás que se muestra la información almacenada actualizada puesto que se dispara un evento {{event("StorageEvent")}}.
+También creamos una[página de salida del evento](http://mdn.github.io/web-storage-demo/event.html) — si cargas esta página en otra pestaña y luego haces cambios a tus opciones en la página de inicio, verás que se muestra la información almacenada actualizada puesto que se dispara un evento {{event("StorageEvent")}}.
 
 ## Especificaciones
 
@@ -69,7 +69,7 @@ La mayoría de los navegadores de hoy en día soportan una opción de privacidad
 
 La mayoría de los navegadores han optado por una estrategia donde las API de almacenamiento siguen disponibles y aparentemente completamente funcionales, con la única gran diferencia de que todos los datos almacenados son eliminados después de cerrar el navegador. Para estos navegadores aún hay diferentes interpretaciones sobre qué debería hacerse con los datos almacenados existentes (de una sesión de navegación normal). ¿Deberían de estar disponibles para lectura cuando esté en modo privado? Entonces, hay algunos navegadores, sobre todo Safari, que han optado por una solución donde el almacenamiento está disponible, pero vacío, y tiene un cupo de 0 bytes asignado, por lo que se vuelve imposible usar esta memoria para escribir datos.
 
-Los desarrolladores deberían de estar conscientes de estas diferentes implementaciones y tenerlas en cuenta a la hora de desarrollar aplicaciones web que depende de la API de almacenamiento web. Para más información, échale un vistazo a[ esta entrada de blog WHATWG](https://blog.whatwg.org/tag/localstorage) que trata específicamente con este tema.
+Los desarrolladores deberían de estar conscientes de estas diferentes implementaciones y tenerlas en cuenta a la hora de desarrollar aplicaciones web que depende de la API de almacenamiento web. Para más información, échale un vistazo a[esta entrada de blog WHATWG](https://blog.whatwg.org/tag/localstorage) que trata específicamente con este tema.
 
 ## Ver también
 
diff --git a/files/es/web/api/web_workers_api/using_web_workers/index.md b/files/es/web/api/web_workers_api/using_web_workers/index.md
index 16e2ca6a0d872a..7feb669c2b4cdd 100644
--- a/files/es/web/api/web_workers_api/using_web_workers/index.md
+++ b/files/es/web/api/web_workers_api/using_web_workers/index.md
@@ -377,7 +377,7 @@ The embedded worker is now nested into a new custom `document.worker` property.
 
 Los trabajadores pueden usar tiempos fuera e intervalos de la misma forma que el "hilo principal". Esto puede ser útil, por ejemplo, si quieres tener a tu hilo trabajador corriendo codigo periodicamente en lugar de sin parar.
 
-Ver [`setTimeout()` ](/en/DOM/window.setTimeout "En/DOM/Window.setTimeout"), [`clearTimeout()` ](/en/DOM/window.clearTimeout "En/DOM/Window.clearTimeout"), [`setInterval()` ](/en/DOM/window.setInterval "En/DOM/Window.setInterval"), y [`clearInterval()` ](/en/DOM/window.clearInterval "En/DOM/Window.clearInterval")para más detalles. Ver también: [JavaScript Timers](/es/docs/JavaScript/Timers).
+Ver [`setTimeout()`](/en/DOM/window.setTimeout "En/DOM/Window.setTimeout"), [`clearTimeout()`](/en/DOM/window.clearTimeout "En/DOM/Window.clearTimeout"), [`setInterval()`](/en/DOM/window.setInterval "En/DOM/Window.setInterval"), y [`clearInterval()`](/en/DOM/window.clearInterval "En/DOM/Window.clearInterval")para más detalles. Ver también: [JavaScript Timers](/es/docs/JavaScript/Timers).
 
 ## Terminating a worker
 
@@ -397,7 +397,7 @@ self.close();
 
 ## Manejo de errores
 
-When a runtime error occurs in worker, its `onerror` event handler is called. It receives an event named `error` which implements the `ErrorEvent` interface. The event doesn't bubble and is cancelable; to prevent the default action from taking place, the worker can call the error event's [`preventDefault()` ](/en/DOM/event.preventDefault "En/DOM/Event.preventDefault")method.
+When a runtime error occurs in worker, its `onerror` event handler is called. It receives an event named `error` which implements the `ErrorEvent` interface. The event doesn't bubble and is cancelable; to prevent the default action from taking place, the worker can call the error event's [`preventDefault()`](/en/DOM/event.preventDefault "En/DOM/Event.preventDefault")method.
 
 The error event has the following three fields that are of interest:
 
diff --git a/files/es/web/api/webgl_api/tutorial/creating_3d_objects_using_webgl/index.md b/files/es/web/api/webgl_api/tutorial/creating_3d_objects_using_webgl/index.md
index f4e3a6b07b6307..987694644d7d2d 100644
--- a/files/es/web/api/webgl_api/tutorial/creating_3d_objects_using_webgl/index.md
+++ b/files/es/web/api/webgl_api/tutorial/creating_3d_objects_using_webgl/index.md
@@ -11,7 +11,7 @@ original_slug: Web/API/WebGL_API/Tutorial/Objetos_3D_utilizando_WebGL
 ---
 {{WebGLSidebar("Tutorial")}} {{PreviousNext("Web/API/WebGL_API/Tutorial/Animating_objects_with_WebGL", "Web/API/WebGL_API/Tutorial/Using_textures_in_WebGL")}}
 
-Vamos a llevar nuestro cuadrado hacia la tercera dimensión agregando cinco caras más para crear el cubo. Para hacer esto de manera eficiente, vamos a cambiar el dibujado por medio de vertices utilizando el método {{domxref("WebGLRenderingContext.drawArrays()", "gl.drawArrays()")}}` `por el uso de un arreglo de vértices como tabla, esto por medio del llamado hacia {{domxref("WebGLRenderingContext.drawElements()", "gl.drawElements()")}}.
+Vamos a llevar nuestro cuadrado hacia la tercera dimensión agregando cinco caras más para crear el cubo. Para hacer esto de manera eficiente, vamos a cambiar el dibujado por medio de vertices utilizando el método {{domxref("WebGLRenderingContext.drawArrays()", "gl.drawArrays()")}}``por el uso de un arreglo de vértices como tabla, esto por medio del llamado hacia {{domxref("WebGLRenderingContext.drawElements()", "gl.drawElements()")}}.
 
 Considerar: cada cara cuatro vértices para su definición, pero cada vértice es compartido por 3 caras. Realizando una lista con los 24 vértices es como nosotros haremos un menor intercambio de datos, después haremos referencia hacia cada vértic por medio se su índice en la lista en lugar de pasar el juego entero de coordenadas. Si te preguntas por qué necesitamos 24 vértices, y no solo 8, es porque cada esquina pertenece a tres caras de diferente color, y un solo vértice necesita tener un solo color específico, por lo tanto crearemos 3 copias de cada vértice en tres colores diferentes, uno por cada cara.
 
diff --git a/files/es/web/api/webgl_api/tutorial/getting_started_with_webgl/index.md b/files/es/web/api/webgl_api/tutorial/getting_started_with_webgl/index.md
index 9c1bdd8afe889d..9a05d86e579503 100644
--- a/files/es/web/api/webgl_api/tutorial/getting_started_with_webgl/index.md
+++ b/files/es/web/api/webgl_api/tutorial/getting_started_with_webgl/index.md
@@ -102,7 +102,7 @@ Un lienzo experimentara escalado cuando es renderizado en una resolución difere
 
 ## También podría interesarte
 
-- [Una introducción a WebGL - ](https://dev.opera.com/articles/introduction-to-webgl-part-1/)Escrito por Luz Caballero, publicado en dev.opera.com. Este articulo cita que es WebGL, explica como funciona WebGL (incluyendo el concepto del proceso de renderizado), e introduce algunas librerias WebGL
+- [Una introducción a WebGL -](https://dev.opera.com/articles/introduction-to-webgl-part-1/)Escrito por Luz Caballero, publicado en dev.opera.com. Este articulo cita que es WebGL, explica como funciona WebGL (incluyendo el concepto del proceso de renderizado), e introduce algunas librerias WebGL
 - [Una introducción al OpenGL moderno](http://duriansoftware.com/joe/An-intro-to-modern-OpenGL.-Table-of-Contents.html) - Una serie de articulos escritos por Joe Groff. Joe da una limpia introducción sobre OpenGL desde su historia al importante concepto del proceso de graficos y provee algunos ejemplos sobre como OpenGL trabaja. Si no tienes ninguna idea sobre OpenGL, este es un buen lugar para comenzar.
 
 {{Next("Web/API/WebGL_API/Tutorial/Adding_2D_content_to_a_WebGL_context")}}
diff --git a/files/es/web/api/webgl_api/tutorial/using_shaders_to_apply_color_in_webgl/index.md b/files/es/web/api/webgl_api/tutorial/using_shaders_to_apply_color_in_webgl/index.md
index f5a5dece90ed15..6bba73d9fbdf30 100644
--- a/files/es/web/api/webgl_api/tutorial/using_shaders_to_apply_color_in_webgl/index.md
+++ b/files/es/web/api/webgl_api/tutorial/using_shaders_to_apply_color_in_webgl/index.md
@@ -66,7 +66,7 @@ Según vayamos tomando el color interpolado para cada pixel, nosotros simplement
 
 ```html
     <script id="shader-fs" type="x-shader/x-fragment">
-    	varying lowp vec4 vColor;
+     varying lowp vec4 vColor;
 
       void main(void) {
         gl_FragColor = vColor;
diff --git a/files/es/web/api/websocket/index.md b/files/es/web/api/websocket/index.md
index 98470731fb8f64..81cb4292cdf5b6 100644
--- a/files/es/web/api/websocket/index.md
+++ b/files/es/web/api/websocket/index.md
@@ -3,7 +3,7 @@ title: WebSocket
 slug: Web/API/WebSocket
 translation_of: Web/API/WebSocket
 ---
-{{APIRef("Web Sockets API")}}{{SeeCompatTable}}El objeto WebSocket provee la API para la creación y administración de una conexión [WebSocket ](/es/docs/Web/API/WebSockets_API)a un servidor, así como también para enviar y recibir datos en la conexión.El constructor de WebSocket acepta un parámetro requerido y otro opcional.
+{{APIRef("Web Sockets API")}}{{SeeCompatTable}}El objeto WebSocket provee la API para la creación y administración de una conexión [WebSocket](/es/docs/Web/API/WebSockets_API)a un servidor, así como también para enviar y recibir datos en la conexión.El constructor de WebSocket acepta un parámetro requerido y otro opcional.
 
 ```
 WebSocket WebSocket(
@@ -42,8 +42,8 @@ El constructor puede levantar excepciones:
 | `extensions`     | {{DOMXref("DOMString")}}     | Las extensiones seleccionadas por el servidor. Esto solamente puede ser un string vacío o bien una lista de extensiones que es negociada por la conexión.                                                                                                                                                                                                                         |
 | `onclose`        | {{domxref("EventListener")}} | Un monitor de eventos que atiende una llamada cuando la conexión del WebSocket cambia a un estado CERRADO (CLOSED). El monitor recibe un [`CloseEvent`](/es/docs/Web/API/CloseEvent) llamado "cerrado".                                                                                                                                                                           |
 | `onerror`        | {{domxref("EventListener")}} | Un monitor de eventos que es llamado cuando un error ocurre. Esto es un evento simple llamado "error"                                                                                                                                                                                                                                                                             |
-| `onmessage`      | {{domxref("EventListener")}} | Un monitor de eventos que es llamado cuando un mensaje es recibido desde un servidor. El monitor recibe un objeto [`MessageEvent `](/es/docs/Web/API/MessageEvent)llamado "mensaje".                                                                                                                                                                                              |
-| `onopen`         | {{domxref("EventListener")}} | Un monitor de eventos que es llamado cuando el estado `readyState `de la conexión` Websocket `cambia a `OPEN. `Esto indica que la conexión está lista para enviar y recibir datos. El evento es uno simple con el nombre "open".                                                                                                                                                  |
+| `onmessage`      | {{domxref("EventListener")}} | Un monitor de eventos que es llamado cuando un mensaje es recibido desde un servidor. El monitor recibe un objeto [`MessageEvent`](/es/docs/Web/API/MessageEvent)llamado "mensaje".                                                                                                                                                                                              |
+| `onopen`         | {{domxref("EventListener")}} | Un monitor de eventos que es llamado cuando el estado `readyState`de la conexión`Websocket`cambia a `OPEN.`Esto indica que la conexión está lista para enviar y recibir datos. El evento es uno simple con el nombre "open".                                                                                                                                                  |
 | `protocol`       | {{DOMXref("DOMString")}}     | Una cadena indicando el nombre del sub-protocolo que el servidor ha seleccionado. Este puede ser una de las cadenas especificadas en el parámetro `protocols` cuando se ha creado el objeto Websocket.                                                                                                                                                                            |
 | `readyState`     | `unsigned short`                     | El estado actual de la conexión. Este es uno de [Ready state constants](#ready_state_constants). **Solo lectura.**                                                                                                                                                                                                                                                                |
 | `url`            | {{DOMXref("DOMString")}}     | La URL como la resuelve el constructor. Esto siempre es una URL absoluta. **Solo lectura.**                                                                                                                                                                                                                                                                                       |
@@ -120,7 +120,7 @@ void send(
 - `SYNTAX_ERR`
   - : La data tiene caracteres no válidos que no se pueden decodificar.
 
-> **Nota:**La implementación del método `send() `en el motor de renderizado Gecko puede cambiar de la especificación en {{Gecko("6.0")}}; Gecko devuelve un `boolean `indicando si la conexión esta todavía abierta (y, por extensión, que los datos son encolados o trasmitidos satisfactoriamente). Esto ha sido corregido en {{Gecko("8.0")}}.
+> **Nota:**La implementación del método `send()`en el motor de renderizado Gecko puede cambiar de la especificación en {{Gecko("6.0")}}; Gecko devuelve un `boolean`indicando si la conexión esta todavía abierta (y, por extensión, que los datos son encolados o trasmitidos satisfactoriamente). Esto ha sido corregido en {{Gecko("8.0")}}.
 >
 > A partir de {{Gecko("11.0")}}, implementa {{jsxref("ArrayBuffer")}} pero no tipos de datos {{domxref("Blob")}}.
 
diff --git a/files/es/web/api/websockets_api/writing_websocket_client_applications/index.md b/files/es/web/api/websockets_api/writing_websocket_client_applications/index.md
index 1bd5e3117933c4..96feda1be3d884 100644
--- a/files/es/web/api/websockets_api/writing_websocket_client_applications/index.md
+++ b/files/es/web/api/websockets_api/writing_websocket_client_applications/index.md
@@ -47,7 +47,7 @@ El constructor puede lanzar excepciones:
 
 ### Errores de conexión
 
-Si ocurre un error al intentar conectar, lo primero que recibiremos será un evento con el nombre de "error" en el objeto `WebSocket `(de este modo se invoca el manejador `onerror`), y luego [`CloseEvent`](/en/WebSockets/WebSockets_reference/CloseEvent "CloseEvent") es enviado al objeto `WebSocket `(de este modo se invoca el manejador `onclose`), para indicar la razón del cierre de la conexión.
+Si ocurre un error al intentar conectar, lo primero que recibiremos será un evento con el nombre de "error" en el objeto `WebSocket`(de este modo se invoca el manejador `onerror`), y luego [`CloseEvent`](/en/WebSockets/WebSockets_reference/CloseEvent "CloseEvent") es enviado al objeto `WebSocket`(de este modo se invoca el manejador `onclose`), para indicar la razón del cierre de la conexión.
 
 A partir de Firefox 11, es normal recibir un mensaje de error descriptivo en la consola de la plataforma Mozilla, y un código de cierre como está definido en el [RFC 6455, Section 7.4](http://tools.ietf.org/html/rfc6455#section-7.4 "RFC 6455 Section 7.4") a través de un [`CloseEvent`](/en/WebSockets/WebSockets_reference/CloseEvent "CloseEvent").
 
diff --git a/files/es/web/api/websockets_api/writing_websocket_server/index.md b/files/es/web/api/websockets_api/writing_websocket_server/index.md
index 7d6f041ca679d8..65ee6008d2d26d 100644
--- a/files/es/web/api/websockets_api/writing_websocket_server/index.md
+++ b/files/es/web/api/websockets_api/writing_websocket_server/index.md
@@ -139,10 +139,10 @@ Esta respuesta es fácil de construir, pero puede ser un poco díficil de entend
 
 Debes:
 
-1.  Obtener el valor de "_Sec-WebSocket-Key"_ sin espacios iniciales ni finales de el encabezado de la solicitud
-2.  Concatenarlo con "258EAFA5-E914-47DA-95CA-C5AB0DC85B11"
-3.  Calcular el código SHA-1 y Base64
-4.  Escribe el valor _Sec-WebSocket-Accept_ en el encabezado como parte de la respuesta HTTP.
+1. Obtener el valor de "_Sec-WebSocket-Key"_ sin espacios iniciales ni finales de el encabezado de la solicitud
+2. Concatenarlo con "258EAFA5-E914-47DA-95CA-C5AB0DC85B11"
+3. Calcular el código SHA-1 y Base64
+4. Escribe el valor _Sec-WebSocket-Accept_ en el encabezado como parte de la respuesta HTTP.
 
 ```cpp
 if (new Regex("^GET").IsMatch(data)) {
diff --git a/files/es/web/api/websockets_api/writing_websocket_servers/index.md b/files/es/web/api/websockets_api/writing_websocket_servers/index.md
index 252eb32e5e817a..47fab01cf09021 100644
--- a/files/es/web/api/websockets_api/writing_websocket_servers/index.md
+++ b/files/es/web/api/websockets_api/writing_websocket_servers/index.md
@@ -113,9 +113,9 @@ El bit FIN indica si este es el último mensaje de una serie. Si es 0, el servid
 
 To read the payload data, you must know when to stop reading. That's why the payload length is important to know. Unfortunately, this is somewhat complicated. To read it, follow these steps:
 
-1.  Read bits 9-15 (inclusive) and interpret that as an unsigned integer. If it's 125 or less, then that's the length; you're **done**. If it's 126, go to step 2. If it's 127, go to step 3.
-2.  Read the next 16 bits and interpret those as an unsigned integer. You're **done**.
-3.  Read the next 64 bits and interpret those as an unsigned integer. You're **done**.
+1. Read bits 9-15 (inclusive) and interpret that as an unsigned integer. If it's 125 or less, then that's the length; you're **done**. If it's 126, go to step 2. If it's 127, go to step 3.
+2. Read the next 16 bits and interpret those as an unsigned integer. You're **done**.
+3. Read the next 64 bits and interpret those as an unsigned integer. You're **done**.
 
 ### Reading and Unmasking the Data
 
diff --git a/files/es/web/api/webvr_api/index.md b/files/es/web/api/webvr_api/index.md
index c341167a13490d..9811d630c9c7ce 100644
--- a/files/es/web/api/webvr_api/index.md
+++ b/files/es/web/api/webvr_api/index.md
@@ -31,10 +31,10 @@ Any VR devices attached to your computer will be returned by the {{domxref("Navi
 
 A typical (simple) WebVR app would work like so:
 
-1.  {{domxref("Navigator.getVRDisplays()")}} is used to get a reference to your VR display.
-2.  {{domxref("VRDisplay.requestPresent()")}} is used to start presenting to the VR display.
-3.  WebVR's dedicated {{domxref("VRDisplay.requestAnimationFrame()")}} method is used to run the app's rendering loop at the correct refresh rate for the display.
-4.  Inside the rendering loop, you grab the data required to display the current frame ({{domxref("VRDisplay.getFrameData()")}}), draw the displayed scene twice — once for the view in each eye, then submit the rendered view to the display to show to the user ({{domxref("VRDisplay.submitFrame()")}}).
+1. {{domxref("Navigator.getVRDisplays()")}} is used to get a reference to your VR display.
+2. {{domxref("VRDisplay.requestPresent()")}} is used to start presenting to the VR display.
+3. WebVR's dedicated {{domxref("VRDisplay.requestAnimationFrame()")}} method is used to run the app's rendering loop at the correct refresh rate for the display.
+4. Inside the rendering loop, you grab the data required to display the current frame ({{domxref("VRDisplay.getFrameData()")}}), draw the displayed scene twice — once for the view in each eye, then submit the rendered view to the display to show to the user ({{domxref("VRDisplay.submitFrame()")}}).
 
 In addition, WebVR 1.1 adds a number of events on the {{domxref("Window")}} object to allow JavaScript to respond to changes to the status of the display.
 
diff --git a/files/es/web/api/webvr_api/using_the_webvr_api/index.md b/files/es/web/api/webvr_api/using_the_webvr_api/index.md
index cc2fcb48bf0484..1203c689bcc35b 100644
--- a/files/es/web/api/webvr_api/using_the_webvr_api/index.md
+++ b/files/es/web/api/webvr_api/using_the_webvr_api/index.md
@@ -40,7 +40,7 @@ Para ilustrar cómo funciona la API de WebVR, estudiaremos nuestro ejemplo raw-w
 
 ![](https://mdn.mozillademos.org/files/15121/Capture1.png)
 
-> **Nota:** **Nota:** Puedes encontrar el [código fuente de nuestra demo](https://github.com/mdn/webvr-tests/tree/master/raw-webgl-example) en GitHub, y [verlo en vivo ](https://mdn.github.io/webvr-tests/raw-webgl-example/)también.
+> **Nota:** **Nota:** Puedes encontrar el [código fuente de nuestra demo](https://github.com/mdn/webvr-tests/tree/master/raw-webgl-example) en GitHub, y [verlo en vivo](https://mdn.github.io/webvr-tests/raw-webgl-example/)también.
 
 > **Nota:** **Nota:** Si WebVR no funciona en su navegador, es posible que deba asegurarse de que se está ejecutando a través de su tarjeta gráfica. Por ejemplo, para las tarjetas NVIDIA, si el panel de control de NVIDIA se ha configurado correctamente, habrá una opción de menú contextual disponible - haga clic con el botón derecho del ratón en Firefox y seleccione _Ejecutar con procesador gráfico_ > _Procesador NVIDIA de alto rendimiento._
 
@@ -51,7 +51,7 @@ Nuestra demo también cuenta con:
 - Un botón para iniciar (y detener) la presentación de nuestra escena en la pantalla VR.
 - Un botón para mostrar (y ocultar) los datos de pose VR, es decir, la posición y orientación del auricular, actualizados en tiempo real.
 
-Cuando miras a través del código fuente de[ nuestro archivo JavaScript principal de demostraciones](https://github.com/mdn/webvr-tests/blob/master/raw-webgl-example/webgl-demo.js) , puede encontrar fácilmente las partes específicas de WebVR buscando la cadena "WebVR" en comentarios anteriores.
+Cuando miras a través del código fuente de[nuestro archivo JavaScript principal de demostraciones](https://github.com/mdn/webvr-tests/blob/master/raw-webgl-example/webgl-demo.js) , puede encontrar fácilmente las partes específicas de WebVR buscando la cadena "WebVR" en comentarios anteriores.
 
 > **Nota:** **Nota:** Para obtener más información sobre JavaScript básico y WebGL, consulte nuestro [material de aprendizaje JavaScrip](/es/docs/Learn/JavaScript) , y nuestro [WebGL Tutorial](/es/docs/Web/API/WebGL_API/Tutorial).
 
@@ -61,10 +61,10 @@ En este punto, veamos cómo funcionan las partes WebVR del código.
 
 Una típica (simple) aplicación WebVR funciona de esta manera:
 
-1.  {{domxref("Navigator.getVRDisplays()")}} se utiliza para obtener una referencia a la visualización VR.
-2.  {{domxref("VRDisplay.requestPresent()")}} se utiliza para iniciar la presentación en la pantalla VR.
-3.  WebVR's dedicado {{domxref("VRDisplay.requestAnimationFrame()")}} se utiliza para ejecutar el bucle de representación de la aplicación a la velocidad de actualización correcta para la pantalla.
-4.  Dentro del bucle de procesamiento, se capturan los datos necesarios para mostrar el marco actual ({{domxref("VRDisplay.getFrameData()")}}), dibuja la escena visualizada dos veces - una vez para la vista en cada ojo - luego envia la vista renderizada a la pantalla para mostrar al usuario a través de ({{domxref("VRDisplay.submitFrame()")}}).
+1. {{domxref("Navigator.getVRDisplays()")}} se utiliza para obtener una referencia a la visualización VR.
+2. {{domxref("VRDisplay.requestPresent()")}} se utiliza para iniciar la presentación en la pantalla VR.
+3. WebVR's dedicado {{domxref("VRDisplay.requestAnimationFrame()")}} se utiliza para ejecutar el bucle de representación de la aplicación a la velocidad de actualización correcta para la pantalla.
+4. Dentro del bucle de procesamiento, se capturan los datos necesarios para mostrar el marco actual ({{domxref("VRDisplay.getFrameData()")}}), dibuja la escena visualizada dos veces - una vez para la vista en cada ojo - luego envia la vista renderizada a la pantalla para mostrar al usuario a través de ({{domxref("VRDisplay.submitFrame()")}}).
 
 En las secciones siguientes veremos en detalle nuestra demostración raw-webgl y veremos dónde se utilizan exactamente las características anteriores.
 
diff --git a/files/es/web/api/xmlhttprequest/loadend_event/index.md b/files/es/web/api/xmlhttprequest/loadend_event/index.md
index 20cb2c2bf2c34d..b4714d10a74c9b 100644
--- a/files/es/web/api/xmlhttprequest/loadend_event/index.md
+++ b/files/es/web/api/xmlhttprequest/loadend_event/index.md
@@ -31,7 +31,7 @@ El evento `loadend` es emitido cuando el progreso de la carga de un recurso se h
 | `type` {{readonlyInline}}             | {{domxref("DOMString")}}     | The type of event.                                                                                                                                             |
 | `bubbles` {{readonlyInline}}          | {{jsxref("Boolean")}}         | Whether the event normally bubbles or not.                                                                                                                     |
 | `cancelable` {{readonlyInline}}       | {{jsxref("Boolean")}}         | Whether the event is cancellable or not.                                                                                                                       |
-| `lengthComputable `{{readonlyInline}} | {{jsxref("Boolean")}}         | Specifies whether or not the total size of the transfer is known. Read only.                                                                                   |
+| `lengthComputable`{{readonlyInline}} | {{jsxref("Boolean")}}         | Specifies whether or not the total size of the transfer is known. Read only.                                                                                   |
 | `loaded` {{readonlyInline}}           | unsigned long (long)                 | The number of bytes transferred since the beginning of the operation. This doesn't include headers and other overhead, but only the content itself. Read only. |
 | `total` {{readonlyInline}}            | unsigned long (long)                 | The total number of bytes of content that will be transferred during the operation. If the total size is unknown, this value is zero. Read only.               |
 

From b985639ec2a3bf972ed621ea4b7052cba785adb9 Mon Sep 17 00:00:00 2001
From: Alexander <alexander_belial999@hotmail.com>
Date: Tue, 25 Oct 2022 11:16:06 -0500
Subject: [PATCH 5/8] api/s-x drop the url title attributes

---
 files/es/web/api/server-sent_events/index.md  |  8 +++---
 .../web/api/serviceworkercontainer/index.md   |  4 +--
 files/es/web/api/settimeout/index.md          | 10 +++----
 files/es/web/api/stylesheet/index.md          | 26 +++++++++----------
 .../es/web/api/stylesheet/ownernode/index.md  |  2 +-
 files/es/web/api/stylesheet/title/index.md    |  2 +-
 files/es/web/api/subtlecrypto/digest/index.md |  4 +--
 files/es/web/api/touch_events/index.md        |  4 +--
 files/es/web/api/touchevent/index.md          |  2 +-
 files/es/web/api/uievent/which/index.md       |  4 +--
 files/es/web/api/url/createobjecturl/index.md |  4 +--
 files/es/web/api/web_audio_api/index.md       |  6 ++---
 files/es/web/api/web_storage_api/index.md     |  4 +--
 .../using_the_web_storage_api/index.md        |  2 +-
 files/es/web/api/web_workers_api/index.md     |  2 +-
 .../using_web_workers/index.md                | 26 +++++++++----------
 files/es/web/api/webgl_api/index.md           | 18 ++++++-------
 .../getting_started_with_webgl/index.md       |  2 +-
 files/es/web/api/webgl_api/tutorial/index.md  |  2 +-
 files/es/web/api/websockets_api/index.md      | 10 +++----
 .../index.md                                  | 10 +++----
 files/es/web/api/worker/index.md              | 10 +++----
 files/es/web/api/xmldocument/async/index.md   |  2 +-
 files/es/web/api/xmlhttprequest/index.md      | 20 +++++++-------
 .../api/xmlhttprequest/loadend_event/index.md |  2 +-
 .../readystatechange_event/index.md           |  2 +-
 26 files changed, 94 insertions(+), 94 deletions(-)

diff --git a/files/es/web/api/server-sent_events/index.md b/files/es/web/api/server-sent_events/index.md
index 134ceaf59f35ab..f29924a294996e 100644
--- a/files/es/web/api/server-sent_events/index.md
+++ b/files/es/web/api/server-sent_events/index.md
@@ -8,13 +8,13 @@ tags:
 translation_of: Web/API/Server-sent_events
 original_slug: Server-sent_events
 ---
-Traditionally, a web page has to send a request to the server to receive new data; that is, the page requests data from the server. With server-sent events, it's possible for a server to send new data to a web page at any time, by pushing messages to the web page. These incoming messages can be treated as _[Events](/es/docs/DOM/event "DOM/Event") + data_ inside the web page.
+Traditionally, a web page has to send a request to the server to receive new data; that is, the page requests data from the server. With server-sent events, it's possible for a server to send new data to a web page at any time, by pushing messages to the web page. These incoming messages can be treated as _[Events](/es/docs/DOM/event) + data_ inside the web page.
 
 ## Documentation
 
-- [Using server-sent events](/es/docs/Server-sent_events/Using_server-sent_events "Server-sent events/Using server-sent events")
+- [Using server-sent events](/es/docs/Server-sent_events/Using_server-sent_events)
   - : A tutorial guide to writing both server and client side part of a server-sent events app.
-- [EventSource reference](/es/docs/Server-sent_events/EventSource "Server-sent events/EventSource")
+- [EventSource reference](/es/docs/Server-sent_events/EventSource)
   - : A reference to the client-side EventSource API.
 
 ## Tools
@@ -25,7 +25,7 @@ Traditionally, a web page has to send a request to the server to receive new dat
 
 ## Related Topics
 
-- [AJAX](/es/docs/AJAX "AJAX"), [JavaScript](/es/docs/JavaScript "JavaScript"), [WebSockets](/es/docs/WebSockets "WebSockets")
+- [AJAX](/es/docs/AJAX), [JavaScript](/es/docs/JavaScript), [WebSockets](/es/docs/WebSockets)
 
 ## See also
 
diff --git a/files/es/web/api/serviceworkercontainer/index.md b/files/es/web/api/serviceworkercontainer/index.md
index 391dbbcbe5d2b7..9b010f49985061 100644
--- a/files/es/web/api/serviceworkercontainer/index.md
+++ b/files/es/web/api/serviceworkercontainer/index.md
@@ -45,9 +45,9 @@ Most importantly, it exposes the {{domxref("ServiceWorkerContainer.register", "S
 - {{domxref("ServiceWorkerContainer.register", "ServiceWorkerContainer.register()")}}
   - : Creates or updates a {{domxref("ServiceWorkerRegistration")}} for the given `scriptURL`.
 - {{domxref("ServiceWorkerContainer.getRegistration()")}}
-  - : Gets a {{domxref("ServiceWorkerRegistration")}} object whose scope matches the provided document URL. If the method can't return a {{domxref("ServiceWorkerRegistration")}}, it returns a [`Promise`](/es/docs/Web/JavaScript/Reference/Global_Objects/Promise "The Promise object is used for deferred and asynchronous computations. A Promise is in one of the three states:").
+  - : Gets a {{domxref("ServiceWorkerRegistration")}} object whose scope matches the provided document URL. If the method can't return a {{domxref("ServiceWorkerRegistration")}}, it returns a [`Promise`](/es/docs/Web/JavaScript/Reference/Global_Objects/Promise).
 - {{domxref("ServiceWorkerContainer.getRegistrations()")}}
-  - : Returns all {{domxref("ServiceWorkerRegistration")}} objects associated with a `ServiceWorkerContainer` in an array. If the method can't return {{domxref("ServiceWorkerRegistration")}} objects, it returns a [`Promise`](/es/docs/Web/JavaScript/Reference/Global_Objects/Promise "The Promise object is used for deferred and asynchronous computations. A Promise is in one of the three states:").
+  - : Returns all {{domxref("ServiceWorkerRegistration")}} objects associated with a `ServiceWorkerContainer` in an array. If the method can't return {{domxref("ServiceWorkerRegistration")}} objects, it returns a [`Promise`](/es/docs/Web/JavaScript/Reference/Global_Objects/Promise).
 
 ## Examples
 
diff --git a/files/es/web/api/settimeout/index.md b/files/es/web/api/settimeout/index.md
index e3caec65424102..fb58e53a12f18a 100644
--- a/files/es/web/api/settimeout/index.md
+++ b/files/es/web/api/settimeout/index.md
@@ -73,7 +73,7 @@ function clearAlert() {
 
 {{ EmbedLiveSample('Example') }}
 
-Vea también [`clearTimeout()` example](/es/docs/DOM/window.clearTimeout#Example "en-US/docs/DOM/window.clearTimeout#Example").
+Vea también [`clearTimeout()` example](/es/docs/DOM/window.clearTimeout#Example).
 
 ## Callback arguments
 
@@ -153,7 +153,7 @@ Otra posibilidad es usar una función anónima para llamar el callback, pero est
 var intervalID = setTimeout(function() { myFunc("uno", "dos", "tres"); }, 1000);
 ```
 
-Sin embargo, otra posibilidad es usar [function's bind](/es/docs/JavaScript/Reference/Global_Objects/Function/bind "/en-US/docs/JavaScript/Reference/Global_Objects/Function/bind"). Ejemplo:
+Sin embargo, otra posibilidad es usar [function's bind](/es/docs/JavaScript/Reference/Global_Objects/Function/bind). Ejemplo:
 
 ```js
 setTimeout(function(arg1){}.bind(undefined, 10));
@@ -161,7 +161,7 @@ setTimeout(function(arg1){}.bind(undefined, 10));
 
 ## El problema "`this`"
 
-Cuando pasa un método a `setTimeout()` (o cualquier otra función , por el estilo), podría ser invocada con el valor de `this` equivocado. Este problema es explicado en detalle en la [referencia de JavaScript](/es/docs/JavaScript/Reference/Operators/this#Method_binding "en-US/docs/Core_JavaScript_1.5_Reference/Operators/Special_Operators/this_Operator#Method_binding").
+Cuando pasa un método a `setTimeout()` (o cualquier otra función , por el estilo), podría ser invocada con el valor de `this` equivocado. Este problema es explicado en detalle en la [referencia de JavaScript](/es/docs/JavaScript/Reference/Operators/this#Method_binding).
 
 ### Explicación
 
@@ -225,11 +225,11 @@ setTimeout.call(myArray, myArray.myMethod, 2500, 2); // prints "two" after 2.5 s
 
 No hay soluciones nativas _ad hoc_ a este problema.
 
-> **Nota:** JavaScript 1.8.5 introduce el método [`Function.prototype.bind(`](/en-US/docs/JavaScript/Reference/Global_Objects/Function/bind "en-US/docs/JavaScript/Reference/Global Objects/Function/bind"), que permite especificar el valor que debería usarse como `this` para todas las llamadas a una función dada. Esto permite evitar fácilmente los problemas en los que no es claro que será, dependiendo del contexto desde el cual la función sea llamada.
+> **Nota:** JavaScript 1.8.5 introduce el método [`Function.prototype.bind(`](/en-US/docs/JavaScript/Reference/Global_Objects/Function/bind), que permite especificar el valor que debería usarse como `this` para todas las llamadas a una función dada. Esto permite evitar fácilmente los problemas en los que no es claro que será, dependiendo del contexto desde el cual la función sea llamada.
 
 ## Notas
 
-Puede cancelar el temporizador usando [`window.clearTimeout()`](/en-US/docs/DOM/window.clearTimeout "en-US/docs/DOM/window.clearTimeout"). Si desea tener una función llamada repetidamente (p.e., cada N milisegundos), considere usar [`window.setInterval()`](/en-US/docs/DOM/window.setInterval "en-US/docs/DOM/window.setInterval").
+Puede cancelar el temporizador usando [`window.clearTimeout()`](/en-US/docs/DOM/window.clearTimeout). Si desea tener una función llamada repetidamente (p.e., cada N milisegundos), considere usar [`window.setInterval()`](/en-US/docs/DOM/window.setInterval).
 
 Es importante notar que la función o fragmento de código no puede ser ejecutado hasta que el hilo que llamó `setTimeout()`haya terminado.
 
diff --git a/files/es/web/api/stylesheet/index.md b/files/es/web/api/stylesheet/index.md
index f9f7c8ca91c1a9..ca19c2f5953047 100644
--- a/files/es/web/api/stylesheet/index.md
+++ b/files/es/web/api/stylesheet/index.md
@@ -7,36 +7,36 @@ translation_of: Web/API/StyleSheet
 
 Esta sección describe el objeto [CSSStyleSheet](http://www.w3.org/TR/DOM-Level-2-Style/css.html#CSS-CSSStyleSheet), que representa una única hoja de estilos CSS.
 
-Una hoja de estilos CSS consiste en reglas CSS que pueden, cada una de ellas, ser manipuladas a través del objeto [CSSRule](/Es/DOM/CssRule "es/DOM/cssRule"). El objeto de la hoja de estilo en sí mismo, te permite examinar y modificar la hoja de estilos, incluyendo su lista de reglas.
+Una hoja de estilos CSS consiste en reglas CSS que pueden, cada una de ellas, ser manipuladas a través del objeto [CSSRule](/Es/DOM/CssRule). El objeto de la hoja de estilo en sí mismo, te permite examinar y modificar la hoja de estilos, incluyendo su lista de reglas.
 
-Puedes tomar la lista de estilos de un documento determinado mediante el uso de la propiedad [document.styleSheets](/es/DOM/document.styleSheets "es/DOM/document.styleSheets").
+Puedes tomar la lista de estilos de un documento determinado mediante el uso de la propiedad [document.styleSheets](/es/DOM/document.styleSheets).
 
 ### Propiedades
 
-- [stylesheet.cssRules](/Es/DOM/Stylesheet.cssRules "es/DOM/stylesheet.cssRules")
+- [stylesheet.cssRules](/Es/DOM/Stylesheet.cssRules)
   - : Devuelve todas las reglas CSS que hay en la hoja de estilo, en forma de arreglo.
-- [stylesheet.disabled](/es/DOM/stylesheet.disabled "es/DOM/stylesheet.disabled")
+- [stylesheet.disabled](/es/DOM/stylesheet.disabled)
   - : Esta propiedad indica si se ha aplicado o no, la hoja de estilo actual.
-- [stylesheet.href](/es/DOM/stylesheet.href "es/DOM/stylesheet.href")
+- [stylesheet.href](/es/DOM/stylesheet.href)
   - : Devuelve la localización de la hoja de estilo.
-- [stylesheet.media](/es/DOM/stylesheet.media "es/DOM/stylesheet.media")
+- [stylesheet.media](/es/DOM/stylesheet.media)
   - : Especifica el medio al que se tiene intención de aplicar la hoja de estilo.
-- [stylesheet.ownerNode](/es/DOM/stylesheet.ownerNode "es/DOM/stylesheet.ownerNode")
+- [stylesheet.ownerNode](/es/DOM/stylesheet.ownerNode)
   - : el nodo que asocia la hoja de estilo con el documento.
-- [stylesheet.ownerRule](/es/DOM/stylesheet.ownerRule "es/DOM/stylesheet.ownerRule")
+- [stylesheet.ownerRule](/es/DOM/stylesheet.ownerRule)
   - : Si la hoja de estilo tiene una regla marcada con @import, la propiedad ownerRule contendrá la CSSImportRule.
-- [stylesheet.parentStyleSheet](/es/DOM/stylesheet.parentStyleSheet "es/DOM/stylesheet.parentStyleSheet")
+- [stylesheet.parentStyleSheet](/es/DOM/stylesheet.parentStyleSheet)
   - : Devuelve la hoja de estilo que que está incluida en esta, si existe.
-- [stylesheet.title](/es/DOM/stylesheet.title "es/DOM/stylesheet.title")
+- [stylesheet.title](/es/DOM/stylesheet.title)
   - : Devuelve el título de la hoja de estilo actual.
-- [stylesheet.type](/es/DOM/stylesheet.type "es/DOM/stylesheet.type")
+- [stylesheet.type](/es/DOM/stylesheet.type)
   - : Especifica el lenguaje de la hoja de estilo.
 
 ### Métodos
 
-- [stylesheet.deleteRule](/es/DOM/stylesheet.deleteRule "es/DOM/stylesheet.deleteRule")
+- [stylesheet.deleteRule](/es/DOM/stylesheet.deleteRule)
   - : Elimina una regla de la hoja de estilo.
-- [stylesheet.insertRule](/es/DOM/stylesheet.insertRule "es/DOM/stylesheet.insertRule")
+- [stylesheet.insertRule](/es/DOM/stylesheet.insertRule)
   - : Agrega una nueva regla de estilo a la hoja de estilo actualmente usada.
 
 ### Especificación
diff --git a/files/es/web/api/stylesheet/ownernode/index.md b/files/es/web/api/stylesheet/ownernode/index.md
index e9478cdec0c746..f57868d126df1f 100644
--- a/files/es/web/api/stylesheet/ownernode/index.md
+++ b/files/es/web/api/stylesheet/ownernode/index.md
@@ -41,7 +41,7 @@ Thunder
 
 ### Notas
 
-Para el HTML, **ownerNode** correspondería a un elemento [LINK](/es/LINK "es/LINK") o [STYLE](/Es/DOM/Element.style "es/DOM/element.style"). Para XML, serían las instrucciones del proceso de enlace. Para las hojas de estilo que están incluidas en otras hojas de estilo, este valor es NULL.
+Para el HTML, **ownerNode** correspondería a un elemento [LINK](/es/LINK) o [STYLE](/Es/DOM/Element.style). Para XML, serían las instrucciones del proceso de enlace. Para las hojas de estilo que están incluidas en otras hojas de estilo, este valor es NULL.
 
 ### Especificación
 
diff --git a/files/es/web/api/stylesheet/title/index.md b/files/es/web/api/stylesheet/title/index.md
index 4edbaab4c6c7b9..d8e4558ed59c66 100644
--- a/files/es/web/api/stylesheet/title/index.md
+++ b/files/es/web/api/stylesheet/title/index.md
@@ -11,7 +11,7 @@ translation_of: Web/API/StyleSheet/title
 
 ### Notas
 
-El título es a menudo especificado en el [ownerNode](/es/DOM/stylesheet.ownerNode "es/DOM/stylesheet.ownerNode").
+El título es a menudo especificado en el [ownerNode](/es/DOM/stylesheet.ownerNode).
 
 ### Especificación
 
diff --git a/files/es/web/api/subtlecrypto/digest/index.md b/files/es/web/api/subtlecrypto/digest/index.md
index 6351b09f9bd585..f564cea0881326 100644
--- a/files/es/web/api/subtlecrypto/digest/index.md
+++ b/files/es/web/api/subtlecrypto/digest/index.md
@@ -7,7 +7,7 @@ translation_of: Web/API/SubtleCrypto/digest
 
 El método **`digest()`** de la interfaz {{domxref("SubtleCrypto")}} genera un digest de los datos proveidos. Un {{domxref("digest")}} es un valor corto de longitud fija derivado de alguna entrada de longitud variable. Los digest criptográficos deben mostrar resistencia a colisiones, lo que significa que es difícil encontrar dos entradas diferentes que tengan el mismo valor de digest.
 
-Toma como argumento un identificador para el algoritmo digest a utilizar y los datos a codificar. Devuelve un [`Promise`](/es/docs/Web/JavaScript/Reference/Global_Objects/Promise "The Promise object represents the eventual completion (or failure) of an asynchronous operation, and its resulting value.") que se completará con el digest.
+Toma como argumento un identificador para el algoritmo digest a utilizar y los datos a codificar. Devuelve un [`Promise`](/es/docs/Web/JavaScript/Reference/Global_Objects/Promise) que se completará con el digest.
 
 ## Sintaxis
 
@@ -28,7 +28,7 @@ const digest = crypto.subtle.digest(algorithm, data);
 
 ### Valor de retorno
 
-- `digest` es un [`Promise`](/es/docs/Web/JavaScript/Reference/Global_Objects/Promise "The Promise object represents the eventual completion (or failure) of an asynchronous operation, and its resulting value.") que se completa con un [`ArrayBuffer`](/es/docs/Web/JavaScript/Reference/Global_Objects/ArrayBuffer "The ArrayBuffer object is used to represent a generic, fixed-length raw binary data buffer. You cannot directly manipulate the contents of an ArrayBuffer; instead, you create one of the typed array objects or a DataView object which represents the buffer in a specific format, and use that to read and write the contents of the buffer.") conteniendo el digest.
+- `digest` es un [`Promise`](/es/docs/Web/JavaScript/Reference/Global_Objects/Promise) que se completa con un [`ArrayBuffer`](/es/docs/Web/JavaScript/Reference/Global_Objects/ArrayBuffer) conteniendo el digest.
 
 ## Algoritmos soportados
 
diff --git a/files/es/web/api/touch_events/index.md b/files/es/web/api/touch_events/index.md
index f0a3402ff84d97..b2bca90cf6786a 100644
--- a/files/es/web/api/touch_events/index.md
+++ b/files/es/web/api/touch_events/index.md
@@ -112,7 +112,7 @@ Esto se repite también en los toques cambiados, pero mira en nuestra matriz de
 
 Esto nos permite conseguir las coordenadas de la posición previa de cada toque y usar el método apropiado de contexto para dibujar un segmento de línea uniendo dos posiciones a la vez.
 
-Después de dibujar la línea, llamamos a [`Array.splice()`](/en/JavaScript/Reference/Global_Objects/Array/splice "en/JavaScript/Reference/Global Objects/Array/splice") para reemplazar la información previa sobre el punto de toque con la información actual de la matriz `ongoingTouches`.
+Después de dibujar la línea, llamamos a [`Array.splice()`](/en/JavaScript/Reference/Global_Objects/Array/splice) para reemplazar la información previa sobre el punto de toque con la información actual de la matriz `ongoingTouches`.
 
 ### Manejando el final de un toque
 
@@ -140,7 +140,7 @@ function handleEnd(evt) {
 }
 ```
 
-Esto es muy similar a la función previa; la única diferencia real es que cuando llamamos a [`Array.splice()`](/en/JavaScript/Reference/Global_Objects/Array/splice "en/JavaScript/Reference/Global Objects/Array/splice"), simplemente remueve la antigua entrada de la lista de toques en marcha, sin añadir la información actualizada. El resultado es que detenemos el seguimiento del punto de toque.
+Esto es muy similar a la función previa; la única diferencia real es que cuando llamamos a [`Array.splice()`](/en/JavaScript/Reference/Global_Objects/Array/splice), simplemente remueve la antigua entrada de la lista de toques en marcha, sin añadir la información actualizada. El resultado es que detenemos el seguimiento del punto de toque.
 
 ### Manejando los toques cancelados
 
diff --git a/files/es/web/api/touchevent/index.md b/files/es/web/api/touchevent/index.md
index 624774bc9a103d..b11916cceefd73 100644
--- a/files/es/web/api/touchevent/index.md
+++ b/files/es/web/api/touchevent/index.md
@@ -82,7 +82,7 @@ Sent when a touch point has been disrupted in some way. There are several possib
 
 ## Ejemplo
 
-See the [example on the main Touch events article](/en/DOM/Touch_events#Example "en/DOM/Touch events#Example").
+See the [example on the main Touch events article](/en/DOM/Touch_events#Example).
 
 ## Especificaciones
 
diff --git a/files/es/web/api/uievent/which/index.md b/files/es/web/api/uievent/which/index.md
index 49c2f674384ddb..bcbb97d36976bc 100644
--- a/files/es/web/api/uievent/which/index.md
+++ b/files/es/web/api/uievent/which/index.md
@@ -21,7 +21,7 @@ Devuelve el `keyCode` de la tecla presionada, o el codigo del caracter (`charCod
 var keyResult = event.which;
 ```
 
-`keyResult` contiene el codigo numerico para una tecla en particular, dependiendo si la tecla presionada es alfanumerica o no-alfanumerica. Por favor mire [`charCode`](/en/DOM/event.charCode "en/DOM/event.charCode") y [`keyCode`](/en/DOM/event.keyCode "en/DOM/event.keyCode") para mas informacion.
+`keyResult` contiene el codigo numerico para una tecla en particular, dependiendo si la tecla presionada es alfanumerica o no-alfanumerica. Por favor mire [`charCode`](/en/DOM/event.charCode) y [`keyCode`](/en/DOM/event.keyCode) para mas informacion.
 
 ### Ejemplo
 
@@ -67,7 +67,7 @@ alert("onkeydown handler: \n"
 </html>
 ```
 
-> **Nota:** El codigo de arriba falla en Firefox 9 debido al [bug 696020](https://bugzilla.mozilla.org/show_bug.cgi?id=696020 "onkeypress attribute on body no longer gets events happening on the window").
+> **Nota:** El codigo de arriba falla en Firefox 9 debido al [bug 696020](https://bugzilla.mozilla.org/show_bug.cgi?id=696020).
 
 ### Especificacion
 
diff --git a/files/es/web/api/url/createobjecturl/index.md b/files/es/web/api/url/createobjecturl/index.md
index 49bddc481bf700..07628bb6a3fad3 100644
--- a/files/es/web/api/url/createobjecturl/index.md
+++ b/files/es/web/api/url/createobjecturl/index.md
@@ -33,7 +33,7 @@ objectURL = URL.createObjectURL(object);
 
 ## Ejemplo
 
-Ver [Usando objetos URL para representar imágenes](/es/docs/Using_files_from_web_applications#Example_Using_object_URLs_to_display_images "https://developer.mozilla.org/en/Using_files_from_web_applications#Example:_Using_object_URLs_to_display_images").
+Ver [Usando objetos URL para representar imágenes](/es/docs/Using_files_from_web_applications#Example_Using_object_URLs_to_display_images).
 
 ## Notas
 
@@ -55,4 +55,4 @@ Cada vez que se llama a `createObjectURL()`, un nuevo objeto URL es creado, incl
 
 - {{domxref("URL.revokeObjectURL()")}}
 - {{domxref("HTMLMediaElement.srcObject")}}
-- [Usando archivos desde aplicaciones web](/es/docs/Using_files_from_web_applications "Using files from web applications")
+- [Usando archivos desde aplicaciones web](/es/docs/Using_files_from_web_applications)
diff --git a/files/es/web/api/web_audio_api/index.md b/files/es/web/api/web_audio_api/index.md
index 80f4ef2e5418d8..28625b8566ad9a 100644
--- a/files/es/web/api/web_audio_api/index.md
+++ b/files/es/web/api/web_audio_api/index.md
@@ -92,7 +92,7 @@ Interfaces para definir efectos que quieras aplicar a tus fuentes de audio.
 - {{domxref("PeriodicWave")}}
   - : Describe una forma de onda periódica que puede ser usada para dar forma a la salida de un {{ domxref("OscillatorNode") }}.
 - {{domxref("IIRFilterNode")}}
-  - : Implementa un filtro de **[respuesta de pulso infinito](https://en.wikipedia.org/wiki/infinite%20impulse%20response "infinite impulse response")** (IIR) general; este tipo de filtro se puede usar para implementar dispositivos de control de tono y ecualizadores gráficos también.
+  - : Implementa un filtro de **[respuesta de pulso infinito](https://en.wikipedia.org/wiki/infinite%20impulse%20response)** (IIR) general; este tipo de filtro se puede usar para implementar dispositivos de control de tono y ecualizadores gráficos también.
 
 ### Definición de destinos de audio
 
@@ -355,7 +355,7 @@ function voiceMute() { // alternar para silenciar y activar el sonido
 - [Bases de la espacialización de audio Web](/es/docs/Web/API/Web_Audio_API/Web_audio_spatialization_basics)
 - [Mixing Positional Audio and WebGL](http://www.html5rocks.com/tutorials/webaudio/positional_audio/)
 - [Developing Game Audio with the Web Audio API](http://www.html5rocks.com/tutorials/webaudio/games/)
-- [Porting webkitAudioContext code to standards based AudioContext](/es/docs/Web/API/Web_Audio_API/Porting_webkitAudioContext_code_to_standards_based_AudioContext "/en-US/docs/Web_Audio_API/Porting_webkitAudioContext_code_to_standards_based_AudioContext")
+- [Porting webkitAudioContext code to standards based AudioContext](/es/docs/Web/API/Web_Audio_API/Porting_webkitAudioContext_code_to_standards_based_AudioContext)
 - [Tonos](https://github.com/bit101/tones): Una sencilla librería para reproducción de tonos/notas específicas usando el API de Audio Web.
 - [howler.js](https://github.com/goldfire/howler.js/): a JS audio library that defaults to [Web Audio API](https://dvcs.w3.org/hg/audio/raw-file/tip/webaudio/specification.html) and falls back to [HTML5 Audio](http://www.whatwg.org/specs/web-apps/current-work/#the-audio-element), as well as providing other useful features.
 - [Mooog](https://github.com/mattlima/mooog): jQuery-style chaining of AudioNodes, mixer-style sends/returns, and more.
@@ -369,7 +369,7 @@ function voiceMute() { // alternar para silenciar y activar el sonido
     2. [Usando el API de Audio Web](/es/docs/Web/API/Web_Audio_API/Using_Web_Audio_API)
     3. [Visualizaciones con el API de Audio Web](/es/docs/Web/API/Web_Audio_API/Visualizations_with_Web_Audio_API)
     4. [Bases de la espacialización de audio Web](/es/docs/Web/API/Web_Audio_API/Web_audio_spatialization_basics)
-    5. [Portando código de webkitAudioContext a estándares basados en AudioContext](/es/docs/Web/API/Web_Audio_API/Porting_webkitAudioContext_code_to_standards_based_AudioContext "/en-US/docs/Web_Audio_API/Porting_webkitAudioContext_code_to_standards_based_AudioContext")
+    5. [Portando código de webkitAudioContext a estándares basados en AudioContext](/es/docs/Web/API/Web_Audio_API/Porting_webkitAudioContext_code_to_standards_based_AudioContext)
 
 2. **Ejemplos**
 
diff --git a/files/es/web/api/web_storage_api/index.md b/files/es/web/api/web_storage_api/index.md
index b0e71113223ba7..0b21692aa6c9dd 100644
--- a/files/es/web/api/web_storage_api/index.md
+++ b/files/es/web/api/web_storage_api/index.md
@@ -22,11 +22,11 @@ Los dos mecanismos en el almacenamiento web son los siguientes:
 - **`sessionStorage` **mantiene un área de almacenamiento separada para cada origen que está disponible mientras dure la sesión de la página (mientras el navegador esté abierto, incluyendo recargas de página y restablecimientos).
 - **`localStorage` **hace lo mismo, pero persiste incluso cuando el navegador se cierre y se reabra.
 
-Estos mecanismos están disponibles mediante las propiedades [`Window.sessionStorage`](/es/docs/Web/API/Window/sessionStorage "La propiedad sessionStorage permite acceder a un objeto Storage asociado a la sesión actual. La propiedad sessionStorage es similar a localStorage, la única diferencia es que la información almacenada en localStorage no posee tiempo de expiración, por el contrario la información almacenada en sessionStorage es eliminada al finalizar la sesion de la página. La sesión de la página perdura mientras el navegador se encuentra abierto, y se mantiene por sobre las recargas y reaperturas de la página. Abrir una página en una nueva pestaña o ventana iniciará una nueva sesión, lo que difiere en la forma en que trabajan las cookies de sesión.") y [`Window.localStorage`](/es/docs/Web/API/Window/localStorage "La propiedad localStorage te permite acceder al objeto local Storage. localStorage es similar a sessionStorage. La única diferencia es que, mientras los datos almacenados en localStorage no tienen fecha de expiración, los datos almacenados en sessionStorage son eliminados cuando finaliza la sesion de navegación - lo cual ocurre cuando se cierra el navegador.") (dicho con más precisión, en navegadores con soporte, el objeto `Window` implementa los objetos `WindowLocalStorage` y `WindowSessionStorage`, en los cuales se basan las propiedades `localStorage` y `sessionStorage`). Al invocar uno de éstos, se creará una instancia del objeto [`Storage`](/es/docs/Web/API/Storage "La interfaz Storage de la API de almacenamiento web provee acceso al almacenamiento de la sesión o al almacenamiento local para un dominio en particular, permitiéndote por ejemplo añadir, modificar o eliminar elementos de dato almacenados."), a través del cual los datos pueden ser creados, recuperados y eliminados. sessionStorage y localStorage utilizan un objeto de almacenamiento diferente según su origen — funcionan y son controlados por separado.
+Estos mecanismos están disponibles mediante las propiedades [`Window.sessionStorage`](/es/docs/Web/API/Window/sessionStorage) y [`Window.localStorage`](/es/docs/Web/API/Window/localStorage) (dicho con más precisión, en navegadores con soporte, el objeto `Window` implementa los objetos `WindowLocalStorage` y `WindowSessionStorage`, en los cuales se basan las propiedades `localStorage` y `sessionStorage`). Al invocar uno de éstos, se creará una instancia del objeto [`Storage`](/es/docs/Web/API/Storage), a través del cual los datos pueden ser creados, recuperados y eliminados. sessionStorage y localStorage utilizan un objeto de almacenamiento diferente según su origen — funcionan y son controlados por separado.
 
 > **Nota:** Acceder al Almacenamiento web desde IFrames de terceros está prohibido si el usuario tiene [deshabilitadas las cookies de terceros](https://support.mozilla.org/en-US/kb/disable-third-party-cookies) (Firefox implementa este comportamiento a partir de la [versión 43](/es/docs/Mozilla/Firefox/Releases/43)).
 
-> **Nota:** El almacenamiento web no es lo mismo que [mozStorage](/es/docs/Storage "Storage") (interfaces Mozilla's XPCOM para SQLite) o la [Session store API](/es/docs/Session_store_API "Session_store_API") (una utilidad de almacenamiento [XPCOM](/es/docs/XPCOM "XPCOM") usada por extensiones).
+> **Nota:** El almacenamiento web no es lo mismo que [mozStorage](/es/docs/Storage) (interfaces Mozilla's XPCOM para SQLite) o la [Session store API](/es/docs/Session_store_API) (una utilidad de almacenamiento [XPCOM](/es/docs/XPCOM) usada por extensiones).
 
 ## Interfaces de almacenamiento web
 
diff --git a/files/es/web/api/web_storage_api/using_the_web_storage_api/index.md b/files/es/web/api/web_storage_api/using_the_web_storage_api/index.md
index aa99cd1cae27d5..3c784cd525876e 100644
--- a/files/es/web/api/web_storage_api/using_the_web_storage_api/index.md
+++ b/files/es/web/api/web_storage_api/using_the_web_storage_api/index.md
@@ -33,7 +33,7 @@ Los dos mecanismos en el almacenamiento web son los siguientes:
 - **`sessionStorage` **mantiene un área de almacenamiento separada para cada origen que está disponible mientras dure la sesión de la página (mientras el navegador esté abierto, incluyendo recargas de página y restablecimientos).
 - **`localStorage` **hace lo mismo, pero persiste incluso cuando el navegador se cierre y se reabra.
 
-Estos mecanismos están disponibles mediante las propiedades [`Window.sessionStorage`](/es/docs/Web/API/Window/sessionStorage "La propiedad sessionStorage permite acceder a un objeto Storage asociado a la sesión actual. La propiedad sessionStorage es similar a localStorage, la única diferencia es que la información almacenada en localStorage no posee tiempo de expiración, por el contrario la información almacenada en sessionStorage es eliminada al finalizar la sesion de la página. La sesión de la página perdura mientras el navegador se encuentra abierto, y se mantiene por sobre las recargas y reaperturas de la página. Abrir una página en una nueva pestaña o ventana iniciará una nueva sesión, lo que difiere en la forma en que trabajan las cookies de sesión.") y [`Window.localStorage`](/es/docs/Web/API/Window/localStorage "La propiedad localStorage te permite acceder al objeto local Storage. localStorage es similar a sessionStorage. La única diferencia es que, mientras los datos almacenados en localStorage no tienen fecha de expiración, los datos almacenados en sessionStorage son eliminados cuando finaliza la sesion de navegación - lo cual ocurre cuando se cierra el navegador.") (dicho con más precisión, en navegadores con soporte, el objeto `Window` implementa los objetos `WindowLocalStorage` y `WindowSessionStorage`, en los cuales se basan las propiedades `localStorage` y `sessionStorage`). Al invocar uno de éstos, se creará una instancia del objeto [`Storage`](/es/docs/Web/API/Storage "La interfaz Storage de la API de almacenamiento web provee acceso al almacenamiento de la sesión o al almacenamiento local para un dominio en particular, permitiéndote por ejemplo añadir, modificar o eliminar elementos de dato almacenados."), a través del cual los datos pueden ser creados, recuperados y eliminados. sessionStorage y localStorage utilizan un objeto de almacenamiento diferente según su origen — funcionan y son controlados por separado.
+Estos mecanismos están disponibles mediante las propiedades [`Window.sessionStorage`](/es/docs/Web/API/Window/sessionStorage) y [`Window.localStorage`](/es/docs/Web/API/Window/localStorage) (dicho con más precisión, en navegadores con soporte, el objeto `Window` implementa los objetos `WindowLocalStorage` y `WindowSessionStorage`, en los cuales se basan las propiedades `localStorage` y `sessionStorage`). Al invocar uno de éstos, se creará una instancia del objeto [`Storage`](/es/docs/Web/API/Storage), a través del cual los datos pueden ser creados, recuperados y eliminados. sessionStorage y localStorage utilizan un objeto de almacenamiento diferente según su origen — funcionan y son controlados por separado.
 
 Así que, por ejemplo, si en un inicio se llama a `localStorage` en un documento, esto devolverá un objeto {{domxref("Storage")}}; llamar a `sessionStorage` en un documento devolverá un objeto {{domxref("Storage")}} diferente. Ambos objetos se pueden manipular de la misma forma, pero separados.
 
diff --git a/files/es/web/api/web_workers_api/index.md b/files/es/web/api/web_workers_api/index.md
index e3152ebcc5ef61..b5f68a6fbe46fa 100644
--- a/files/es/web/api/web_workers_api/index.md
+++ b/files/es/web/api/web_workers_api/index.md
@@ -33,7 +33,7 @@ Ademas de los workers dedicados, hay otro tipo de workers:
 - {{domxref("Worker")}}
   - : Representa el hilo del worker en ejecución, pudiendo pasar mensajes a este.
 - {{domxref("WorkerLocation")}}
-  - : Define la ruta absoluta del script que ejecuta el [`Worker`](/es/docs/Web/API/Worker "The Worker interface of the Web Workers API represents a background task that can be easily created and can send messages back to its creator. Creating a worker is as simple as calling the Worker() constructor and specifying a script to be run in the worker thread.").
+  - : Define la ruta absoluta del script que ejecuta el [`Worker`](/es/docs/Web/API/Worker).
 
 <!---->
 
diff --git a/files/es/web/api/web_workers_api/using_web_workers/index.md b/files/es/web/api/web_workers_api/using_web_workers/index.md
index 7feb669c2b4cdd..29e1c6936e4b24 100644
--- a/files/es/web/api/web_workers_api/using_web_workers/index.md
+++ b/files/es/web/api/web_workers_api/using_web_workers/index.md
@@ -6,9 +6,9 @@ original_slug: Web/Guide/Performance/Usando_web_workers
 ---
 Los Web Workers dedicados proveen un medio sencillo para que el contenido web ejecute scripts en hilos en segundo plano. Una vez creado, un worker puede enviar mensajes a la tarea creada mediante envio de mensajes al manejador de eventos especificado por el creador. Sin embargo, **los workers trabajan dentro de un [contexto global](/es/docs/JavaScript/DedicatedWorkerGlobalScope) diferente de la ventana actual** (usar el atajo {{ domxref("window") }} en lugar de {{ domxref("window.self","self") }} con el fin de obtener el scope actual dentro de un {{ domxref("Worker") }} retornaría, de hecho, un error).
 
-El hilo worker puede realizar tareas sin interferir con la interfaz de usuario. Ademas, pueden realizar I/O usando [`XMLHttpRequest`](/en/nsIXMLHttpRequest "En/XMLHttpRequest") (aunque el responseXML y los atributos channel son siempre null).
+El hilo worker puede realizar tareas sin interferir con la interfaz de usuario. Ademas, pueden realizar I/O usando [`XMLHttpRequest`](/en/nsIXMLHttpRequest) (aunque el responseXML y los atributos channel son siempre null).
 
-Para documentacion de referencia acerca de workers busca {{ domxref("Worker") }} ; este articulo complementa ese ofreciendo ejemplos y detalles adicionales. Para una lista de las funciones disponibles sobre workers, visita [Functions and interfaces available to workers](/es/docs/Web/Guide/Needs_categorization/Functions_available_to_workers?redirect=no "En/DOM/Worker/Functions available to workers").
+Para documentacion de referencia acerca de workers busca {{ domxref("Worker") }} ; este articulo complementa ese ofreciendo ejemplos y detalles adicionales. Para una lista de las funciones disponibles sobre workers, visita [Functions and interfaces available to workers](/es/docs/Web/Guide/Needs_categorization/Functions_available_to_workers?redirect=no).
 
 ## Acerca de seguridad de hilos
 
@@ -40,11 +40,11 @@ myWorker.postMessage(""); // start the worker.
 
 La Línea 1 en este ejemplo crea un nuevo worker (_worker thread)_. La Línea 3 configura un manejador de eventos (_listener_) para encargarse de los eventos `message` del worker. Este manejador de eventos se llamará cuando el worker llame a su propia función {{domxref("Worker.postMessage()")}}. Finalmente, la Linea 7 inicia el worker _(worker thread)_.
 
-> **Nota:** : La URI pasada como parámetro del constructor de `Worker` debe obedecer la política [same-origin policy](/en/Same_origin_policy_for_JavaScript "Same origin policy for JavaScript") . Actualmente hay desacuerdo entre los desarolladores de navegadores sobre qué URIs son del mismo origen; Gecko 10.0 {{ geckoRelease("10.0") }} y posteriores sí permiten data URIs e Internet Explorer 10 no permite Blob URIs como un script válido para los workers.
+> **Nota:** : La URI pasada como parámetro del constructor de `Worker` debe obedecer la política [same-origin policy](/en/Same_origin_policy_for_JavaScript) . Actualmente hay desacuerdo entre los desarolladores de navegadores sobre qué URIs son del mismo origen; Gecko 10.0 {{ geckoRelease("10.0") }} y posteriores sí permiten data URIs e Internet Explorer 10 no permite Blob URIs como un script válido para los workers.
 
 ## Pasando datos
 
-Los datos pasan entre la página principal y los workers son **copiados**, no compartidos. Los objetos se serializan a medida que se entregan al worker, y posteriormente, se deserializan en el otro extremo. La página y el worker **no comparten la misma instancia**, por lo que el resultado final es que un duplicado es creado en cada extremo. La mayoría de los navegadores implementan esta característica como [structured cloning](/en/DOM/The_structured_clone_algorithm "The structured clone algorithm").
+Los datos pasan entre la página principal y los workers son **copiados**, no compartidos. Los objetos se serializan a medida que se entregan al worker, y posteriormente, se deserializan en el otro extremo. La página y el worker **no comparten la misma instancia**, por lo que el resultado final es que un duplicado es creado en cada extremo. La mayoría de los navegadores implementan esta característica como [structured cloning](/en/DOM/The_structured_clone_algorithm).
 
 Antes de continuar, vamos a crear con fines didácticos una función llamada `emulateMessage()` que simulará el comportamiento de un valor el cual es clonado y no compartido durante el paso desde un _worker_ a la página principal o viceversa:
 
@@ -114,7 +114,7 @@ onmessage = function (oEvent) {
 
 > **Nota:** Como siempre, los hilos en segundo plano -incluyendo workers- **no pueden manipular el DOM**. Si acciones tomadas por el hilo en segundo planos resultarían en cambios en el DOM, deberian enviar mensajes a sus creadores para llevarlos a cabo.
 
-The [structured cloning](/es/docs/Web/Guide/DOM/The_structured_clone_algorithm "The structured clone algorithm") algorithm can accept JSON and a few things that JSON can't like circular references.
+The [structured cloning](/es/docs/Web/Guide/DOM/The_structured_clone_algorithm) algorithm can accept JSON and a few things that JSON can't like circular references.
 
 ### Ejemplos pasando datos
 
@@ -377,7 +377,7 @@ The embedded worker is now nested into a new custom `document.worker` property.
 
 Los trabajadores pueden usar tiempos fuera e intervalos de la misma forma que el "hilo principal". Esto puede ser útil, por ejemplo, si quieres tener a tu hilo trabajador corriendo codigo periodicamente en lugar de sin parar.
 
-Ver [`setTimeout()`](/en/DOM/window.setTimeout "En/DOM/Window.setTimeout"), [`clearTimeout()`](/en/DOM/window.clearTimeout "En/DOM/Window.clearTimeout"), [`setInterval()`](/en/DOM/window.setInterval "En/DOM/Window.setInterval"), y [`clearInterval()`](/en/DOM/window.clearInterval "En/DOM/Window.clearInterval")para más detalles. Ver también: [JavaScript Timers](/es/docs/JavaScript/Timers).
+Ver [`setTimeout()`](/en/DOM/window.setTimeout), [`clearTimeout()`](/en/DOM/window.clearTimeout), [`setInterval()`](/en/DOM/window.setInterval), y [`clearInterval()`](/en/DOM/window.clearInterval)para más detalles. Ver también: [JavaScript Timers](/es/docs/JavaScript/Timers).
 
 ## Terminating a worker
 
@@ -397,7 +397,7 @@ self.close();
 
 ## Manejo de errores
 
-When a runtime error occurs in worker, its `onerror` event handler is called. It receives an event named `error` which implements the `ErrorEvent` interface. The event doesn't bubble and is cancelable; to prevent the default action from taking place, the worker can call the error event's [`preventDefault()`](/en/DOM/event.preventDefault "En/DOM/Event.preventDefault")method.
+When a runtime error occurs in worker, its `onerror` event handler is called. It receives an event named `error` which implements the `ErrorEvent` interface. The event doesn't bubble and is cancelable; to prevent the default action from taking place, the worker can call the error event's [`preventDefault()`](/en/DOM/event.preventDefault)method.
 
 The error event has the following three fields that are of interest:
 
@@ -514,11 +514,11 @@ The web page creates a `div` element with the ID `result` , which gets used to d
 
 Finally, a message is sent to the worker to start it.
 
-[Try this example](/samples/workers/fibonacci "https://developer.mozilla.org/samples/workers/fibonacci/") .
+[Try this example](/samples/workers/fibonacci) .
 
 ### Performing web I/O in the background
 
-You can find an example of this in the article [Using workers in extensions](/En/Using_workers_in_extensions "En/Using workers in extensions") .
+You can find an example of this in the article [Using workers in extensions](/En/Using_workers_in_extensions) .
 
 ### Dividing tasks among multiple workers
 
@@ -533,8 +533,8 @@ The Fibonacci example shown previously demonstrates that workers can in fact [sp
 ## See also
 
 - {{ spec("http://dev.w3.org/html5/workers/", "File API Specification: Web Workers", "ED") }}
-- [`Worker`](/en/DOM/Worker "En/DOM/Worker") interface
-- [`SharedWorker`](/en/DOM/SharedWorker "En/DOM/SharedWorker") interface
-- [Functions available to workers](/en/DOM/Worker/Functions_available_to_workers "En/DOM/Worker/Functions available to workers")
+- [`Worker`](/en/DOM/Worker) interface
+- [`SharedWorker`](/en/DOM/SharedWorker) interface
+- [Functions available to workers](/en/DOM/Worker/Functions_available_to_workers)
 - [HTML5Rocks - The Basics of Web Workers](http://www.html5rocks.com/en/tutorials/workers/basics/#toc-enviornment-subworkers)
-- [Chrome has problems when using too many worker](http://code.google.com/p/chromium/issues/detail?id=127990 "Chrome has Problems with many workers")
+- [Chrome has problems when using too many worker](http://code.google.com/p/chromium/issues/detail?id=127990)
diff --git a/files/es/web/api/webgl_api/index.md b/files/es/web/api/webgl_api/index.md
index 7b6e180eadc6bd..0b1710fe76acc9 100644
--- a/files/es/web/api/webgl_api/index.md
+++ b/files/es/web/api/webgl_api/index.md
@@ -7,27 +7,27 @@ translation_of: Web/API/WebGL_API
 ---
 {{WebGLSidebar}}
 
-WebGL trae gráficos en 3D para la Web mediante la introducción de una API que cumple estrictamente la OpenGL ES 2.0 que se puede utilizar en elementos [`canvas`](/en/HTML/Canvas "En/html/canvas") HTML5. La compatibilidad para WebGL viene en [Firefox 4](/es/Firefox_4_para_desarrolladores "es/Firefox 4 para desarrolladores") y se puede probar en las [betas de Firefox 4](http://firefox.com/beta) o en [trunk builds.](http://nightly.mozilla.org/) .
+WebGL trae gráficos en 3D para la Web mediante la introducción de una API que cumple estrictamente la OpenGL ES 2.0 que se puede utilizar en elementos [`canvas`](/en/HTML/Canvas) HTML5. La compatibilidad para WebGL viene en [Firefox 4](/es/Firefox_4_para_desarrolladores) y se puede probar en las [betas de Firefox 4](http://firefox.com/beta) o en [trunk builds.](http://nightly.mozilla.org/) .
 
 > **Nota:** **Nota:** La especificación para WebGL se encuentra todavía en fase de borrador y sujeta a cambios.
 
 ## Temas sobre desarrollo
 
-- [Primeros pasos con WebGL](/en/WebGL/Getting_started_with_WebGL "en/WebGL/Getting started with WebGL")
+- [Primeros pasos con WebGL](/en/WebGL/Getting_started_with_WebGL)
   - : Cómo crear un contexto WebGL.
-- [Adición de contenido 2D a un contexto WebGL](/en/WebGL/Adding_2D_content_to_a_WebGL_context "en/WebGL/Adding 2D content to a WebGL context")
+- [Adición de contenido 2D a un contexto WebGL](/en/WebGL/Adding_2D_content_to_a_WebGL_context)
   - : Cómo representar formas planas sencillas utilizando WebGL.
-- [Uso de sombreadores para aplicar color en WebGL](/en/WebGL/Using_shaders_to_apply_color_in_WebGL "en/WebGL/Using shaders to apply color in WebGL")
+- [Uso de sombreadores para aplicar color en WebGL](/en/WebGL/Using_shaders_to_apply_color_in_WebGL)
   - : Muestra cómo agregar color a las formas mediante sombreadores.
-- [Animación de objetos con WebGL](/en/WebGL/Animating_objects_with_WebGL "en/WebGL/Animating objects with WebGL")
+- [Animación de objetos con WebGL](/en/WebGL/Animating_objects_with_WebGL)
   - : Muestra cómo rotar y trasladar los objetos para crear animaciones sencillas.
-- [Creación de objetos 3D utilizando WebGL](/en/WebGL/Creating_3D_objects_using_WebGL "en/WebGL/Creating 3D objects using WebGL")
+- [Creación de objetos 3D utilizando WebGL](/en/WebGL/Creating_3D_objects_using_WebGL)
   - : Muestra cómo crear y animar un objeto 3D (en este caso, un cubo).
-- [Uso de texturas en WebGL](/en/WebGL/Using_textures_in_WebGL "en/WebGL/Using textures in WebGL")
+- [Uso de texturas en WebGL](/en/WebGL/Using_textures_in_WebGL)
   - : Muestra cómo asignar texturas a las caras de un objeto.
-- [Iluminación en WebGL](/en/WebGL/Lighting_in_WebGL "en/WebGL/Lighting in WebGL")
+- [Iluminación en WebGL](/en/WebGL/Lighting_in_WebGL)
   - : Cómo simular efectos de iluminación en tu contexto WebGL.
-- [Animación de texturas en WebGL](/en/WebGL/Animating_textures_in_WebGL "en/WebGL/Animating textures in WebGL")
+- [Animación de texturas en WebGL](/en/WebGL/Animating_textures_in_WebGL)
   - : Se muestra cómo animar texturas, en este caso, mediante la asignación de un vídeo Ogg a las caras de un cubo que gira.
 
 ## Recursos
diff --git a/files/es/web/api/webgl_api/tutorial/getting_started_with_webgl/index.md b/files/es/web/api/webgl_api/tutorial/getting_started_with_webgl/index.md
index 9a05d86e579503..61f0e6575ae38e 100644
--- a/files/es/web/api/webgl_api/tutorial/getting_started_with_webgl/index.md
+++ b/files/es/web/api/webgl_api/tutorial/getting_started_with_webgl/index.md
@@ -86,7 +86,7 @@ Para obtener el contexto WebGL de un canvas, pedimo el contexto llamado "webgl"
 
 En este punto, tienes suficiente código para que el contexto WebGL, inicialice exitosamente, y deberias terminar con una gran cuadro negro y vacio, listo y esperando a recibir contenido .
 
-[Prueba este ejemplo](/samples/webgl/sample1/index.html "https://developer.mozilla.org/samples/webgl/sample1/index.html") si estas usando un navegador compatible con WebGL.
+[Prueba este ejemplo](/samples/webgl/sample1/index.html) si estas usando un navegador compatible con WebGL.
 
 ### Cambiando el tamaño del contexto WebGL
 
diff --git a/files/es/web/api/webgl_api/tutorial/index.md b/files/es/web/api/webgl_api/tutorial/index.md
index cf751cf042e8cf..691af7227b6a45 100644
--- a/files/es/web/api/webgl_api/tutorial/index.md
+++ b/files/es/web/api/webgl_api/tutorial/index.md
@@ -14,7 +14,7 @@ This tutorial describes how to use the `<canvas>` element to draw WebGL graphics
 
 **Antes de que inicies**
 
-Using the `<canvas>` element is not very difficult, but you do need a basic understanding of [HTML](/es/docs/Web/HTML "HTML") and [JavaScript](/es/docs/Web/JavaScript "JavaScript"). The `<canvas>` element and WebGL are not supported in some older browsers, but are supported in recent versions of all major browsers. In order to draw graphics on the canvas we use a JavaScript context object, which creates graphics on the fly.
+Using the `<canvas>` element is not very difficult, but you do need a basic understanding of [HTML](/es/docs/Web/HTML) and [JavaScript](/es/docs/Web/JavaScript). The `<canvas>` element and WebGL are not supported in some older browsers, but are supported in recent versions of all major browsers. In order to draw graphics on the canvas we use a JavaScript context object, which creates graphics on the fly.
 
 ## En este tutorial
 
diff --git a/files/es/web/api/websockets_api/index.md b/files/es/web/api/websockets_api/index.md
index 57e45c4361cd37..b3f237da07ab62 100644
--- a/files/es/web/api/websockets_api/index.md
+++ b/files/es/web/api/websockets_api/index.md
@@ -9,11 +9,11 @@ translation_of: Web/API/WebSockets_API
 
 ## Interfaces
 
-- [`WebSocket`](/es/docs/Web/API/WebSocket "en/WebSockets/WebSockets reference/WebSocket")
+- [`WebSocket`](/es/docs/Web/API/WebSocket)
   - : El interfaz principal para conectar a un servidor Websocket y así enviar y recibir datos a través de la conexión.
-- [`CloseEvent`](/en-US/docs/Web/API/CloseEvent "en/WebSockets/WebSockets reference/CloseEvent")
+- [`CloseEvent`](/en-US/docs/Web/API/CloseEvent)
   - : El evento enviado por el objeto WebSocket cuando se cierra la conexión.
-- [`MessageEvent`](/es/docs/Web/API/MessageEvent "en/WebSockets/WebSockets reference/MessageEvent")
+- [`MessageEvent`](/es/docs/Web/API/MessageEvent)
   - : El evento enviado por el objeto WebSocket cuando se recibe un mensaje enviado desde el servidor.
 
 ## Herramientas
@@ -25,13 +25,13 @@ translation_of: Web/API/WebSockets_API
 
 ## Temas RELACIONADOS
 
-- [AJAX](/es/docs/AJAX "AJAX"), [JavaScript](/es/docs/JavaScript "JavaScript")
+- [AJAX](/es/docs/AJAX), [JavaScript](/es/docs/JavaScript)
 
 ## Ver también
 
 - [RFC 6455 - The WebSocket Protocol](http://tools.ietf.org/html/rfc6455)
 - [WebSocket API Specification](http://www.w3.org/TR/websockets/)
-- [Server-Sent Events](/es/docs/Server-sent_events "Server-sent_events")
+- [Server-Sent Events](/es/docs/Server-sent_events)
 
 ## Compatibilidad con navegadores
 
diff --git a/files/es/web/api/websockets_api/writing_websocket_client_applications/index.md b/files/es/web/api/websockets_api/writing_websocket_client_applications/index.md
index 96feda1be3d884..aebc3233a1cb50 100644
--- a/files/es/web/api/websockets_api/writing_websocket_client_applications/index.md
+++ b/files/es/web/api/websockets_api/writing_websocket_client_applications/index.md
@@ -47,9 +47,9 @@ El constructor puede lanzar excepciones:
 
 ### Errores de conexión
 
-Si ocurre un error al intentar conectar, lo primero que recibiremos será un evento con el nombre de "error" en el objeto `WebSocket`(de este modo se invoca el manejador `onerror`), y luego [`CloseEvent`](/en/WebSockets/WebSockets_reference/CloseEvent "CloseEvent") es enviado al objeto `WebSocket`(de este modo se invoca el manejador `onclose`), para indicar la razón del cierre de la conexión.
+Si ocurre un error al intentar conectar, lo primero que recibiremos será un evento con el nombre de "error" en el objeto `WebSocket`(de este modo se invoca el manejador `onerror`), y luego [`CloseEvent`](/en/WebSockets/WebSockets_reference/CloseEvent) es enviado al objeto `WebSocket`(de este modo se invoca el manejador `onclose`), para indicar la razón del cierre de la conexión.
 
-A partir de Firefox 11, es normal recibir un mensaje de error descriptivo en la consola de la plataforma Mozilla, y un código de cierre como está definido en el [RFC 6455, Section 7.4](http://tools.ietf.org/html/rfc6455#section-7.4 "RFC 6455 Section 7.4") a través de un [`CloseEvent`](/en/WebSockets/WebSockets_reference/CloseEvent "CloseEvent").
+A partir de Firefox 11, es normal recibir un mensaje de error descriptivo en la consola de la plataforma Mozilla, y un código de cierre como está definido en el [RFC 6455, Section 7.4](http://tools.ietf.org/html/rfc6455#section-7.4) a través de un [`CloseEvent`](/en/WebSockets/WebSockets_reference/CloseEvent).
 
 ### Ejemplos
 
@@ -79,7 +79,7 @@ Una vez la conexión esta abierta, se puede comenzar a enviar datos al servidor.
 exampleSocket.send("Here's some text that the server is urgently awaiting!");
 ```
 
-Puedes enviar información como un string, {{ domxref("Blob") }}, o en un [`ArrayBuffer`](/en/JavaScript_typed_arrays/ArrayBuffer "en/JavaScript typed arrays/ArrayBuffer").
+Puedes enviar información como un string, {{ domxref("Blob") }}, o en un [`ArrayBuffer`](/en/JavaScript_typed_arrays/ArrayBuffer).
 
 > **Nota:** Antes de la version 11, Firefox sólo soportaba el envío de datos como una cadena.
 
@@ -93,7 +93,7 @@ exampleSocket.onopen = function (event) {
 
 ### Usando JSON para transferir Objetos
 
-Una forma de enviar información compleja al servidor es utilizar [JSON](/en/JSON "en/JSON"). Por ejemplo, un programa para chatear puede interactuar con el servidor usando un protocolo que implementa el uso de paquetes de JSON:
+Una forma de enviar información compleja al servidor es utilizar [JSON](/en/JSON). Por ejemplo, un programa para chatear puede interactuar con el servidor usando un protocolo que implementa el uso de paquetes de JSON:
 
 ```js
 // Envia texto a todos los usuarios através del servidor
@@ -172,7 +172,7 @@ exampleSocket.onmessage = function(event) {
 };
 ```
 
-Se usa [`JSON.parse()`](/en/JavaScript/Reference/Global_Objects/JSON/parse "en/JavaScript/Reference/Global Objects/JSON/parse") para convertir el objeto JSON de vuelta al original, luego se examina y se realiza la acción pertinente.
+Se usa [`JSON.parse()`](/en/JavaScript/Reference/Global_Objects/JSON/parse) para convertir el objeto JSON de vuelta al original, luego se examina y se realiza la acción pertinente.
 
 ### Formato de texto de los datos
 
diff --git a/files/es/web/api/worker/index.md b/files/es/web/api/worker/index.md
index d2e05f9628b522..0d57a9358a4a15 100644
--- a/files/es/web/api/worker/index.md
+++ b/files/es/web/api/worker/index.md
@@ -17,11 +17,11 @@ translation_of: Web/API/Worker
 
 The **`Worker`** interface of the [Web Workers API](/es/docs/Web/API/Web_Workers_API) represents a background task that can be easily created and can send messages back to its creator. Creating a worker is as simple as calling the `Worker()` constructor and specifying a script to be run in the worker thread.
 
-Workers may in turn spawn new workers as long as those workers are hosted within the same origin as the parent page (Note: nested workers are [currently not implemented in Blink](https://groups.google.com/a/chromium.org/forum/#!topic/blink-dev/5R3B4RN4GHU)). In addition workers may use [`XMLHttpRequest`](/en/DOM/XMLHttpRequest "En/XMLHttpRequest") for network I/O, with the stipulation that the `responseXML` and `channel` attributes on `XMLHttpRequest` always return `null`.
+Workers may in turn spawn new workers as long as those workers are hosted within the same origin as the parent page (Note: nested workers are [currently not implemented in Blink](https://groups.google.com/a/chromium.org/forum/#!topic/blink-dev/5R3B4RN4GHU)). In addition workers may use [`XMLHttpRequest`](/en/DOM/XMLHttpRequest) for network I/O, with the stipulation that the `responseXML` and `channel` attributes on `XMLHttpRequest` always return `null`.
 
-Not [all interfaces and functions are available](/En/DOM/Worker/Functions_available_to_workers "En/DOM/Worker/Functions available to workers") to the script associated with a `Worker`.
+Not [all interfaces and functions are available](/En/DOM/Worker/Functions_available_to_workers) to the script associated with a `Worker`.
 
-In Firefox, if you want to use workers in extensions and would like to have access to [js-ctypes](/en/js-ctypes "en/js-ctypes"), you should use the {{ domxref("ChromeWorker") }} object instead.
+In Firefox, if you want to use workers in extensions and would like to have access to [js-ctypes](/en/js-ctypes), you should use the {{ domxref("ChromeWorker") }} object instead.
 
 ## Properties
 
@@ -78,7 +78,7 @@ Support varies for different types of workers. See each worker type's page for s
 
 ## See also
 
-- [Using web workers](/En/Using_web_workers "en/Using DOM workers")
-- [Functions available to workers](/En/DOM/Worker/Functions_available_to_workers "https://developer.mozilla.org/En/DOM/Worker/Functions_available_to_workers")
+- [Using web workers](/En/Using_web_workers)
+- [Functions available to workers](/En/DOM/Worker/Functions_available_to_workers)
 - Other kind of workers: {{ domxref("SharedWorker") }} and [ServiceWorker](/es/docs/Web/API/ServiceWorker_API).
 - Non-standard, Gecko-specific workers: {{ domxref("ChromeWorker") }}, used by extensions.
diff --git a/files/es/web/api/xmldocument/async/index.md b/files/es/web/api/xmldocument/async/index.md
index 06107e20d8b906..139ef8e4fd8d35 100644
--- a/files/es/web/api/xmldocument/async/index.md
+++ b/files/es/web/api/xmldocument/async/index.md
@@ -28,5 +28,5 @@ xmlDoc.load('querydata.xml');
 
 ## Véase también
 
-- [XML in Mozilla](/es/docs/XML_in_Mozilla "XML_in_Mozilla")
+- [XML in Mozilla](/es/docs/XML_in_Mozilla)
 - {{domxref("document.load")}}
diff --git a/files/es/web/api/xmlhttprequest/index.md b/files/es/web/api/xmlhttprequest/index.md
index 828924210f46d3..90d2f44922ce1c 100644
--- a/files/es/web/api/xmlhttprequest/index.md
+++ b/files/es/web/api/xmlhttprequest/index.md
@@ -8,9 +8,9 @@ tags:
   - páginas_a_traducir
 translation_of: Web/API/XMLHttpRequest
 ---
-`XMLHttpRequest` es un objeto [JavaScript](/en/JavaScript "En/JavaScript") que fue diseñado por Microsoft y adoptado por Mozilla, Apple y Google. Actualmente es un [estándar de la W3C](http://www.w3.org/TR/XMLHttpRequest/). Proporciona una forma fácil de obtener información de una URL sin tener que recargar la página completa. Una página web puede actualizar sólo una parte de la página sin interrumpir lo que el usuario está haciendo. `XMLHttpRequest` es ampliamente usado en la programación AJAX.
+`XMLHttpRequest` es un objeto [JavaScript](/en/JavaScript) que fue diseñado por Microsoft y adoptado por Mozilla, Apple y Google. Actualmente es un [estándar de la W3C](http://www.w3.org/TR/XMLHttpRequest/). Proporciona una forma fácil de obtener información de una URL sin tener que recargar la página completa. Una página web puede actualizar sólo una parte de la página sin interrumpir lo que el usuario está haciendo. `XMLHttpRequest` es ampliamente usado en la programación AJAX.
 
-A pesar de su nombre, `XMLHttpRequest` puede ser usado para recibir cualquier tipo de dato, no solo XML, y admite otros formatos además de [HTTP](/en/HTTP "en/HTTP") (incluyendo `file` y `ftp`).
+A pesar de su nombre, `XMLHttpRequest` puede ser usado para recibir cualquier tipo de dato, no solo XML, y admite otros formatos además de [HTTP](/en/HTTP) (incluyendo `file` y `ftp`).
 
 Para crear una instancia de `XMLHttpRequest`, debes hacer lo siguiente:
 
@@ -18,9 +18,9 @@ Para crear una instancia de `XMLHttpRequest`, debes hacer lo siguiente:
 var req = new XMLHttpRequest();
 ```
 
-Para obtener más información de cómo usar `XMLHttpRequest`, mira [Usar XMLHttpRequest](/Es/XMLHttpRequest/Using_XMLHttpRequest "En/Using XMLHttpRequest").
+Para obtener más información de cómo usar `XMLHttpRequest`, mira [Usar XMLHttpRequest](/Es/XMLHttpRequest/Using_XMLHttpRequest).
 
-> **Nota:** De forma predeterminada, Firefox 3 limita la cantidad de conexiones de `XMLHttpRequest` por servidor a 6 (las versiones previas limitan a 2 conexiones por servidor). Algunos sitios web interactivos pueden mantener una conexión `XMLHttpRequest` abierta, así que abrir múltiples sesiones a esos sitios puede derivar en congelamientos del navegador de una forma que la ventana no se actualiza y los controles no responden. Este valor puede ser cambiado al editar la preferencia `network.http.max-persistent-connections-per-server` en [`about:config`](/about:config "Linkification: about:config").
+> **Nota:** De forma predeterminada, Firefox 3 limita la cantidad de conexiones de `XMLHttpRequest` por servidor a 6 (las versiones previas limitan a 2 conexiones por servidor). Algunos sitios web interactivos pueden mantener una conexión `XMLHttpRequest` abierta, así que abrir múltiples sesiones a esos sitios puede derivar en congelamientos del navegador de una forma que la ventana no se actualiza y los controles no responden. Este valor puede ser cambiado al editar la preferencia `network.http.max-persistent-connections-per-server` en [`about:config`](/about:config).
 
 ## Resumen del método
 
@@ -49,7 +49,7 @@ Para obtener más información de cómo usar `XMLHttpRequest`, mira [Usar XMLHtt
     En los casos en que un diálogo de seguridad debe ser mostrado (como en una autentficación o la notificación de un certificado no válido), el pedido simplemente falla.
 
 - `mozResponseArrayBuffer` Non-standard
-  : [`ArrayBuffer`](/en-US/JavaScript_typed_arrays/ArrayBuffer "en/JavaScript typed arrays/ArrayBuffer")
+  : [`ArrayBuffer`](/en-US/JavaScript_typed_arrays/ArrayBuffer)
   - : La respuesta al pedido en la forma de un arreglo de JavaScript. Esto es NULL si el pedido no fue exitoso o si todavía no ha sido enviado. **Sólo lectura.**
 - `multipart`: `booleano`
 
@@ -94,7 +94,7 @@ Para obtener más información de cómo usar `XMLHttpRequest`, mira [Usar XMLHtt
   - : La respuesta al pedido como texto, o `null` si el pedido no fue exitoso o todavía no se envió. **Sólo lectura.**
 - `responseXML`: `nsIDOMDocument`
 
-  - : La respuesta al pedido como un objeto DOM[`Document`](/en-US/DOM/document "En/DOM/Document"), o `null` si el pedido no fue exitoso, aún no fue enviado o no puede ser analizado como XML. La respuesta es analizada como si fuera `text/xml`. **Sólo lectura.**
+  - : La respuesta al pedido como un objeto DOM[`Document`](/en-US/DOM/document), o `null` si el pedido no fue exitoso, aún no fue enviado o no puede ser analizado como XML. La respuesta es analizada como si fuera `text/xml`. **Sólo lectura.**
 
     > **Nota:** Si el servidor no aplica el encabezado de tipo de contenido `text/xml`, puedes usar `overrideMimeType()` para forzar a `XMLHttpRequest` a analizarlo como XML igualmente.
 
@@ -278,7 +278,7 @@ void send(
 ###### Parameters
 
 - `body`
-  - : This may be an `nsIDocument`, `nsIInputStream`, or a string (an `nsISupportsString` if called from native code) that is used to populate the body of a POST request. Starting with Gecko 1.9.2, you may also specify an DOM{{ domxref("File") }} , and starting with Gecko 2.0 {{ geckoRelease("2.0") }} you may also specify a [`FormData`](/en/XMLHttpRequest/FormData "en/XMLHttpRequest/FormData") object.
+  - : This may be an `nsIDocument`, `nsIInputStream`, or a string (an `nsISupportsString` if called from native code) that is used to populate the body of a POST request. Starting with Gecko 1.9.2, you may also specify an DOM{{ domxref("File") }} , and starting with Gecko 2.0 {{ geckoRelease("2.0") }} you may also specify a [`FormData`](/en/XMLHttpRequest/FormData) object.
 
 ###### Notes
 
@@ -327,9 +327,9 @@ void setRequestHeader(
 
 ## See also
 
-- [Using XMLHttpRequest](/En/XMLHttpRequest/Using_XMLHttpRequest "En/Using XMLHttpRequest")
-- [`FormData`](/en/XMLHttpRequest/FormData "en/XMLHttpRequest/FormData")
-- [MDC AJAX introduction](/en/AJAX/Getting_Started "en/AJAX/Getting_Started")
+- [Using XMLHttpRequest](/En/XMLHttpRequest/Using_XMLHttpRequest)
+- [`FormData`](/en/XMLHttpRequest/FormData)
+- [MDC AJAX introduction](/en/AJAX/Getting_Started)
 - [XMLHttpRequest - REST and the Rich User Experience](http://www.peej.co.uk/articles/rich-user-experience.html)
 - [Microsoft documentation](http://msdn.microsoft.com/library/default.asp?url=/library/en-us/xmlsdk/html/xmobjxmlhttprequest.asp)
 - [Apple developers' reference](http://developer.apple.com/internet/webcontent/xmlhttpreq.html)
diff --git a/files/es/web/api/xmlhttprequest/loadend_event/index.md b/files/es/web/api/xmlhttprequest/loadend_event/index.md
index b4714d10a74c9b..c8d491c3ad66ca 100644
--- a/files/es/web/api/xmlhttprequest/loadend_event/index.md
+++ b/files/es/web/api/xmlhttprequest/loadend_event/index.md
@@ -46,4 +46,4 @@ El evento `loadend` es emitido cuando el progreso de la carga de un recurso se h
 
 ## Ver También
 
-- [Monitoreando progreso](/es/docs/DOM/XMLHttpRequest/Using_XMLHttpRequest#Monitoring_progress "/en-US/docs/DOM/XMLHttpRequest/Using_XMLHttpRequest")
+- [Monitoreando progreso](/es/docs/DOM/XMLHttpRequest/Using_XMLHttpRequest#Monitoring_progress)
diff --git a/files/es/web/api/xmlhttprequest/readystatechange_event/index.md b/files/es/web/api/xmlhttprequest/readystatechange_event/index.md
index f8d4e9a1ada93b..b176b9bc64f592 100644
--- a/files/es/web/api/xmlhttprequest/readystatechange_event/index.md
+++ b/files/es/web/api/xmlhttprequest/readystatechange_event/index.md
@@ -6,7 +6,7 @@ original_slug: Web/API/XMLHttpRequest/onreadystatechange
 ---
 {{APIRef}}
 
-Un [`EventHandler`](/es/docs/Web/API/EventHandler "A possible way to get notified of Events of a particular type (such as click) for a given object is to specify an event handler using:") que es invocado cada vez que cambia el atributo `readyState`. La retrollamada (callback) es invocada desde el hilo (thread) perteneciente a la interfaz de usuario. La propiedad **`XMLHttpRequest.onreadystatechange`** contiene el manejador del evento que es invocado cuando se dispara el evento {{event("readystatechange")}}, lo cual sucede cada vez que cambia el valor de la propiedad {{domxref("XMLHttpRequest.readyState", "readyState")}} de {{domxref("XMLHttpRequest")}}. La retrollamada (callback) es invocada desde el hilo perteneciente a la interfaz de usuario.
+Un [`EventHandler`](/es/docs/Web/API/EventHandler) que es invocado cada vez que cambia el atributo `readyState`. La retrollamada (callback) es invocada desde el hilo (thread) perteneciente a la interfaz de usuario. La propiedad **`XMLHttpRequest.onreadystatechange`** contiene el manejador del evento que es invocado cuando se dispara el evento {{event("readystatechange")}}, lo cual sucede cada vez que cambia el valor de la propiedad {{domxref("XMLHttpRequest.readyState", "readyState")}} de {{domxref("XMLHttpRequest")}}. La retrollamada (callback) es invocada desde el hilo perteneciente a la interfaz de usuario.
 
 > **Advertencia:** **Aviso:** No debería ser usado con peticiones síncronas ni tampoco en código nativo.
 

From ecc828a03a7b8a00f1bca2ac7ce32fb00db0bfbd Mon Sep 17 00:00:00 2001
From: Alexander <alexander_belial999@hotmail.com>
Date: Tue, 25 Oct 2022 11:28:19 -0500
Subject: [PATCH 6/8] api/s-x remove languages macro

---
 files/es/web/api/selection/addrange/index.md                    | 2 --
 files/es/web/api/selection/anchornode/index.md                  | 2 --
 files/es/web/api/selection/anchoroffset/index.md                | 2 --
 files/es/web/api/selection/collapse/index.md                    | 2 --
 files/es/web/api/selection/collapsetoend/index.md               | 2 --
 files/es/web/api/selection/collapsetostart/index.md             | 2 --
 files/es/web/api/selection/containsnode/index.md                | 2 --
 files/es/web/api/selection/extend/index.md                      | 2 --
 files/es/web/api/selection/focusnode/index.md                   | 2 --
 files/es/web/api/selection/focusoffset/index.md                 | 2 --
 files/es/web/api/selection/getrangeat/index.md                  | 2 --
 files/es/web/api/selection/index.md                             | 2 --
 files/es/web/api/selection/iscollapsed/index.md                 | 2 --
 files/es/web/api/selection/rangecount/index.md                  | 2 --
 files/es/web/api/selection/removeallranges/index.md             | 2 --
 files/es/web/api/selection/removerange/index.md                 | 2 --
 files/es/web/api/selection/selectallchildren/index.md           | 2 --
 files/es/web/api/selection/tostring/index.md                    | 2 --
 files/es/web/api/stylesheet/disabled/index.md                   | 2 --
 files/es/web/api/stylesheet/media/index.md                      | 2 --
 files/es/web/api/stylesheet/ownernode/index.md                  | 2 --
 files/es/web/api/stylesheet/parentstylesheet/index.md           | 2 --
 files/es/web/api/stylesheet/title/index.md                      | 2 --
 files/es/web/api/stylesheet/type/index.md                       | 2 --
 .../writing_websocket_client_applications/index.md              | 2 --
 files/es/web/api/xmlhttprequest/index.md                        | 2 --
 26 files changed, 52 deletions(-)

diff --git a/files/es/web/api/selection/addrange/index.md b/files/es/web/api/selection/addrange/index.md
index 43a0235af684d6..32ecb2548bc5c9 100644
--- a/files/es/web/api/selection/addrange/index.md
+++ b/files/es/web/api/selection/addrange/index.md
@@ -36,5 +36,3 @@ range)
   s.addRange(range);
  }
 ```
-
-{{ languages( { "en": "en/DOM/Selection/addRange", "it": "it/DOM/Selection/addRange", "pl": "pl/DOM/Selection/addRange" } ) }}
diff --git a/files/es/web/api/selection/anchornode/index.md b/files/es/web/api/selection/anchornode/index.md
index 571079e4d65192..980f30b04a3dbf 100644
--- a/files/es/web/api/selection/anchornode/index.md
+++ b/files/es/web/api/selection/anchornode/index.md
@@ -20,5 +20,3 @@ sel.anchorNode
 ### Notas
 
 Un usuario puede hacer una selección de izquierda a derecha (en el orden del documento) o de derehca a izquierda (en el orden contrario del documento). El ancla es donde el usuario empezó la selección. Ésta puede ser visualizada manteniendo presionada la tecla **Shift** y presionando las flechas de movimiento del teclado. El ancla de la selección no se mueve, pero el foco de ésta (el otro "final" de la selección) sí se mueve.
-
-{{ languages( { "en": "en/DOM/Selection/anchorNode", "it": "it/DOM/Selection/anchorNode", "pl": "pl/DOM/Selection/anchorNode" } ) }}
diff --git a/files/es/web/api/selection/anchoroffset/index.md b/files/es/web/api/selection/anchoroffset/index.md
index b56425e2b8febf..f25a4a84ffb0aa 100644
--- a/files/es/web/api/selection/anchoroffset/index.md
+++ b/files/es/web/api/selection/anchoroffset/index.md
@@ -20,5 +20,3 @@ sel.anchorOffset
 ### Notas
 
 Este número está basado en cero. Si la selección empieza con el primer carácter en [anchorNode](es/DOM/Selection/anchorNode), el número devuelto será 0.
-
-{{ languages( { "en": "en/DOM/Selection/anchorOffset", "it": "it/DOM/Selection/anchorOffset", "pl": "pl/DOM/Selection/anchorOffset" } ) }}
diff --git a/files/es/web/api/selection/collapse/index.md b/files/es/web/api/selection/collapse/index.md
index dff1979d8997fb..2331f65af77601 100644
--- a/files/es/web/api/selection/collapse/index.md
+++ b/files/es/web/api/selection/collapse/index.md
@@ -38,5 +38,3 @@ offset);
 var body = document.getElementsByTagName("body")[0];
 window.getSelection().collapse(body,0);
 ```
-
-{{ languages( { "en": "en/DOM/Selection/collapse", "it": "it/DOM/Selection/collapse", "pl": "pl/DOM/Selection/collapse" } ) }}
diff --git a/files/es/web/api/selection/collapsetoend/index.md b/files/es/web/api/selection/collapsetoend/index.md
index ea0ce038ffb916..134ce8e6658e7b 100644
--- a/files/es/web/api/selection/collapsetoend/index.md
+++ b/files/es/web/api/selection/collapsetoend/index.md
@@ -20,5 +20,3 @@ sel.collapseToEnd()
 ### Parámetros
 
 Ninguno.
-
-{{ languages( { "en": "en/DOM/Selection/collapseToEnd", "it": "it/DOM/Selection/collapseToEnd", "pl": "pl/DOM/Selection/collapseToEnd" } ) }}
diff --git a/files/es/web/api/selection/collapsetostart/index.md b/files/es/web/api/selection/collapsetostart/index.md
index 7a6b964fcc6099..5acb7d97394084 100644
--- a/files/es/web/api/selection/collapsetostart/index.md
+++ b/files/es/web/api/selection/collapsetostart/index.md
@@ -20,5 +20,3 @@ sel.collapseToStart()
 ### Parámetros
 
 Ninguno.
-
-{{ languages( { "en": "en/DOM/Selection/collapseToStart", "it": "it/DOM/Selection/collapseToStart", "pl": "pl/DOM/Selection/collapseToStart" } ) }}
diff --git a/files/es/web/api/selection/containsnode/index.md b/files/es/web/api/selection/containsnode/index.md
index d5bc0c2c4d1804..6db11ce553eacd 100644
--- a/files/es/web/api/selection/containsnode/index.md
+++ b/files/es/web/api/selection/containsnode/index.md
@@ -37,5 +37,3 @@ aPartlyContained)
  /* Checar si algo dentro del elemento cuerpo (etiquetas body) está seleccionado */
  alert(window.getSelection().containsNode(document.body, true));
 ```
-
-{{ languages( { "en": "en/DOM/Selection/containsNode", "it": "it/DOM/Selection/containsNode", "pl": "pl/DOM/Selection/containsNode" } ) }}
diff --git a/files/es/web/api/selection/extend/index.md b/files/es/web/api/selection/extend/index.md
index 7ee7ee4b9d20a6..1f3264b53d7654 100644
--- a/files/es/web/api/selection/extend/index.md
+++ b/files/es/web/api/selection/extend/index.md
@@ -30,5 +30,3 @@ offset)
   - : El número de caracteres que habrá desde el principio del texto
     _`parentNode`_
     hasta donde el foco se colocará.
-
-{{ languages( { "en": "en/DOM/Selection/extend", "it": "it/DOM/Selection/extend", "pl": "pl/DOM/Selection/extend" } ) }}
diff --git a/files/es/web/api/selection/focusnode/index.md b/files/es/web/api/selection/focusnode/index.md
index 03a09e8c8acdd9..fb08855b2cc855 100644
--- a/files/es/web/api/selection/focusnode/index.md
+++ b/files/es/web/api/selection/focusnode/index.md
@@ -20,5 +20,3 @@ sel.focusNode
 ### Notas
 
 Un usuario puede hacer una selección de izquierda a derecha (en el orden del documento) o de derehca a izquierda (en el orden contrario del documento). El foco es donde el usuario terminó la selección. Éste puede ser visualizado manteniendo presionada la tecla Shift y presionando las flechas de movimiento del teclado para modificar la selección. El foco de la selección se mueve, pero el ancla de ésta (el otro final de la selección) no se mueve.
-
-{{ languages( { "en": "en/DOM/Selection/focusNode", "it": "it/DOM/Selection/focusNode", "pl": "pl/DOM/Selection/focusNode" } ) }}
diff --git a/files/es/web/api/selection/focusoffset/index.md b/files/es/web/api/selection/focusoffset/index.md
index b0cec83d06aec0..de0b8864adcb4e 100644
--- a/files/es/web/api/selection/focusoffset/index.md
+++ b/files/es/web/api/selection/focusoffset/index.md
@@ -20,5 +20,3 @@ sel.focusOffset
 ### Notas
 
 Este número está basado en cero. Si la selección termina con el primer carácter en [focusNode](es/DOM/Selection/focusNode), el número devuelto será 0.
-
-{{ languages( { "en": "en/DOM/Selection/focusOffset", "it": "it/DOM/Selection/focusOffset", "pl": "pl/DOM/Selection/focusOffset" } ) }}
diff --git a/files/es/web/api/selection/getrangeat/index.md b/files/es/web/api/selection/getrangeat/index.md
index 48460281df80d2..9d8726540c94a5 100644
--- a/files/es/web/api/selection/getrangeat/index.md
+++ b/files/es/web/api/selection/getrangeat/index.md
@@ -41,5 +41,3 @@ for(var i = 0; i < sel.rangeCount; i++) {
  * un objeto rango representando uno de los
  * rangos en la selección */
 ```
-
-{{ languages( { "en": "en/DOM/Selection/getRangeAt", "pl": "pl/DOM/Selection/getRangeAt" } ) }}
diff --git a/files/es/web/api/selection/index.md b/files/es/web/api/selection/index.md
index 8929a9e7ff23ba..4d56c9985326da 100644
--- a/files/es/web/api/selection/index.md
+++ b/files/es/web/api/selection/index.md
@@ -87,5 +87,3 @@ Otros términos claves usados en esta parte.
 ### Enlaces externos
 
 - [IDL definition in Mozilla cross-reference](http://lxr.mozilla.org/mozilla/source/content/base/public/nsISelection.idl)
-
-{{ languages( { "en": "en/DOM/Selection", "fr": "fr/DOM/selection", "it": "it/DOM/Selection", "ja": "ja/DOM/selection", "pl": "pl/DOM/Selection" } ) }}
diff --git a/files/es/web/api/selection/iscollapsed/index.md b/files/es/web/api/selection/iscollapsed/index.md
index 095bbf9a3b686b..e7f4304e029898 100644
--- a/files/es/web/api/selection/iscollapsed/index.md
+++ b/files/es/web/api/selection/iscollapsed/index.md
@@ -20,5 +20,3 @@ sel.isCollapsed
 ### Notas
 
 Incluso hasta una selección colapsada/plegada puede tener un rangeCount mayor que 0. `sel.getRangeAt(0)` puede retornar un rango que también esté colapsado/plegado.
-
-{{ languages( { "en": "en/DOM/Selection/isCollapsed", "it": "it/DOM/Selection/isCollapsed", "pl": "pl/DOM/Selection/isCollapsed" } ) }}
diff --git a/files/es/web/api/selection/rangecount/index.md b/files/es/web/api/selection/rangecount/index.md
index f7c2f6ac0ec13c..73ffeb61d5f2ea 100644
--- a/files/es/web/api/selection/rangecount/index.md
+++ b/files/es/web/api/selection/rangecount/index.md
@@ -24,5 +24,3 @@ _click_
 en una página recién cargada, el `rangeCount` es 0. Un usuario normalmente puede seleccionar un rango a la vez, entonces el `rangeCount` usualmente será 1. El
 _scripting_
 puede usarse para hacer que la selección contenga más de 1 rango.
-
-{{ languages( { "en": "en/DOM/Selection/rangeCount", "it": "it/DOM/Selection/rangeCount", "pl": "pl/DOM/Selection/rangeCount" } ) }}
diff --git a/files/es/web/api/selection/removeallranges/index.md b/files/es/web/api/selection/removeallranges/index.md
index 170425a7724819..b125f5604785df 100644
--- a/files/es/web/api/selection/removeallranges/index.md
+++ b/files/es/web/api/selection/removeallranges/index.md
@@ -20,5 +20,3 @@ sel.removeAllRanges();
 ### Parámetros
 
 Ninguno.
-
-{{ languages( { "en": "en/DOM/Selection/removeAllRanges", "it": "it/DOM/Selection/removeAllRanges", "pl": "pl/DOM/Selection/removeAllRanges" } ) }}
diff --git a/files/es/web/api/selection/removerange/index.md b/files/es/web/api/selection/removerange/index.md
index 95e3fcb5700046..1ad1cd38abf071 100644
--- a/files/es/web/api/selection/removerange/index.md
+++ b/files/es/web/api/selection/removerange/index.md
@@ -35,5 +35,3 @@ if(s.rangeCount > 1) {
  }
 }
 ```
-
-{{ languages( { "en": "en/DOM/Selection/removeRange", "it": "it/DOM/Selection/removeRange", "pl": "pl/DOM/Selection/removeRange" } ) }}
diff --git a/files/es/web/api/selection/selectallchildren/index.md b/files/es/web/api/selection/selectallchildren/index.md
index b35cae876bfac4..589efb8fd77425 100644
--- a/files/es/web/api/selection/selectallchildren/index.md
+++ b/files/es/web/api/selection/selectallchildren/index.md
@@ -34,5 +34,3 @@ footer = document.getElementById("footer");
 window.getSelection().selectAllChildren(footer);
 /* Todo el contendio del pie de página ahora está seleccionado */
 ```
-
-{{ languages( { "en": "en/DOM/Selection/selectAllChildren", "it": "it/DOM/Selection/selectAllChildren", "pl": "pl/DOM/Selection/selectAllChildren" } ) }}
diff --git a/files/es/web/api/selection/tostring/index.md b/files/es/web/api/selection/tostring/index.md
index 41f10f7992b4d2..7d2cc5134c58e2 100644
--- a/files/es/web/api/selection/tostring/index.md
+++ b/files/es/web/api/selection/tostring/index.md
@@ -38,5 +38,3 @@ alert(window.getSelection().toString())  // Lo que está siendo efectivamente ll
 ### Ver también
 
 - [Object.toString](es/Core_JavaScript_1.5_Reference/Objects/Object/toString)
-
-{{ languages( { "en": "en/DOM/Selection/toString", "fr": "fr/DOM/Selection/toString", "it": "it/DOM/Selection/toString", "pl": "pl/DOM/Selection/toString" } ) }}
diff --git a/files/es/web/api/stylesheet/disabled/index.md b/files/es/web/api/stylesheet/disabled/index.md
index 3314c1f470c801..69a8557f2fbcf9 100644
--- a/files/es/web/api/stylesheet/disabled/index.md
+++ b/files/es/web/api/stylesheet/disabled/index.md
@@ -27,5 +27,3 @@ if (stylesheet.disabled) {
 ### Especificación
 
 [disabled](http://www.w3.org/TR/2000/REC-DOM-Level-2-Style-20001113/stylesheets.html#StyleSheets-StyleSheet-disabled)
-
-{{ languages( { "pl": "pl/DOM/stylesheet.disabled" } ) }}
diff --git a/files/es/web/api/stylesheet/media/index.md b/files/es/web/api/stylesheet/media/index.md
index c771c97f980747..154925d205d535 100644
--- a/files/es/web/api/stylesheet/media/index.md
+++ b/files/es/web/api/stylesheet/media/index.md
@@ -33,5 +33,3 @@ El valor por defecto para media es "screen."
 ### Especificación
 
 DOM Level 2 Styles - STYLESHEET
-
-{{ languages( { "pl": "pl/DOM/stylesheet.media" } ) }}
diff --git a/files/es/web/api/stylesheet/ownernode/index.md b/files/es/web/api/stylesheet/ownernode/index.md
index f57868d126df1f..b058962b1ba0b7 100644
--- a/files/es/web/api/stylesheet/ownernode/index.md
+++ b/files/es/web/api/stylesheet/ownernode/index.md
@@ -46,5 +46,3 @@ Para el HTML, **ownerNode** correspondería a un elemento [LINK](/es/LINK) o [ST
 ### Especificación
 
 DOM Level 2 Styles - STYLESHEET
-
-{{ languages( { "pl": "pl/DOM/stylesheet.ownerNode" } ) }}
diff --git a/files/es/web/api/stylesheet/parentstylesheet/index.md b/files/es/web/api/stylesheet/parentstylesheet/index.md
index a05f1e77ed6770..032f4f943212c7 100644
--- a/files/es/web/api/stylesheet/parentstylesheet/index.md
+++ b/files/es/web/api/stylesheet/parentstylesheet/index.md
@@ -33,5 +33,3 @@ Esta propiedad devuelve NULL si la hoja de estilo actual es una hoja de estilo d
 ### Specification
 
 [parentStyleSheet](http://www.w3.org/TR/2000/REC-DOM-Level-2-Style-20001113/stylesheets.html#StyleSheets-StyleSheet-parentStyleSheet)
-
-{{ languages( { "pl": "pl/DOM/stylesheet.parentStyleSheet" } ) }}
diff --git a/files/es/web/api/stylesheet/title/index.md b/files/es/web/api/stylesheet/title/index.md
index d8e4558ed59c66..500ceb2023305b 100644
--- a/files/es/web/api/stylesheet/title/index.md
+++ b/files/es/web/api/stylesheet/title/index.md
@@ -16,5 +16,3 @@ El título es a menudo especificado en el [ownerNode](/es/DOM/stylesheet.ownerNo
 ### Especificación
 
 [title](http://www.w3.org/TR/2000/REC-DOM-Level-2-Style-20001113/stylesheets.html#StyleSheets-StyleSheet-title)
-
-{{ languages( { "pl": "pl/DOM/stylesheet.title" } ) }}
diff --git a/files/es/web/api/stylesheet/type/index.md b/files/es/web/api/stylesheet/type/index.md
index 240acdacd05848..12e439da95bd97 100644
--- a/files/es/web/api/stylesheet/type/index.md
+++ b/files/es/web/api/stylesheet/type/index.md
@@ -24,5 +24,3 @@ string = stylesheet.type
 ### Especificación
 
 [type](http://www.w3.org/TR/2000/REC-DOM-Level-2-Style-20001113/stylesheets.html#StyleSheets-StyleSheet-type)
-
-{{ languages( { "pl": "pl/DOM/stylesheet.type" } ) }}
diff --git a/files/es/web/api/websockets_api/writing_websocket_client_applications/index.md b/files/es/web/api/websockets_api/writing_websocket_client_applications/index.md
index aebc3233a1cb50..e335246e0fe1e1 100644
--- a/files/es/web/api/websockets_api/writing_websocket_client_applications/index.md
+++ b/files/es/web/api/websockets_api/writing_websocket_client_applications/index.md
@@ -193,5 +193,3 @@ Puede ser de gran ayuda revisar el atributo `bufferedAmount` del socket para ver
 ## Consideraciones de Seguridad
 
 Los WebSockets no deben ser usados en entornos de contenido mixto; eso es, no debes abrir una conexión de WebSocket _no segura_ desde una página cargada usando _HTTPS_ o viceversa. De hecho, muchos navegadores solo admiten conexiones WebSocket seguras, y ya no soportan su uso en contextos no seguros.
-
-{{ languages ( {"zh-tw": "zh\_tw/WebSockets/Writing\_WebSocket\_client\_applications"} ) }}
diff --git a/files/es/web/api/xmlhttprequest/index.md b/files/es/web/api/xmlhttprequest/index.md
index 90d2f44922ce1c..5f1a528993d659 100644
--- a/files/es/web/api/xmlhttprequest/index.md
+++ b/files/es/web/api/xmlhttprequest/index.md
@@ -335,5 +335,3 @@ void setRequestHeader(
 - [Apple developers' reference](http://developer.apple.com/internet/webcontent/xmlhttpreq.html)
 - ["Using the XMLHttpRequest Object" (jibbering.com)](http://jibbering.com/2002/4/httprequest.html)
 - [The XMLHttpRequest Object: W3C Working Draft](http://www.w3.org/TR/XMLHttpRequest/)
-
-{{ languages( { "es": "es/XMLHttpRequest", "fr": "fr/XMLHttpRequest", "it": "it/XMLHttpRequest", "ja": "ja/XMLHttpRequest", "ko": "ko/XMLHttpRequest", "pl": "pl/XMLHttpRequest", "zh-cn": "cn/XMLHttpRequest" } ) }}

From ce9df16b581f459e175a898460cea249a0841bec Mon Sep 17 00:00:00 2001
From: Alexander <alexander_belial999@hotmail.com>
Date: Tue, 25 Oct 2022 13:05:22 -0500
Subject: [PATCH 7/8] Apply suggestions from code review

---
 files/es/web/api/selection/addrange/index.md  |  3 +-
 .../web/api/selection/containsnode/index.md   |  4 +-
 files/es/web/api/selection/extend/index.md    |  4 +-
 .../es/web/api/selection/getrangeat/index.md  |  4 +-
 .../es/web/api/selection/removerange/index.md |  2 +-
 files/es/web/api/selection/tostring/index.md  |  3 +-
 .../using_server-sent_events/index.md         | 16 ++--
 files/es/web/api/service_worker_api/index.md  |  2 +-
 .../serviceworkercontainer/register/index.md  |  2 +-
 files/es/web/api/settimeout/index.md          |  4 +-
 files/es/web/api/subtlecrypto/index.md        |  4 +-
 files/es/web/api/touch_events/index.md        |  2 +-
 files/es/web/api/url/url/index.md             |  2 +-
 files/es/web/api/web_audio_api/index.md       | 73 +++----------------
 files/es/web/api/web_storage_api/index.md     |  6 +-
 .../using_the_web_storage_api/index.md        |  2 +-
 files/es/web/api/webgl_api/index.md           |  2 +-
 .../index.md                                  |  2 +-
 .../tutorial/using_textures_in_webgl/index.md |  6 +-
 files/es/web/api/websocket/index.md           |  4 +-
 .../index.md                                  |  2 +-
 .../writing_websocket_servers/index.md        |  2 +-
 .../webvr_api/using_the_webvr_api/index.md    |  2 +-
 files/es/web/api/xmlhttprequest/index.md      | 22 +-----
 .../api/xmlhttprequest/responsetext/index.md  |  2 +-
 25 files changed, 56 insertions(+), 121 deletions(-)

diff --git a/files/es/web/api/selection/addrange/index.md b/files/es/web/api/selection/addrange/index.md
index 32ecb2548bc5c9..da5c46a912456e 100644
--- a/files/es/web/api/selection/addrange/index.md
+++ b/files/es/web/api/selection/addrange/index.md
@@ -14,8 +14,7 @@ Añade un objeto de rango a la selección.
 ### Sintaxis
 
 ```
-sel.addRange(
-range)
+sel.addRange(range)
 ```
 
 ### Parámetros
diff --git a/files/es/web/api/selection/containsnode/index.md b/files/es/web/api/selection/containsnode/index.md
index 6db11ce553eacd..7739eb68221366 100644
--- a/files/es/web/api/selection/containsnode/index.md
+++ b/files/es/web/api/selection/containsnode/index.md
@@ -15,8 +15,8 @@ Indica si tal nodo es parte de la selección.
 
 ```
 sel.containsNode(
-aNode,
-aPartlyContained)
+  aNode,
+  aPartlyContained)
 ```
 
 ### Parámetros
diff --git a/files/es/web/api/selection/extend/index.md b/files/es/web/api/selection/extend/index.md
index 1f3264b53d7654..ca92f076842760 100644
--- a/files/es/web/api/selection/extend/index.md
+++ b/files/es/web/api/selection/extend/index.md
@@ -15,8 +15,8 @@ Traslada el foco de la selección a un punto especificado. El ancla de la selecc
 
 ```
 sel.extend(
-parentNode,
-offset)
+  parentNode,
+  offset)
 ```
 
 ### Parámetros
diff --git a/files/es/web/api/selection/getrangeat/index.md b/files/es/web/api/selection/getrangeat/index.md
index 9d8726540c94a5..01f85962489ed7 100644
--- a/files/es/web/api/selection/getrangeat/index.md
+++ b/files/es/web/api/selection/getrangeat/index.md
@@ -14,9 +14,7 @@ Devuelve un objeto de rango representando uno de los rangos seleccionados.
 ### Sintaxis
 
 ```
-range =
-sel.getRangeAt(
-index)
+range = sel.getRangeAt(index)
 ```
 
 ### Parámetros
diff --git a/files/es/web/api/selection/removerange/index.md b/files/es/web/api/selection/removerange/index.md
index 1ad1cd38abf071..b7bf5f740b82fe 100644
--- a/files/es/web/api/selection/removerange/index.md
+++ b/files/es/web/api/selection/removerange/index.md
@@ -15,7 +15,7 @@ Quita un rango de la selección.
 
 ```
 sel.removeRange(
-range)
+  range)
 ```
 
 ### Parámetros
diff --git a/files/es/web/api/selection/tostring/index.md b/files/es/web/api/selection/tostring/index.md
index 7d2cc5134c58e2..ce0bc88c612640 100644
--- a/files/es/web/api/selection/tostring/index.md
+++ b/files/es/web/api/selection/tostring/index.md
@@ -14,8 +14,7 @@ Devuelve una cadena de caracteres (texto), la cual es representada por el objeto
 ### Sintaxis
 
 ```
-string =
-sel.toString()
+string = sel.toString()
 ```
 
 - `string` es la representación del texto de selección.
diff --git a/files/es/web/api/server-sent_events/using_server-sent_events/index.md b/files/es/web/api/server-sent_events/using_server-sent_events/index.md
index 11a506928c2e38..bc65260cd82ba1 100644
--- a/files/es/web/api/server-sent_events/using_server-sent_events/index.md
+++ b/files/es/web/api/server-sent_events/using_server-sent_events/index.md
@@ -115,21 +115,21 @@ Cada mensaje consiste en una o más líneas de texto que enumeran los campos par
 
 Los siguientes nombres de campo son definidos por la especificación:
 
-#### event
+- `event`
 
-El tipo de evento. Si se especifica, un evento se enviará al navegador a la escucha para el nombre del evento especificado, el sitio web usaria `addEventLister()` para escuchar eventos nombrados. El controlador `onmessage` se llama si no se especifica el nombre del evento para un mensaje.
+  - : El tipo de evento. Si se especifica, un evento se enviará al navegador a la escucha para el nombre del evento especificado, el sitio web usaria `addEventLister()` para escuchar eventos nombrados. El controlador `onmessage` se llama si no se especifica el nombre del evento para un mensaje.
 
-#### data
+- `data`
 
-El campo de datos para el mensaje. Cuando el EventSource recibe múltiples lineas con "`data:`", se concatenara, insertando un caracter de nueva de linea entre cada uno. Se eliminan los saltos de línea al final **\[VERIFICAR].**
+  - : El campo de datos para el mensaje. Cuando el EventSource recibe múltiples lineas con "`data:`", se concatenara, insertando un caracter de nueva de linea entre cada uno. Se eliminan los saltos de línea al final **\[VERIFICAR].**
 
-#### id
+- `id`
 
-El ID del evento que establecerá el último ID del objeto EventSource.
+  - : El ID del evento que establecerá el último ID del objeto EventSource.
 
-#### Retry
+- `Retry`
 
-El tiempo de reconexión para usar al intentar enviar el evento. \[Qué código maneja esto?] Este debe ser un número entero, que especifica el tiempo de reconexion en milisegundos. Si se especifica un valor no entero, el campo se ignora.
+  - : El tiempo de reconexión para usar al intentar enviar el evento. \[Qué código maneja esto?] Este debe ser un número entero, que especifica el tiempo de reconexion en milisegundos. Si se especifica un valor no entero, el campo se ignora.
 
 Se omiten todos los demas nombres de campo.
 
diff --git a/files/es/web/api/service_worker_api/index.md b/files/es/web/api/service_worker_api/index.md
index 32569899870ab0..b1e7c0c5e2907e 100644
--- a/files/es/web/api/service_worker_api/index.md
+++ b/files/es/web/api/service_worker_api/index.md
@@ -109,7 +109,7 @@ En el futuro, los service workers podrán hacer una cantidad de cosas útiles pa
 - {{domxref("ServiceWorkerGlobalScope") }}
   - : Representa el contexto global de ejecución de un service worker.
 - {{domxref("ServiceWorkerMessageEvent")}} {{deprecated_inline}}
-  - : Representa un mensaje envaido a un{{domxref("ServiceWorkerGlobalScope")}}. **Observese que este interfaz está considerado obsoleto en navegadores modernos. Los mensajes de service worker no podrán utilizar el interfaz {{domxref("MessageEvent")}}, por consistencia con otras características de mensajería web.**
+  - : Representa un mensaje envaido a un{{domxref("ServiceWorkerGlobalScope")}}. Observese que este interfaz está considerado obsoleto en navegadores modernos. Los mensajes de service worker no podrán utilizar el interfaz {{domxref("MessageEvent")}}, por consistencia con otras características de mensajería web.
 - {{domxref("ServiceWorkerRegistration") }}
   - : Representa un registro service worker.
 - {{domxref("SyncEvent")}} {{non-standard_inline}}
diff --git a/files/es/web/api/serviceworkercontainer/register/index.md b/files/es/web/api/serviceworkercontainer/register/index.md
index 7b02330e4414c4..9bce8edb86755e 100644
--- a/files/es/web/api/serviceworkercontainer/register/index.md
+++ b/files/es/web/api/serviceworkercontainer/register/index.md
@@ -5,7 +5,7 @@ translation_of: Web/API/ServiceWorkerContainer/register
 ---
 {{SeeCompatTable}}{{APIRef("Service Workers API")}}
 
-El método **`register()`**de la interfaz {{domxref("ServiceWorkerContainer")}} crea o actualiza un {{domxref("ServiceWorkerRegistration")}} para un `scriptURL`. dado
+El método **`register()`** de la interfaz {{domxref("ServiceWorkerContainer")}} crea o actualiza un {{domxref("ServiceWorkerRegistration")}} para un `scriptURL`. dado
 
 Si tiene éxito, el registro de un "service worker" relaciona la URL del script proporcionada con un ámbito, que posteriormente se utiliza para la coincidencia de navegación. Puede llamar a este método incondicionalmente desde la página controlada. Es decir, no necesita verificar primero si hay un registro activo.
 
diff --git a/files/es/web/api/settimeout/index.md b/files/es/web/api/settimeout/index.md
index fb58e53a12f18a..dbbecb338f00db 100644
--- a/files/es/web/api/settimeout/index.md
+++ b/files/es/web/api/settimeout/index.md
@@ -44,7 +44,7 @@ Puede ser útil advertir que `setTimeout()` y {{domxref("WindowOrWorkerGlobalSco
 
 El siguiente ejemplo establece dos botenes simples en una página web y los engancha a las rutinas `setTimeout()` y `clearTimeout()`. Presionando el primer botón establecerá un temporizador que llama un diálogo de alerta después de dos segundos y guarda el id del temporizador para usarlo con `clearTimeout()`. Opcionalmente puede cancelar este temporizador presionando el segundo botón.
 
-### Contenido HTML
+HTML
 
 ```html
 <p>Ejemplo funcional</p>
@@ -53,7 +53,7 @@ El siguiente ejemplo establece dos botenes simples en una página web y los enga
 <button onclick="clearAlert();">Cancela la alerta antes de que ocurra</button>
 ```
 
-### Contenido JavaScript
+JavaScript
 
 ```js
 var timeoutID;
diff --git a/files/es/web/api/subtlecrypto/index.md b/files/es/web/api/subtlecrypto/index.md
index 43132a9f235098..f4b790f39cae99 100644
--- a/files/es/web/api/subtlecrypto/index.md
+++ b/files/es/web/api/subtlecrypto/index.md
@@ -29,7 +29,9 @@ Podemos dividir las funciones implementadas por esta API en dos grupos: funcione
 
 Estas son las funciones que puedes utilizar para implementar características de seguridad como la privacidad y la autenticación en un sistema. El API de `SubtleCrypto` proporciona las siguientes funciones criptográficas:
 
-\* {{DOMxRef("SubtleCrypto.sign","sign()")}} y {{DOMxRef("SubtleCrypto.verify","verify()")}}: crea y verifica las firmas digitales. \* {{DOMxRef("SubtleCrypto.encrypt","encrypt()")}} y {{DOMxRef("SubtleCrypto.decrypt","decrypt()")}}: encripta y desencripta datos. \* {{DOMxRef("SubtleCrypto.digest","digest()")}}: crea un digest de longitud fija y resistente a colisiones de algunos datos.
+- {{DOMxRef("SubtleCrypto.sign","sign()")}} y {{DOMxRef("SubtleCrypto.verify","verify()")}}: crea y verifica las firmas digitales.
+- {{DOMxRef("SubtleCrypto.encrypt","encrypt()")}} y {{DOMxRef("SubtleCrypto.decrypt","decrypt()")}}: encripta y desencripta datos.
+- {{DOMxRef("SubtleCrypto.digest","digest()")}}: crea un digest de longitud fija y resistente a colisiones de algunos datos.
 
 ### Funciones de gestión clave
 
diff --git a/files/es/web/api/touch_events/index.md b/files/es/web/api/touch_events/index.md
index b2bca90cf6786a..62a61125740426 100644
--- a/files/es/web/api/touch_events/index.md
+++ b/files/es/web/api/touch_events/index.md
@@ -37,7 +37,7 @@ Con el fin de proporcionar soporte de calidad para usuarios de interfaces tácti
 
 Este ejemplo muestra múltiples puntos de toques al mismo tiempo, permitiendo al usuario dibujar en un {{ HTMLElement("canvas") }} con más de un dedo a la vez. Esto funciona solamente en un navegador que soporte eventos táctiles.
 
-> **Nota:** **Not\*\***a:\*\* El texto de abajo usa el término "dedo" cuando describe el contacto con la superficie, pero esto podría ser, por supuesto, también un stylus u otro método de contacto.
+> **Nota:** El texto de abajo usa el término "dedo" cuando describe el contacto con la superficie, pero esto podría ser, por supuesto, también un _stylus_ u otro método de contacto.
 
 ### Configurando los eventos de manipulación
 
diff --git a/files/es/web/api/url/url/index.md b/files/es/web/api/url/url/index.md
index c252b96f871983..e91efdd37d7314 100644
--- a/files/es/web/api/url/url/index.md
+++ b/files/es/web/api/url/url/index.md
@@ -21,7 +21,7 @@ url = new URL(url, [base])
 
 - `url`
   - : Un {{domxref("USVString")}} que representa una URL absoluta o relativa. Si _url_ es una URL relativa, se requiere _base_, y se usará como URL base. Si url es una URL absoluta, se ignorará una _base_ determinada.
-- `base`\_ \_{{optional_inline}}
+- `base` {optional_inline}}
   - : Un {{domxref("USVString")}} representa la URL base a usar en caso de que la URL sea una URL relativa. Si no se especifica, el valor predeterminado es `''`.
 
 > **Nota:** Aún puede usar un objeto {{domxref("URL")}} existente para la base, que se enchufa al atributo {{domxref("DOMString.href","href")}} del objeto.
diff --git a/files/es/web/api/web_audio_api/index.md b/files/es/web/api/web_audio_api/index.md
index 28625b8566ad9a..5a68ca34b10c64 100644
--- a/files/es/web/api/web_audio_api/index.md
+++ b/files/es/web/api/web_audio_api/index.md
@@ -43,9 +43,9 @@ Contenedores y definiciones generales que dan forma a los gráficos de audio en
 - {{domxref("AudioContext")}}
   - : La interfaz **`AudioContext`** representa un gráfico de procesamiento de audio construido de módulos de audio enlazados juntos, cada uno representado por un {{domxref("AudioNode")}}. Un contexto de audio controla la creación de los nodos que contiene y la ejecución del procesamiento del audio, or decoding. Necesitas crear un `AudioContext` antes de hacer cualquier cosa, ya que todo pasa dentro de un contexto de audio.
 - {{domxref("AudioNode")}}
-  - : La interfaz **`AudioNode`\*\*** \*\*representa un módulo de procesamiento de audio como una _fuente de audio_ (por ejemplo un ejemplo HTML {{HTMLElement("audio")}} or {{HTMLElement("video")}}), _destino de audio_, _módulo de procesamiento intermedio_ (por ejemplo un filtro como {{domxref("BiquadFilterNode")}}, o _control de volumen_ como {{domxref("GainNode")}}).
+  - : La interfaz **`AudioNode`** representa un módulo de procesamiento de audio como una _fuente de audio_ (por ejemplo un ejemplo HTML {{HTMLElement("audio")}} or {{HTMLElement("video")}}), _destino de audio_, _módulo de procesamiento intermedio_ (por ejemplo un filtro como {{domxref("BiquadFilterNode")}}, o _control de volumen_ como {{domxref("GainNode")}}).
 - {{domxref("AudioParam")}}
-  - : La interfaz **`AudioParam`\*\*** \*\*representa un parámetro relacionado al audio, como uno de un {{domxref("AudioNode")}}. Esto puede ser establecido a un valor específico o un cambio de valor, y puede ser agendado para que ocurra en un momento específico y siguiendo un patrón específico.
+  - : La interfaz **`AudioParam`** representa un parámetro relacionado al audio, como uno de un {{domxref("AudioNode")}}. Esto puede ser establecido a un valor específico o un cambio de valor, y puede ser agendado para que ocurra en un momento específico y siguiendo un patrón específico.
 - {{domxref("AudioParamMap")}}
   - : Provee una interfaz como para mapear a un grupo de interfaces {{domxref("AudioParam")}}, lo que significa que proporciona los métodos `forEach()`, `get()`, `has()`, `keys()`, y `values()`, como también una propiedad `size`.
 - {{domxref("BaseAudioContext")}}
@@ -63,32 +63,32 @@ Las interfaces que definen fuentes de audio para usar en la API de Web.
 <!---->
 
 - {{domxref("OscillatorNode")}}
-  - : La interfaz **`OscillatorNode`\*\*** \*\*representa una forma de onda periódica, como una onda sinusoidal o triangular. Es un módulo de procesamiento de audio {{domxref("AudioNode")}} que causa que se cree una _frecuencia_ de onda determinada.
+  - : La interfaz **`OscillatorNode`** representa una forma de onda periódica, como una onda sinusoidal o triangular. Es un módulo de procesamiento de audio {{domxref("AudioNode")}} que causa que se cree una _frecuencia_ de onda determinada.
 - {{domxref("AudioBuffer")}}
   - : La interfaz **`AudioBuffer`** representa un recurso de audio corto que reside en la memoria, creado desde un archivo de audio usando el método {{ domxref("AudioContext.decodeAudioData()") }}, o creado con datos sin procesar usando {{ domxref("AudioContext.createBuffer()") }}. Una vez decodificado en esta forma, el audio puede ser colocado en un {{ domxref("AudioBufferSourceNode") }}.
 - {{domxref("AudioBufferSourceNode")}}
   - : La interfaz **`AudioBufferSourceNode`** representa una fuente de audio que consiste en una datos de audio en la memoria, almacenada en un {{domxref("AudioBuffer")}}. Es un {{domxref("AudioNode")}} que actúa como una fuente de audio.
 - {{domxref("MediaElementAudioSourceNode")}}
-  - : La interfaz **`MediaElementAudio`\*\***`SourceNode`\*\* representa una fuente de audio que consiste en un elemento {{ htmlelement("audio") }} o {{ htmlelement("video") }} de HTML5. Es un {{domxref("AudioNode")}} que actúa como una fuente de audio.
+  - : La interfaz **`MediaElementAudioSourceNode`** representa una fuente de audio que consiste en un elemento {{ htmlelement("audio") }} o {{ htmlelement("video") }} de HTML5. Es un {{domxref("AudioNode")}} que actúa como una fuente de audio.
 - {{domxref("MediaStreamAudioSourceNode")}}
-  - : La interfaz **`MediaStreamAudio`\*\***`SourceNode`\*\* representa una fuente de audio que consiste en un {{domxref("MediaStream")}} de [WebRTC](/es/docs/WebRTC) (como una cámara web, micrófono, o una transmisión siendo enviada a una computadora remota). Es un {{domxref("AudioNode")}} que actúa como una fuente de audio.
+  - : La interfaz **`MediaStreamAudioSourceNode`** representa una fuente de audio que consiste en un {{domxref("MediaStream")}} de [WebRTC](/es/docs/WebRTC) (como una cámara web, micrófono, o una transmisión siendo enviada a una computadora remota). Es un {{domxref("AudioNode")}} que actúa como una fuente de audio.
 
 ### Definiendo filtros de efectos de audio
 
 Interfaces para definir efectos que quieras aplicar a tus fuentes de audio.
 
 - {{domxref("BiquadFilterNode")}}
-  - : La interfaz **`BiquadFilterNode`\*\*** \*\*representa una filtro de bajo orden sencillo. Es un {{domxref("AudioNode")}} que puede representar diferentes tipos de filtros, dispositivos de control de tono, o ecualizadores gráficos. Un `BiquadFilterNode` siempre tiene exactamente una entrada y una salida.
+  - : La interfaz **`BiquadFilterNode`** representa una filtro de bajo orden sencillo. Es un {{domxref("AudioNode")}} que puede representar diferentes tipos de filtros, dispositivos de control de tono, o ecualizadores gráficos. Un `BiquadFilterNode` siempre tiene exactamente una entrada y una salida.
 - {{domxref("ConvolverNode")}}
-  - : La interfaz **`Convolver`\*\***`Node`\***\* **es un {{domxref("AudioNode")}} que realiza una Convolución Lineal en un {{domxref("AudioBuffer")}} determinado, y es usado a menudo para lograr un efecto de reverberación.
+  - : La interfaz **`ConvolverNode`** es un {{domxref("AudioNode")}} que realiza una Convolución Lineal en un {{domxref("AudioBuffer")}} determinado, y es usado a menudo para lograr un efecto de reverberación.
 - {{domxref("DelayNode")}}
   - : La interfaz **`DelayNode`** representa una [línea de detardo](http://en.wikipedia.org/wiki/Digital_delay_line); un módulo de procesamiento de audio de {{domxref("AudioNode")}} que causa un retardo entre la llegada de una entrada de datos y su propagación a la salida.
 - {{domxref("DynamicsCompressorNode")}}
   - : La intefaz **`DynamicsCompressorNode`** proporciona un efecto de compresión, que reduce el volumen de las partes más ruidosas de la señal para ayudar a evitar el recorte y la distorsión que pueden ocurrir cuando se reproducen y multiplexan múltiples sonidos a la vez.
 - {{domxref("GainNode")}}
-  - : La intefaz **`GainNode`\*\*** \*\*representa un cambio de volumen. Es un módulo de procesamiento de audio de {{domxref("AudioNode")}} que causa que una _ganancia_ determinada para ser aplicada a la entrada de datos antes de su propacación a la salida.
+  - : La intefaz **`GainNode`** representa un cambio de volumen. Es un módulo de procesamiento de audio de {{domxref("AudioNode")}} que causa que una _ganancia_ determinada para ser aplicada a la entrada de datos antes de su propacación a la salida.
 - {{domxref("WaveShaperNode")}}
-  - : La interfaz **`WaveShaperNode`\*\*** \*\*representa un la interfaz representa un distorsionador no lineal. Es un {{domxref("AudioNode")}} que usa una curva para aplicar una distorsión en forma de onda a la señal. Además de los obvios efectos de distorsión, a menudo se usa para agregar una sensación cálida a la señal.
+  - : La interfaz **`WaveShaperNode`** representa un la interfaz representa un distorsionador no lineal. Es un {{domxref("AudioNode")}} que usa una curva para aplicar una distorsión en forma de onda a la señal. Además de los obvios efectos de distorsión, a menudo se usa para agregar una sensación cálida a la señal.
 - {{domxref("PeriodicWave")}}
   - : Describe una forma de onda periódica que puede ser usada para dar forma a la salida de un {{ domxref("OscillatorNode") }}.
 - {{domxref("IIRFilterNode")}}
@@ -101,7 +101,7 @@ Una vez que haya terminado de procesar su audio, estas interfaces definen dónde
 - {{domxref("AudioDestinationNode")}}
   - : La interfaz **`AudioDestinationNode`** representa el destino final de una fuente de audio en contexto determinado — usualmente los altavoces de tu dispositivo.
 - {{domxref("MediaStreamAudioDestinationNode")}}
-  - : La interfaz **`MediaStreamAudio`\*\***`DestinationNode`\*\* representa un destino de audio que consiste en un {{domxref("MediaStream")}} de [WebRTC](/es/docs/WebRTC) con un `AudioMediaStreamTrack` sencillo, que puede ser usado de una manera similiar a un {{domxref("MediaStream")}} obtenido desde {{ domxref("MediaDevices.getUserMedia", "getUserMedia()") }}. Es un {{domxref("AudioNode")}} que actúa como un destino de audio.
+  - : La interfaz **`MediaStreamAudioDestinationNode`** representa un destino de audio que consiste en un {{domxref("MediaStream")}} de [WebRTC](/es/docs/WebRTC) con un `AudioMediaStreamTrack` sencillo, que puede ser usado de una manera similiar a un {{domxref("MediaStream")}} obtenido desde {{ domxref("MediaDevices.getUserMedia", "getUserMedia()") }}. Es un {{domxref("AudioNode")}} que actúa como un destino de audio.
 
 ### Análisis y visualización de datos
 
@@ -124,7 +124,7 @@ Para dividir y fusionar canales de audio, deberás usar estas interfaces.
 Estas interfaces te permiten agregar efectos de paneo de especialización de audio a tus fuentes de audio.
 
 - {{domxref("AudioListener")}}
-  - : La interfaz **`AudioListener`\*\*** \*\*representa la posición y orientación de la única persona escuchando la escena de audio usada en la espacialización de audio.
+  - : La interfaz **`AudioListener`** representa la posición y orientación de la única persona escuchando la escena de audio usada en la espacialización de audio.
 - {{domxref("PannerNode")}}
   - : La interfaz **`PannerNode`** representa la posición y comportamiento de una señal de fuente de audio en un espacio 3D, permitiéndote crear efectos de paneo complejos.
 - {{domxref("StereoPannerNode")}}
@@ -146,7 +146,7 @@ Usando worklets de audio (pequeñas tareas), puedes definir nodos personalizados
 Antes de que se definieran los worklets de audio, la API de Web Audio usó `ScriptProcessorNode` {{deprecated_inline}} para procesamiento de audio basado en JavaScript. Como el código se ejecuta en el hilo principal, tuvo un mal rendimiento. `ScriptProcessorNode` se mantiene por razones históricas pero está marcada como obsoleta y será removida en una versión futura de la especificación.
 
 - {{domxref("ScriptProcessorNode")}} {{deprecated_inline}}
-  - : La interfaz **`ScriptProcessorNode`\*\*** \*\*permite la generación, procesamiento, o análisis de audio usando JavaScript. Es un módulo de procesamiento de audio {{domxref("AudioNode")}} que está enlazado a dos buffers, uno conteniendo la actual entrada, uno conteniendo la salida. Un evento, implementando la interfaz {{domxref("AudioProcessingEvent")}}, es enviado al objeto cada vez que el buffer de entrada contiene nuevos datos, y el manejador del evento termina cuando ha llenado el buffer de salida con datos.
+  - : La interfaz **`ScriptProcessorNode`** permite la generación, procesamiento, o análisis de audio usando JavaScript. Es un módulo de procesamiento de audio {{domxref("AudioNode")}} que está enlazado a dos buffers, uno conteniendo la actual entrada, uno conteniendo la salida. Un evento, implementando la interfaz {{domxref("AudioProcessingEvent")}}, es enviado al objeto cada vez que el buffer de entrada contiene nuevos datos, y el manejador del evento termina cuando ha llenado el buffer de salida con datos.
 - {{event("audioprocess")}} (event) {{deprecated_inline}}
   - : El evento `audioprocess` es lanzado cuando un buffer de entrada de un {{domxref("ScriptProcessorNode")}} del API del Audio Web está listo para ser procesado.
 - {{domxref("AudioProcessingEvent")}} {{deprecated_inline}}
@@ -360,52 +360,3 @@ function voiceMute() { // alternar para silenciar y activar el sonido
 - [howler.js](https://github.com/goldfire/howler.js/): a JS audio library that defaults to [Web Audio API](https://dvcs.w3.org/hg/audio/raw-file/tip/webaudio/specification.html) and falls back to [HTML5 Audio](http://www.whatwg.org/specs/web-apps/current-work/#the-audio-element), as well as providing other useful features.
 - [Mooog](https://github.com/mattlima/mooog): jQuery-style chaining of AudioNodes, mixer-style sends/returns, and more.
 - [OpenLang](https://github.com/chrisjohndigital/OpenLang): HTML5 video language lab web application using the Web Audio API to record and combine video and audio from different sources into a single file ([source on GitHub](https://github.com/chrisjohndigital/OpenLang))
-
-### Enlaces rápidos
-
-1. **Guíass**
-
-    1. [Conceptos básicos detrás del API de Audio Web](/es/docs/Web/API/Web_Audio_API/Basic_concepts_behind_Web_Audio_API)
-    2. [Usando el API de Audio Web](/es/docs/Web/API/Web_Audio_API/Using_Web_Audio_API)
-    3. [Visualizaciones con el API de Audio Web](/es/docs/Web/API/Web_Audio_API/Visualizations_with_Web_Audio_API)
-    4. [Bases de la espacialización de audio Web](/es/docs/Web/API/Web_Audio_API/Web_audio_spatialization_basics)
-    5. [Portando código de webkitAudioContext a estándares basados en AudioContext](/es/docs/Web/API/Web_Audio_API/Porting_webkitAudioContext_code_to_standards_based_AudioContext)
-
-2. **Ejemplos**
-
-    1. [Teclado sintetizador sencillo](/es/docs/Web/API/Web_Audio_API/Simple_synth)
-    2. [Voice-change-O-matic](http://mdn.github.io/voice-change-o-matic/)
-    3. [Violent Theremin](http://mdn.github.io/violent-theremin/)
-
-3. **Interfaces**
-
-    1. {{domxref("AnalyserNode")}}
-    2. {{domxref("AudioBuffer")}}
-    3. {{domxref("AudioScheduledSourceNode")}}
-    4. {{domxref("AudioBufferSourceNode")}}
-    5. {{domxref("AudioContext")}}
-    6. {{domxref("AudioDestinationNode")}}
-    7. {{domxref("AudioListener")}}
-    8. {{domxref("AudioNode")}}
-    9. {{domxref("AudioParam")}}
-    10. {{event("audioprocess")}} (event)
-    11. {{domxref("AudioProcessingEvent")}}
-    12. {{domxref("BiquadFilterNode")}}
-    13. {{domxref("ChannelMergerNode")}}
-    14. {{domxref("ChannelSplitterNode")}}
-    15. {{event("complete")}} (event)
-    16. {{domxref("ConvolverNode")}}
-    17. {{domxref("DelayNode")}}
-    18. {{domxref("DynamicsCompressorNode")}}
-    19. {{event("ended_(Web_Audio)", "ended")}} (event)
-    20. {{domxref("GainNode")}}
-    21. {{domxref("MediaElementAudioSourceNode")}}
-    22. {{domxref("MediaStreamAudioDestinationNode")}}
-    23. {{domxref("MediaStreamAudioSourceNode")}}
-    24. {{domxref("OfflineAudioCompletionEvent")}}
-    25. {{domxref("OfflineAudioContext")}}
-    26. {{domxref("OscillatorNode")}}
-    27. {{domxref("PannerNode")}}
-    28. {{domxref("PeriodicWave")}}
-    29. {{domxref("ScriptProcessorNode")}}
-    30. {{domxref("WaveShaperNode")}}
diff --git a/files/es/web/api/web_storage_api/index.md b/files/es/web/api/web_storage_api/index.md
index 0b21692aa6c9dd..3a467a4b995cf4 100644
--- a/files/es/web/api/web_storage_api/index.md
+++ b/files/es/web/api/web_storage_api/index.md
@@ -19,8 +19,8 @@ La **API de almacenamiento web** proporciona los mecanismos mediante los cuales
 
 Los dos mecanismos en el almacenamiento web son los siguientes:
 
-- **`sessionStorage` **mantiene un área de almacenamiento separada para cada origen que está disponible mientras dure la sesión de la página (mientras el navegador esté abierto, incluyendo recargas de página y restablecimientos).
-- **`localStorage` **hace lo mismo, pero persiste incluso cuando el navegador se cierre y se reabra.
+- **`sessionStorage`** mantiene un área de almacenamiento separada para cada origen que está disponible mientras dure la sesión de la página (mientras el navegador esté abierto, incluyendo recargas de página y restablecimientos).
+- **`localStorage`** hace lo mismo, pero persiste incluso cuando el navegador se cierre y se reabra.
 
 Estos mecanismos están disponibles mediante las propiedades [`Window.sessionStorage`](/es/docs/Web/API/Window/sessionStorage) y [`Window.localStorage`](/es/docs/Web/API/Window/localStorage) (dicho con más precisión, en navegadores con soporte, el objeto `Window` implementa los objetos `WindowLocalStorage` y `WindowSessionStorage`, en los cuales se basan las propiedades `localStorage` y `sessionStorage`). Al invocar uno de éstos, se creará una instancia del objeto [`Storage`](/es/docs/Web/API/Storage), a través del cual los datos pueden ser creados, recuperados y eliminados. sessionStorage y localStorage utilizan un objeto de almacenamiento diferente según su origen — funcionan y son controlados por separado.
 
@@ -61,7 +61,7 @@ También creamos una[página de salida del evento](http://mdn.github.io/web-stor
 
 Todos los navegadores tienen distintos niveles de capacidad tanto para localStorage como para sessionStorage. Aquí está una [análisis detallado de todas las capacidades de almacenamiento de diferentes navegadores](http://dev-test.nemikor.com/web-storage/support-test/).
 
-> **Nota:**Desde iOS 5.1, Safari Mobile almacena los datos de localStorage en la carpeta de caché, la cual está sujeta a limpiezas ocasionales, a petición del sistema operativo, típicamente cuando el espacio es reducido.
+> **Nota:** Desde iOS 5.1, Safari Mobile almacena los datos de localStorage en la carpeta de caché, la cual está sujeta a limpiezas ocasionales, a petición del sistema operativo, típicamente cuando el espacio es reducido.
 
 ## Navegación privada / Modo incógnito
 
diff --git a/files/es/web/api/web_storage_api/using_the_web_storage_api/index.md b/files/es/web/api/web_storage_api/using_the_web_storage_api/index.md
index 3c784cd525876e..1abac702a6ee04 100644
--- a/files/es/web/api/web_storage_api/using_the_web_storage_api/index.md
+++ b/files/es/web/api/web_storage_api/using_the_web_storage_api/index.md
@@ -207,7 +207,7 @@ El almacenamiento web también provee un par de métodos simples para remover da
 
 Todos los navegadores tienen distintos niveles de capacidad tanto para localStorage como para sessionStorage. Aquí está una [análisis detallado de todas las capacidades de almacenamiento de diferentes navegadores](http://dev-test.nemikor.com/web-storage/support-test/).
 
-> **Nota:**Desde iOS 5.1, Safari Mobile almacena los datos de localStorage en la carpeta de caché, la cual está sujeta a limpiezas ocasionales, a petición del sistema operativo, típicamente cuando el espacio es reducido.
+> **Nota:** Desde iOS 5.1, Safari Mobile almacena los datos de localStorage en la carpeta de caché, la cual está sujeta a limpiezas ocasionales, a petición del sistema operativo, típicamente cuando el espacio es reducido.
 
 ## Ver también
 
diff --git a/files/es/web/api/webgl_api/index.md b/files/es/web/api/webgl_api/index.md
index 0b1710fe76acc9..5e54d7a1e9979c 100644
--- a/files/es/web/api/webgl_api/index.md
+++ b/files/es/web/api/webgl_api/index.md
@@ -9,7 +9,7 @@ translation_of: Web/API/WebGL_API
 
 WebGL trae gráficos en 3D para la Web mediante la introducción de una API que cumple estrictamente la OpenGL ES 2.0 que se puede utilizar en elementos [`canvas`](/en/HTML/Canvas) HTML5. La compatibilidad para WebGL viene en [Firefox 4](/es/Firefox_4_para_desarrolladores) y se puede probar en las [betas de Firefox 4](http://firefox.com/beta) o en [trunk builds.](http://nightly.mozilla.org/) .
 
-> **Nota:** **Nota:** La especificación para WebGL se encuentra todavía en fase de borrador y sujeta a cambios.
+> **Nota:** La especificación para WebGL se encuentra todavía en fase de borrador y sujeta a cambios.
 
 ## Temas sobre desarrollo
 
diff --git a/files/es/web/api/webgl_api/tutorial/using_shaders_to_apply_color_in_webgl/index.md b/files/es/web/api/webgl_api/tutorial/using_shaders_to_apply_color_in_webgl/index.md
index 6bba73d9fbdf30..8a8ca7decbc016 100644
--- a/files/es/web/api/webgl_api/tutorial/using_shaders_to_apply_color_in_webgl/index.md
+++ b/files/es/web/api/webgl_api/tutorial/using_shaders_to_apply_color_in_webgl/index.md
@@ -78,7 +78,7 @@ Es un cambio simple; cada fragmento simplemente recibe el color interpolado basa
 
 ## Dibujando usando los colores
 
-Como siguiente, es necesario agregar código hacia la rutina `initShaders() esto para inicializar el atributo de color para el shader program:`
+Como siguiente, es necesario agregar código hacia la rutina `initShaders()` esto para inicializar el atributo de color para el shader program:
 
 ```js
   vertexColorAttribute = gl.getAttribLocation(shaderProgram, "aVertexColor");
diff --git a/files/es/web/api/webgl_api/tutorial/using_textures_in_webgl/index.md b/files/es/web/api/webgl_api/tutorial/using_textures_in_webgl/index.md
index 65560045cfa6ce..31f701712a3cbe 100644
--- a/files/es/web/api/webgl_api/tutorial/using_textures_in_webgl/index.md
+++ b/files/es/web/api/webgl_api/tutorial/using_textures_in_webgl/index.md
@@ -38,7 +38,7 @@ function handleTextureLoaded(image, texture) {
 }
 ```
 
-`La rutina initTextures()` comienza por crear el GL texture cubeTexture llamando la rutina GL {{domxref("WebGLRenderingContext.createTexture()", "createTexture()")}}. Para cargar la textura desde un archivo de imagen, este luego crea un Objeto Imagen y carga en él el archivo de imagen que deseamos utilizar como nuestra textura. La rutina `handleTextureLoaded()` corre cuando la textura ha terminado de cargar.
+La rutina `initTextures()` comienza por crear el GL texture cubeTexture llamando la rutina GL {{domxref("WebGLRenderingContext.createTexture()", "createTexture()")}}. Para cargar la textura desde un archivo de imagen, este luego crea un Objeto Imagen y carga en él el archivo de imagen que deseamos utilizar como nuestra textura. La rutina `handleTextureLoaded()` corre cuando la textura ha terminado de cargar.
 
 Para realmente crear la textura, especificamos que la nueva textura es la textura actual en la que queremos operar vinculándola a gl.TEXTURE_2D. Despues de esto, la imagen cargada es pasada a {{domxref("WebGLRenderingContext.texImage2D()", "texImage2D()")}} para escribir la informacion de la imagen en la textura.
 
@@ -201,11 +201,11 @@ La carga de texturas WebGL esta sujeta a controles de acceso entre dominios. Par
 
 Ver este articulo [hacks.mozilla.org](http://hacks.mozilla.org/2011/11/using-cors-to-load-webgl-textures-from-cross-domain-images/) para una explicacion de como usar imágenes CORS-approved como texturas WebGL , con un [ejemplo auto-contenido](http://people.mozilla.org/~bjacob/webgltexture-cors-js.html).
 
-> **Nota:**El soporte CORS para texturas WebGL y el atributo crossOrigin para elementos de imagen se implementan en {{Gecko ("8.0")}}.
+> **Nota:** El soporte CORS para texturas WebGL y el atributo crossOrigin para elementos de imagen se implementan en {{Gecko ("8.0")}}.
 
 Canvas 2D contaminados (Solo lectura) no pueden ser utilizados como texturas WebGL. una 2D {{ HTMLElement("canvas") }} se convierte en contaminada, por ejemplo, cuando una imagen de dominio cruzado (cross-domain) es dibujada en el.
 
-> **Nota:**El soporte de CORS para Canvas 2D drawImage se implementa en {{Gecko ("9.0")}}. Esto significa que el uso de una imagen de dominio cruzado con aprobación de CORS ya no pinta el lienzo 2D, por lo que el lienzo 2D sigue siendo utilizable como fuente de una textura WebGL.
+> **Nota:** El soporte de CORS para Canvas 2D drawImage se implementa en {{Gecko ("9.0")}}. Esto significa que el uso de una imagen de dominio cruzado con aprobación de CORS ya no pinta el lienzo 2D, por lo que el lienzo 2D sigue siendo utilizable como fuente de una textura WebGL.
 
 > **Nota:** El soporte de CORS para videos de dominio cruzado y el atributo de crossorigin para elementos {{HTMLElement("video")}} se implementa en {{Gecko ("12.0")}}.
 
diff --git a/files/es/web/api/websocket/index.md b/files/es/web/api/websocket/index.md
index 81cb4292cdf5b6..841e0f9eb4b7b3 100644
--- a/files/es/web/api/websocket/index.md
+++ b/files/es/web/api/websocket/index.md
@@ -18,7 +18,7 @@ WebSocket WebSocket(
 ```
 
 - `url`
-  - : `La URL a la cual se conecta, debe ser la URL con la cual el servidor WebSocket debe responder.`
+  - : La URL a la cual se conecta, debe ser la URL con la cual el servidor WebSocket debe responder.
 - `protocols` {{optional_inline}}
   - : Permite cualquier caso, desde un simple protocolo o un arreglo de cadenas de texto. Estas cadenas de texto son usadas para indicar subprotocolos, en los cuales un único servidor puede implementar múltiples subprotocolos para el WebSocket (por ejemplo, tu podrías esperar que un servido gestione diferentes tipos de interacciones dependiendo de un tipo específico de protocolo). Si no especificas un subprotocolo, se asume una cadena de texto vacía.
 
@@ -120,7 +120,7 @@ void send(
 - `SYNTAX_ERR`
   - : La data tiene caracteres no válidos que no se pueden decodificar.
 
-> **Nota:**La implementación del método `send()`en el motor de renderizado Gecko puede cambiar de la especificación en {{Gecko("6.0")}}; Gecko devuelve un `boolean`indicando si la conexión esta todavía abierta (y, por extensión, que los datos son encolados o trasmitidos satisfactoriamente). Esto ha sido corregido en {{Gecko("8.0")}}.
+> **Nota:** La implementación del método `send()`en el motor de renderizado Gecko puede cambiar de la especificación en {{Gecko("6.0")}}; Gecko devuelve un `boolean` indicando si la conexión esta todavía abierta (y, por extensión, que los datos son encolados o trasmitidos satisfactoriamente). Esto ha sido corregido en {{Gecko("8.0")}}.
 >
 > A partir de {{Gecko("11.0")}}, implementa {{jsxref("ArrayBuffer")}} pero no tipos de datos {{domxref("Blob")}}.
 
diff --git a/files/es/web/api/websockets_api/writing_websocket_client_applications/index.md b/files/es/web/api/websockets_api/writing_websocket_client_applications/index.md
index e335246e0fe1e1..d7d7f96cdd0a52 100644
--- a/files/es/web/api/websockets_api/writing_websocket_client_applications/index.md
+++ b/files/es/web/api/websockets_api/writing_websocket_client_applications/index.md
@@ -13,7 +13,7 @@ WebSockets es una tecnología basada en el protocolo ws, este hace posible estab
 
 La API de WebSocket esta disponible para el código JavaScript cuyo alcance DOM sea un objeto {{ domxref("Window") }} o cualquier objeto implementando {{ domxref("WorkerUtils") }}; si es así, puedes usarlos desde los Web Workers.
 
-> **Nota:**La API de WebSockets (y el protocolo subyacente) continúan en activo desarrollo, y existen muchos problemas de compatibilidad entre los navegadores en este momento (e inclusive entre los diferentes lanzamientos del mismo navegador).
+> **Nota:** La API de WebSockets (y el protocolo subyacente) continúan en activo desarrollo, y existen muchos problemas de compatibilidad entre los navegadores en este momento (e inclusive entre los diferentes lanzamientos del mismo navegador).
 
 ## Creando un Objeto WebSocket
 
diff --git a/files/es/web/api/websockets_api/writing_websocket_servers/index.md b/files/es/web/api/websockets_api/writing_websocket_servers/index.md
index 47fab01cf09021..eb464e364ddc5f 100644
--- a/files/es/web/api/websockets_api/writing_websocket_servers/index.md
+++ b/files/es/web/api/websockets_api/writing_websocket_servers/index.md
@@ -22,7 +22,7 @@ Un servidor WebSocket es explicado a un muy bajo nivel aquí. Los servidores Web
 
 Antes que nada, el servidor debe escuchar las conexiones entrantes usando un socket TCP estandar. Dependiendo de tu plataforma, esto puede ser manejado por tí. Por ejemplo asumamos que tu servidor esta escuchando la dirección example.com en el puerto 8000, y tu socket en el servidor responde a la petición GET con /chat.
 
-> **Advertencia:**El servidor puede escuchar cualquier puerto que elijas, pero si elijes un puerto diferente al 80 o 443 podría haber problemas con los firewalls y proxies. Suele suceder con el puerto 443 tambien pero para eso se necesita un conexión segura (TLS/SSL). También se debe aclarar que la mayoría de los navegadores (como Firefox 8 o superiores) no permiten conexiones a servidores WebSocket sin seguridad que se realicen desde páginas web con seguridad (HTTPS).
+> **Advertencia:** El servidor puede escuchar cualquier puerto que elijas, pero si elijes un puerto diferente al 80 o 443 podría haber problemas con los firewalls y proxies. Suele suceder con el puerto 443 tambien pero para eso se necesita un conexión segura (TLS/SSL). También se debe aclarar que la mayoría de los navegadores (como Firefox 8 o superiores) no permiten conexiones a servidores WebSocket sin seguridad que se realicen desde páginas web con seguridad (HTTPS).
 
 El Handshake es el puente desde HTTP a WS. En el Handshake se negocian los detalles de la conexión y cualquier de las partes pueden abandonar el proceso antes de completar dicha conexión si los términos no son favorables. El servidor debe ser cuidadoso al analizar lo que el cliente pide, de lo contrario podrían introducirse problemas de seguridad.
 
diff --git a/files/es/web/api/webvr_api/using_the_webvr_api/index.md b/files/es/web/api/webvr_api/using_the_webvr_api/index.md
index 1203c689bcc35b..6de89b75284823 100644
--- a/files/es/web/api/webvr_api/using_the_webvr_api/index.md
+++ b/files/es/web/api/webvr_api/using_the_webvr_api/index.md
@@ -16,7 +16,7 @@ translation_of: Web/API/WebVR_API/Using_the_WebVR_API
 
 La API WebVR es una fantástica adición al kit de herramientas del desarrollador web, permitiendo que las escenas de WebGL sean presentadas en pantallas de realidad virtual como el Oculus Rift y HTC Vive. Pero, ¿cómo empezar a desarrollar aplicaciones VR para la Web? Este artículo le guiará a través de los fundamentos.
 
-> **Nota:** **Nota:** La versión más estable de la API de WebVR (1.1) se ha implementado recientemente en Firefox 55 (Windows en versión de lanzamiento y Mac OS X sólo en Nightly) y también está disponible en Chrome cuando se usa con hardware de Google Daydream. También hay una evolución posterior de la especificación 2.0, pero esto está en una etapa temprana ahora mismo. Puede encontrar información sobre el estado más reciente de las especificaciones en [WebVR Spec Version List](https://w3c.github.io/webvr/).
+> **Nota:** La versión más estable de la API de WebVR (1.1) se ha implementado recientemente en Firefox 55 (Windows en versión de lanzamiento y Mac OS X sólo en Nightly) y también está disponible en Chrome cuando se usa con hardware de Google Daydream. También hay una evolución posterior de la especificación 2.0, pero esto está en una etapa temprana ahora mismo. Puede encontrar información sobre el estado más reciente de las especificaciones en [WebVR Spec Version List](https://w3c.github.io/webvr/).
 
 ## Empezando
 
diff --git a/files/es/web/api/xmlhttprequest/index.md b/files/es/web/api/xmlhttprequest/index.md
index 5f1a528993d659..8f66f44d9ef020 100644
--- a/files/es/web/api/xmlhttprequest/index.md
+++ b/files/es/web/api/xmlhttprequest/index.md
@@ -38,17 +38,15 @@ Para obtener más información de cómo usar `XMLHttpRequest`, mira [Usar XMLHtt
 
 ## Propiedades
 
-- Atributo: Tipo
-  - : Descripción
 - `channel`: `nsIChannel`
-  - : El canal es usado por el objeto cuando se produce el pedido. Esto da `null` si el canal aún no fue creado. En el caso de un pedido de múltiples partes, este es el canal inicial, no las diferentes partes del pedido múltiple. **Es necesario tener privilegios elevados para acceder; sólo lectura.** Non-standard
+  - : El canal es usado por el objeto cuando se produce el pedido. Esto da `null` si el canal aún no fue creado. En el caso de un pedido de múltiples partes, este es el canal inicial, no las diferentes partes del pedido múltiple. **Es necesario tener privilegios elevados para acceder; sólo lectura.** {{ Non-standard_inline() }}
 - `mozBackgroundRequest`: `booleano`
 
-  - : Indica si el objeto representa o no un pedido de un servicio de fondo. Si es `true`, no se asocia una carga de grupo con el pedido, y los diálogos de seguridad no se muestran al usuario. **Es necesario tener privilegios elevados para acceder.** Non-standard
+  - : Indica si el objeto representa o no un pedido de un servicio de fondo. Si es `true`, no se asocia una carga de grupo con el pedido, y los diálogos de seguridad no se muestran al usuario. **Es necesario tener privilegios elevados para acceder.** {{ Non-standard_inline() }}
 
     En los casos en que un diálogo de seguridad debe ser mostrado (como en una autentficación o la notificación de un certificado no válido), el pedido simplemente falla.
 
-- `mozResponseArrayBuffer` Non-standard
+- `mozResponseArrayBuffer` {{ Non-standard_inline() }}
   : [`ArrayBuffer`](/en-US/JavaScript_typed_arrays/ArrayBuffer)
   - : La respuesta al pedido en la forma de un arreglo de JavaScript. Esto es NULL si el pedido no fue exitoso o si todavía no ha sido enviado. **Sólo lectura.**
 - `multipart`: `booleano`
@@ -64,7 +62,7 @@ Para obtener más información de cómo usar `XMLHttpRequest`, mira [Usar XMLHtt
 
   - : Una función del objeto JavaScript que se llama cuando el atributo `readyState` cambia. El callback se llama desde la interfaz del usuario.
 
-    **Aviso:** Esto no debe ser usado desde código nativo. Tampoco debes usarlo con pedidos sincrónicos.
+    > **Advertencia:** Esto no debe ser usado desde código nativo. Tampoco debes usarlo con pedidos sincrónicos.
 
 - `readyState`: `long`
 
@@ -78,18 +76,6 @@ Para obtener más información de cómo usar `XMLHttpRequest`, mira [Usar XMLHtt
     | `3`   | `INTERACTIVE`   | Descargando; `responseText` contiene información parcial.                  |
     | `4`   | `COMPLETED`     | La operación está terminada.                                               |
 
-- Valor: Estado
-  - : Descripción
-- `0`: `UNINITIALIZED`
-  - : todavía no se llamó a `open()`.
-- `1`: `LOADING`
-  - : todavía no se llamó a `send()`.
-- `2`: `LOADED`
-  - : `send()` ya fue invocado, y los encabezados y el estado están disponibles.
-- `3`: `INTERACTIVE`
-  - : Descargando; `responseText` contiene información parcial.
-- `4`: `COMPLETED`
-  - : La operación está terminada.
 - `responseText`: `AString`
   - : La respuesta al pedido como texto, o `null` si el pedido no fue exitoso o todavía no se envió. **Sólo lectura.**
 - `responseXML`: `nsIDOMDocument`
diff --git a/files/es/web/api/xmlhttprequest/responsetext/index.md b/files/es/web/api/xmlhttprequest/responsetext/index.md
index 76a63f4acb76d4..d8120d2794da57 100644
--- a/files/es/web/api/xmlhttprequest/responsetext/index.md
+++ b/files/es/web/api/xmlhttprequest/responsetext/index.md
@@ -5,7 +5,7 @@ translation_of: Web/API/XMLHttpRequest/responseText
 ---
 {{APIRef('XMLHttpRequest')}}
 
-La propiedad **`XMLHttpRequest.responseText`** devuelve un **`DOMString`** que contiene la respuesta a la consulta como un texto o null si la consulta no tuvo exito o aun no ha sido completada. la propiedad **`responseText` **tendra una respuesta parcial como retorno aunque la consulta no haya sido completada. si **responseType** contiene algo que no sea un string vacio o un "text", el acceso a **responseText** sera **throw `InvalidStateError` exception**.
+La propiedad **`XMLHttpRequest.responseText`** devuelve un **`DOMString`** que contiene la respuesta a la consulta como un texto o null si la consulta no tuvo exito o aun no ha sido completada. la propiedad **`responseText`** tendra una respuesta parcial como retorno aunque la consulta no haya sido completada. si **responseType** contiene algo que no sea un string vacio o un "text", el acceso a **responseText** sera **`throw InvalidStateError exception`**.
 
 ## Ejemplo. Lanza una excepción **`InvalidStateError`**
 

From 4a147cd05fdbf580f80681383cec0ad88bd51a99 Mon Sep 17 00:00:00 2001
From: Alexander <alexander_belial999@hotmail.com>
Date: Tue, 25 Oct 2022 13:11:43 -0500
Subject: [PATCH 8/8] Apply suggestions from code review

---
 .../api/web_storage_api/using_the_web_storage_api/index.md    | 4 ++--
 .../api/webgl_api/tutorial/using_textures_in_webgl/index.md   | 2 +-
 2 files changed, 3 insertions(+), 3 deletions(-)

diff --git a/files/es/web/api/web_storage_api/using_the_web_storage_api/index.md b/files/es/web/api/web_storage_api/using_the_web_storage_api/index.md
index 1abac702a6ee04..37ca29f57f82cf 100644
--- a/files/es/web/api/web_storage_api/using_the_web_storage_api/index.md
+++ b/files/es/web/api/web_storage_api/using_the_web_storage_api/index.md
@@ -30,8 +30,8 @@ localStorage.setItem('colorSetting', '#a4509b');
 
 Los dos mecanismos en el almacenamiento web son los siguientes:
 
-- **`sessionStorage` **mantiene un área de almacenamiento separada para cada origen que está disponible mientras dure la sesión de la página (mientras el navegador esté abierto, incluyendo recargas de página y restablecimientos).
-- **`localStorage` **hace lo mismo, pero persiste incluso cuando el navegador se cierre y se reabra.
+- **`sessionStorage`** mantiene un área de almacenamiento separada para cada origen que está disponible mientras dure la sesión de la página (mientras el navegador esté abierto, incluyendo recargas de página y restablecimientos).
+- **`localStorage`** hace lo mismo, pero persiste incluso cuando el navegador se cierre y se reabra.
 
 Estos mecanismos están disponibles mediante las propiedades [`Window.sessionStorage`](/es/docs/Web/API/Window/sessionStorage) y [`Window.localStorage`](/es/docs/Web/API/Window/localStorage) (dicho con más precisión, en navegadores con soporte, el objeto `Window` implementa los objetos `WindowLocalStorage` y `WindowSessionStorage`, en los cuales se basan las propiedades `localStorage` y `sessionStorage`). Al invocar uno de éstos, se creará una instancia del objeto [`Storage`](/es/docs/Web/API/Storage), a través del cual los datos pueden ser creados, recuperados y eliminados. sessionStorage y localStorage utilizan un objeto de almacenamiento diferente según su origen — funcionan y son controlados por separado.
 
diff --git a/files/es/web/api/webgl_api/tutorial/using_textures_in_webgl/index.md b/files/es/web/api/webgl_api/tutorial/using_textures_in_webgl/index.md
index 31f701712a3cbe..9f6f3981aacd2a 100644
--- a/files/es/web/api/webgl_api/tutorial/using_textures_in_webgl/index.md
+++ b/files/es/web/api/webgl_api/tutorial/using_textures_in_webgl/index.md
@@ -42,7 +42,7 @@ La rutina `initTextures()` comienza por crear el GL texture cubeTexture llamando
 
 Para realmente crear la textura, especificamos que la nueva textura es la textura actual en la que queremos operar vinculándola a gl.TEXTURE_2D. Despues de esto, la imagen cargada es pasada a {{domxref("WebGLRenderingContext.texImage2D()", "texImage2D()")}} para escribir la informacion de la imagen en la textura.
 
-**Nota: El alto y hancho de las texturas deben, en la mayoría de las circunstancias, ser una potencia de dos píxeles (es decir, 1, 2, 4, 8, 16, etc.) en cada dimensión. Para la excepción, vea la sección: ["Texturas no potencia de dos"](/es/docs/Web/WebGL/Using_textures_in_WebGL#Non_power-of-two_textures), a continuación.**
+> **Nota:** El alto y hancho de las texturas deben, en la mayoría de las circunstancias, ser una potencia de dos píxeles (es decir, 1, 2, 4, 8, 16, etc.) en cada dimensión. Para la excepción, vea la sección: ["Texturas no potencia de dos"](/es/docs/Web/WebGL/Using_textures_in_WebGL#Non_power-of-two_textures), a continuación.
 
 Las siguientes dos líneas setean el filtrado para la textura; Esto controla cómo se filtra la imagen mientras se escala. En este caso estamos usando linear filtering cuando escala la imagen, y mipmap cuando se hace mas pequeña. Entonces el mipmap es generado llamando {{domxref("WebGLRenderingContext.generateMipMap()", "generateMipMap()")}}, Y terminamos diciéndole a WebGL que hemos terminado de manipular la textura vinculando null a gl.TEXTURE_2D.