mdn · Graywolf9 · Feb 20, 2023 · Feb 20, 2023 · Feb 20, 2023 · Feb 20, 2023
@@ -158,8 +158,6 @@ Los navegadores simplemente ignoran el CSS que no entienden. Si la propiedad o e
 
 También puedes echar un vistazo a las tablas de compatibilidad de navegadores en la parte inferior de cada página de propiedades del proyecto MDN. Te muestran la compatibilidad de cada navegador para esa propiedad, a menudo desglosado si hay compatibilidad para un uso de la propiedad y no para otros. La tabla siguiente muestra los datos de compatibilidad para la propiedad {{cssxref ("shape-outside")}}.
 
-{{compat("css.shape-outside")}}
-
 ### ¿Hay algo más que anule tu CSS?
 
 Aquí es donde la información que has aprendido sobre la especificidad será muy útil. Si tienes algo más específico que anula lo que intentas hacer, puedes entrar en un juego muy frustrante de tratar de resolverlo sin saber qué tienes que resolver. Sin embargo, como hemos dicho, las DevTools te mostrarán qué CSS se ha aplicado y así puedes averiguar cómo hacer que el nuevo selector sea lo suficientemente específico como para anularlo.

@@ -107,14 +107,12 @@ El CSS Working Group desarrolla o especifica características nuevas del CSS. Al
 
 Como recién llegado al CSS, es probable que encuentres las especificaciones abrumadoras: están destinadas a que los ingenieros las utilicen para implementar soporte de sus características en los agentes de usuario en que trabajan, no para que lo lean los desarrolladores web para comprender el CSS. Muchos desarrolladores experimentados preferirán consultar la documentación disponible en MDN u otros tutoriales. Sin embargo, vale la pena saber que existen y comprender la relación que hay entre el CSS que estás utilizando, el soporte del navegador (ver más abajo) y las especificaciones.
 
-## Soporte del navegador
+## Compatibilidad con navegadores
 
 Una vez se ha especificado el CSS, solo es útil en el desarrollo de páginas web si uno o más navegadores lo han implementado. Esto significa que el código se ha escrito para convertir las instrucciones que se especifican en nuestro archivo CSS en algo que se pueda mostrar en pantalla. Veremos este proceso más en profundidad en el artículo [Cómo funciona el CSS](/es/docs/Learn/CSS/First_steps/Como_funciona_CSS). Es inusual que todos los navegadores puedan implementar una misma característica al mismo tiempo, por lo que suele haber una brecha en la que se pueden usar algunas partes del CSS en algunos navegadores pero no en otros. Por este motivo, es útil poder verificar el estado de implementación. En cada una de las páginas de propiedades que hay en la MDN se puede ver el estado de la propiedad de interés, por lo que se puede saber si será posible utilizarla en un sitio web.
 
 Lo que sigue es el gráfico de datos de compatibilidad para la propiedad CSS [`font-family`](/es/docs/Web/CSS/font-family).
 
-{{Compat("css.properties.font-family")}}
-
 ## ¿Qué viene ahora?
 
 Ahora que comprendes mínimamente qué es el CSS, pasemos a [Comenzar con CSS](/es/docs/Learn/CSS/First_steps/Comenzando_CSS), donde puedes empezar a escribir algo de CSS tú mismo.

@@ -30,9 +30,9 @@ Para obtener más información sobre el uso de i18n en su extensión, consulte:
 
 <!---->
 
-## Compatibilidad entre navegadores
+## Compatibilidad con navegadores
 
-{{Compat("webextensions.api.i18n")}}
+{{Compat}}
 
 {{WebExtExamples("h2")}}
 

@@ -45,9 +45,9 @@ El almacenamiento tiene tres propiedades, que representan los diferentes tipos d
 - {{WebExtAPIRef("storage.onChanged")}}
   - : Se dispara cuando uno o más elementos cambian en un área de almacenamiento.
 
-## Browser compatibility
+## Compatibilidad con navegadores
 
-{{Compat("webextensions.api.storage")}}
+{{Compat}}
 
 {{WebExtExamples("h2")}}
 

@@ -33,9 +33,9 @@ El objeto local implementa los métodos definidos en el{{WebExtAPIRef("storage.S
 - {{WebExtAPIRef("storage.StorageArea.clear()")}}
   - : Elimina todos los elementos del área de almacenamiento.
 
-## Compatibilidad del navegador
+## Compatibilidad con navegadores
 
-{{Compat("webextensions.api.storage.local")}}
+{{Compat}}
 
 {{WebExtExamples}}
 

@@ -28,9 +28,9 @@ El objeto de sincronización implementa los métodos definidos en el {{WebExtAPI
 - {{WebExtAPIRef("storage.StorageArea.clear()")}}
   - : Elimina todos los elementos del área de almacenamiento.
 
-## Compatibilidad del navegador
+## Compatibilidad con navegadores
 
-{{Compat("webextensions.api.storage.sync")}}
+{{Compat}}
 
 {{WebExtExamples}}
 

@@ -52,6 +52,6 @@ Puede usar SVG y el navegador escalará su icono adecuadamente. Sin embargo, hay
 
 > **Nota:** Si está usando un programa como Inkscape para crear SVG, puede que quiera guardarlo como un "SVG simple". Firefox podría confundirse con varios espacios de nombres especiales y no mostrar su icono.
 
-## Compatibilidad
+## Compatibilidad con navegadores
 
-{{Compat("webextensions.manifest.icons")}}
+{{Compat}}
@@ -33,11 +33,11 @@ Puedes acceder a el manifest desde el código JavaScript de tu extensión utiliz
 browser.runtime.getManifest().version;
 ```
 
-## Compatibilidad de Navegadores
+## Compatibilidad con navegadores
 
 Para un resumen extendido de las llaves y sub-llaves ver la [tabla completa de compatibilidad de `manifest.json` en navegadores](/es/docs/Mozilla/Add-ons/WebExtensions/Browser_compatibility_for_manifest.json).
 
-{{Compat("webextensions.manifest")}}
+{{Compat}}
 
 ## Ver También
 

@@ -203,14 +203,6 @@ Estos controladores de eventos se definen en el mixin {{DOMxRef("GlobalEventHand
 
 _Esta interfaz no define métodos_
 
-## Especificaciones
-
-{{Specifications}}
-
-## Compatibilidad del navegador
-
-{{Compat("api.GlobalEventHandlers")}}
-
 ## Ve también
 
 - {{DOMxRef("Element")}}

@@ -2,6 +2,7 @@
 title: HTMLElement.focus()
 slug: orphaned/Web/API/HTMLOrForeignElement/focus
 original_slug: Web/API/HTMLOrForeignElement/focus
+browser-compat: api.HTMLElement.focus
 ---
 
 {{ APIRef("HTML DOM") }}
@@ -102,17 +103,17 @@ focusNoScrollMethod = function getFocusWithoutScrolling() {
 
 {{ EmbedLiveSample('Focus_prevent_scroll') }}
 
-## Especificaciones
-
-{{Specifications}}
-
 ## Notas
 
 Si se llama a `HTMLElement.focus()` desde un gestor de eventos "mousedown" (ratón presionado), se debe también llamar al método `event.preventDefault()` para evitar que el foco abandone `HTMLElement`**.**
 
-## Compatibilidad en navegadores
+## Especificaciones
+
+{{Specifications}}
+
+## Compatibilidad con navegadores
 
-{{Compat("api.HTMLElement.focus")}}
+{{Compat}}
 
 ## Ver también
 

@@ -2,6 +2,7 @@
 title: navigator.hardwareConcurrency
 slug: orphaned/Web/API/NavigatorConcurrentHardware/hardwareConcurrency
 original_slug: Web/API/NavigatorConcurrentHardware/hardwareConcurrency
+browser-compat: api.Navigator.hardwareConcurrency
 ---
 
 {{APIRef("HTML DOM")}}
@@ -44,9 +45,9 @@ for (let i = 0; i < window.navigator.hardwareConcurrency; i++) {
 
 {{Specifications}}
 
-## Browser compatibility
+## Compatibilidad con navegadores
 
-{{Compat("api.NavigatorConcurrentHardware.hardwareConcurrency")}}
+{{Compat}}
 
 ## See also
 

@@ -2,6 +2,7 @@
 title: NavigatorConcurrentHardware
 slug: orphaned/Web/API/NavigatorConcurrentHardware
 original_slug: Web/API/NavigatorConcurrentHardware
+browser-compat: api.Navigator.hardwareConcurrency
 ---
 
 {{APIRef("HTML DOM")}}
@@ -25,9 +26,9 @@ _The `NavigatorConcurrentHardware`_ _mixin has no methods._
 
 {{Specifications}}
 
-## Browser compatibility
+## Compatibilidad con navegadores
 
-{{Compat("api.NavigatorConcurrentHardware")}}
+{{Compat}}
 
 ## See also
 

@@ -47,14 +47,6 @@ _The events properties, of the form `onXYZ`, are defined on the {{domxref("Windo
 
 _This interface defines no method._
 
-## Especificaciones
-
-{{Specifications}}
-
-## Browser compatibility
-
-{{Compat("api.WindowEventHandlers")}}
-
 ## See also
 
 - {{domxref("Window")}} and {{domxref("WorkerGlobalScope")}}
@@ -70,8 +70,4 @@ Aqui hemos puesto que la imagen `src` sea una URL de datos que contiene una imag
 
 ## Especificaciones
 
-Esta propiedad no esta definida en ningun estándar de CSS
-
-## Browser compatibility
-
-{{Compat("css.properties.-moz-context-properties")}}
+Esta propiedad no esta definida en ningun estándar de CSS.
@@ -139,9 +139,9 @@ function draw() {
 
 {{Specifications}}
 
-## Browser compatibility
+## Compatibilidad con navegadores
 
-{{Compat("api.AnalyserNode")}}
+{{Compat}}
 
 ## See also
 

@@ -17,9 +17,9 @@ name = AnimationEvent.animationName
 
 {{Specifications}}
 
-## Compatibilidad de navegadores
+## Compatibilidad con navegadores
 
-{{Compat("api.AnimationEvent.animationName")}}
+{{Compat}}
 
 ## Ver también
 

@@ -36,9 +36,9 @@ _También hereda los métodos de su padre {{domxref("Event")}}_.
 
 {{Specifications}}
 
-## Compatibilidad de Navegadores
+## Compatibilidad con navegadores
 
-{{Compat("api.AnimationEvent")}}
+{{Compat}}
 
 ## Ver también
 

@@ -26,9 +26,9 @@ var decodedData = window.atob(encodedData); // decode the string
 
 {{Specifications}}
 
-## Browser compatibility
+## Compatibilidad con navegadores
 
-{{Compat("api.atob")}}
+{{Compat}}
 
 ## See also
 

@@ -114,4 +114,4 @@ Los siguientes metodos ahora son obsoletos.
 
 ## Compatibilidad con navegadores
 
-{{Compat("api.Attr")}}
+{{Compat}}
@@ -75,9 +75,9 @@ source.start();
 
 {{Specifications}}
 
-## Compatibilidad de navegadores
+## Compatibilidad con navegadores
 
-{{Compat("api.AudioBuffer")}}
+{{Compat}}
 
 ## Mira también
 

@@ -53,9 +53,9 @@ biquadFilter.gain.value = 25;
 
 {{Specifications}}
 
-## Compatibilidad con el navegador
+## Compatibilidad con navegadores
 
-{{Compat("api.BaseAudioContext.createBiquadFilter")}}
+{{Compat}}
 
 ## Ver tambien
 

@@ -100,9 +100,9 @@ var finish = audioCtx.destination;
 
 {{Specifications}}
 
-## Browser compatibility
+## Compatibilidad con navegadores
 
-{{Compat("api.BaseAudioContext")}}
+{{Compat}}
 
 ## See also
 

@@ -54,9 +54,13 @@ window.addEventListener("beforeunload", function (e) {
 });
 ```
 
-## Compatibilidad del navegador
+## Especificaciones
 
-{{Compat("api.BeforeUnloadEvent")}}
+{{Specifications}}
+
+## Compatibilidad con navegadores
+
+{{Compat}}
 
 ## Ver también
 

@@ -41,9 +41,9 @@ var oMiBlob = new Blob(unaParteDeArchivo, {type : 'text/html'}); // el blob
 
 {{Specifications}}
 
-## Compatibilidad de los navegadores
+## Compatibilidad con navegadores
 
-{{Compat("api.Blob.Blob")}}
+{{Compat}}
 
 ## Vea también
 

@@ -82,19 +82,9 @@ Al utilizar otros métodos de {{domxref("FileReader")}}, es posible leer los con
 
 {{Specifications}}
 
-## Compatibilidad de navegadores
+## Compatibilidad con navegadores
 
-{{Compat("api.Blob")}}
-
-## Disponilidad del alcance del código en Chrome
-
-El alcance JSM del `Blob`se encuentra disponible sin la necesidad de hacer nada en especial.
-
-En el alcance de arranque, este debe importarse de igual modo:
-
-```js
-const {Blob, Services} = Cu.import('resource://gre/modules/Services.jsm', {});
-```
+{{Compat}}
 
 ## Ver también
 

@@ -43,9 +43,9 @@ for (i = 0; i < files.length; i++) {
 
 {{Specifications}}
 
-## Compatibilidad con browsers
+## Compatibilidad con navegadores
 
-{{Compat("api.Blob.type")}}
+{{Compat}}
 
 ## Ver también
 

@@ -47,9 +47,9 @@ this.addEventListener('install', function(event) {
 
 {{Specifications}}
 
-## Compatibilidad de Navegadores
+## Compatibilidad con navegadores
 
-{{Compat("api.caches")}}
+{{Compat}}
 
 ## Ver también
 

@@ -158,9 +158,9 @@ try {
 
 {{Specifications}}
 
-## Browser compatibility
+## Compatibilidad con navegadores
 
-{{Compat("api.CacheStorage")}}
+{{Compat}}
 
 ## See also
 

@@ -49,9 +49,9 @@ then.addEventListener('activar', función (evento) {
 
 {{Specifications}}
 
-## Compatibilidad del navegador
+## Compatibilidad con navegadores
 
-{{Compat("api.CacheStorage.keys")}}
+{{Compat}}
 
 ## Ver también