convert content to md

6 files changed, 192 insertions, 272 deletions

diff --git a/files/fr/web/api/extendablemessageevent/data/index.md b/files/fr/web/api/extendablemessageevent/data/index.md
index fa74ec3d7d..ca1b492b22 100644
--- a/files/fr/web/api/extendablemessageevent/data/index.md
+++ b/files/fr/web/api/extendablemessageevent/data/index.md
@@ -9,23 +9,24 @@ tags:
   - Service Workers
 translation_of: Web/API/ExtendableMessageEvent/data
 ---
-<div>{{APIRef("Service Workers API")}}{{SeeCompatTable}}</div>
+{{APIRef("Service Workers API")}}{{SeeCompatTable}}
 
-<p>La propriété <code><strong>data</strong></code> est une propriété en lecture seule rattachée à l'interface {{domxref("ExtendableMessageEvent")}} et qui permet d'accéder aux données de l'évènement. Il peut s'agir de n'importe quel type de donnée.</p>
+La propriété **`data`** est une propriété en lecture seule rattachée à l'interface {{domxref("ExtendableMessageEvent")}} et qui permet d'accéder aux données de l'évènement. Il peut s'agir de n'importe quel type de donnée.
 
-<h2 id="Syntaxe">Syntaxe</h2>
+## Syntaxe
 
-<pre class="syntaxbox">var mesDonnees = ExtendableMessageEventInstance.data;</pre>
+    var mesDonnees = ExtendableMessageEventInstance.data;
 
-<h3 id="Valeur">Valeur</h3>
+### Valeur
 
-<p>N'importe quel type de donnée.</p>
+N'importe quel type de donnée.
 
-<h2 id="Exemples">Exemples</h2>
+## Exemples
 
-<p>Quand le code suivant est utilisé dans un service worker pour répondre à un message <em>push</em> en envoyant les données reçues par {{domxref("PushMessageData")}} au contexte principal via un <a href="/fr/docs/Web/API/Channel_Messaging_API">message</a>, l'objet de l'évènement <code>onmessage</code> sera un <code>ExtendableMessageEvent</code>.</p>
+Quand le code suivant est utilisé dans un service worker pour répondre à un message _push_ en envoyant les données reçues par {{domxref("PushMessageData")}} au contexte principal via un [message](/fr/docs/Web/API/Channel_Messaging_API), l'objet de l'évènement `onmessage` sera un `ExtendableMessageEvent`.
 
-<pre class="brush: js">var port;
+```js
+var port;
 
 self.addEventListener('push', function(e) {
   var obj = e.data.json();
@@ -41,34 +42,21 @@ self.onmessage = function(e) {
   console.log(e.data);
   port = e.ports[0];
 }
-</pre>
-
-<h2 id="Spécifications">Spécifications</h2>
-
-<table class="standard-table">
- <tbody>
-  <tr>
-   <th scope="col">Spécification</th>
-   <th scope="col">État</th>
-   <th scope="col">Commentaire</th>
-  </tr>
-  <tr>
-   <td>{{SpecName('Service Workers', '#extendablemessage-event-data-attribute', 'ExtendableMessageEvent.data')}}</td>
-   <td>{{Spec2('Service Workers')}}</td>
-   <td>Définition initiale.</td>
-  </tr>
- </tbody>
-</table>
-
-<h2 id="Compatibilité_des_navigateurs">Compatibilité des navigateurs</h2>
-
-<p>{{Compat("api.ExtendableMessageEvent.data")}}</p>
-
-<h2 id="Voir_aussi">Voir aussi</h2>
-
-<ul>
- <li><a href="/fr/docs/Web/API/Service_Worker_API/Using_Service_Workers">Utiliser les <em>Service Workers</em></a></li>
- <li><a href="https://github.com/mdn/sw-test">Exemple simple utilisant les <em>service workers</em></a></li>
- <li><a href="https://jakearchibald.github.io/isserviceworkerready/">État d'avancement de l'implémentation pour <em>ServiceWorker</em> dans les navigateurs</a></li>
- <li><a href="/fr/docs/Web/API/Channel_Messaging_API">Échange de messages entre les canaux</a></li>
-</ul>
+```
+
+## Spécifications
+
+| Spécification                                                                                                                                | État                                 | Commentaire          |
+| -------------------------------------------------------------------------------------------------------------------------------------------- | ------------------------------------ | -------------------- |
+| {{SpecName('Service Workers', '#extendablemessage-event-data-attribute', 'ExtendableMessageEvent.data')}} | {{Spec2('Service Workers')}} | Définition initiale. |
+
+## Compatibilité des navigateurs
+
+{{Compat("api.ExtendableMessageEvent.data")}}
+
+## Voir aussi
+
+- [Utiliser les _Service Workers_](/fr/docs/Web/API/Service_Worker_API/Using_Service_Workers)
+- [Exemple simple utilisant les _service workers_](https://github.com/mdn/sw-test)
+- [État d'avancement de l'implémentation pour _ServiceWorker_ dans les navigateurs](https://jakearchibald.github.io/isserviceworkerready/)
+- [Échange de messages entre les canaux](/fr/docs/Web/API/Channel_Messaging_API)
diff --git a/files/fr/web/api/extendablemessageevent/extendablemessageevent/index.md b/files/fr/web/api/extendablemessageevent/extendablemessageevent/index.md
index a9d04efa8a..cd4de1962e 100644
--- a/files/fr/web/api/extendablemessageevent/extendablemessageevent/index.md
+++ b/files/fr/web/api/extendablemessageevent/extendablemessageevent/index.md
@@ -9,67 +9,53 @@ tags:
   - Service Workers
 translation_of: Web/API/ExtendableMessageEvent/ExtendableMessageEvent
 ---
-<p>{{APIRef("Service Workers API")}}{{ SeeCompatTable() }}</p>
+{{APIRef("Service Workers API")}}{{ SeeCompatTable() }}
 
-<p>Le constructeur <code><strong>Extendable</strong></code><strong><code>MessageEvent()</code></strong>crée une nouvelle instance d'un {{domxref("ExtendableMessageEvent")}}.</p>
+Le constructeur **`Extendable`\*\***`MessageEvent()`\*\*crée une nouvelle instance d'un {{domxref("ExtendableMessageEvent")}}.
 
-<h2 id="Syntaxe">Syntaxe</h2>
+## Syntaxe
 
-<pre class="syntaxbox">var myEME = new ExtendableMessageEvent(type, init);</pre>
+    var myEME = new ExtendableMessageEvent(type, init);
 
-<h3 id="Paramètres">Paramètres</h3>
+### Paramètres
 
-<dl>
- <dt>type</dt>
- <dd>Un {{domxref("DOMString")}} qui définie le type de message créé.</dd>
- <dt>init {{optional_inline}}</dt>
- <dd>Un objet d'initialisation, qui doit contenir les paramètres suivant:
- <ul>
-  <li><code>data</code>: Les données de l'évènement — peut être de n'importe quel type.</li>
-  <li><code>origin</code>: Une {{domxref("DOMString")}} qui définie l'origine de l'environnement du service worker correspondant.</li>
-  <li><code>lastEventId</code>: Une {{domxref("DOMString")}} qui définie le dernier l'id du dernier évènement de l'évènement source.</li>
-  <li><code>source</code>: Le {{domxref("Client")}}, {{domxref("ServiceWorker")}} ou {{domxref("MessagePort")}} qui a envoyé un message.</li>
-  <li><code>ports</code>: Un tableau contenant les objets  {{domxref("MessagePort")}} connectés au canal d'envoie des messages.</li>
- </ul>
- </dd>
-</dl>
+- type
+  - : Un {{domxref("DOMString")}} qui définie le type de message créé.
+- init {{optional_inline}}
 
-<h2 id="Exemples">Exemples</h2>
+  - : Un objet d'initialisation, qui doit contenir les paramètres suivant:
 
-<pre class="brush: js">var init = {
+    - `data`: Les données de l'évènement — peut être de n'importe quel type.
+    - `origin`: Une {{domxref("DOMString")}} qui définie l'origine de l'environnement du service worker correspondant.
+    - `lastEventId`: Une {{domxref("DOMString")}} qui définie le dernier l'id du dernier évènement de l'évènement source.
+    - `source`: Le {{domxref("Client")}}, {{domxref("ServiceWorker")}} ou {{domxref("MessagePort")}} qui a envoyé un message.
+    - `ports`: Un tableau contenant les objets  {{domxref("MessagePort")}} connectés au canal d'envoie des messages.
+
+## Exemples
+
+```js
+var init = {
              data : 'Message de bienvenue',
              source : MessagePortReference,
              ports : MessagePortListReference
            }
 
-var myEME = new ExtendableMessageEvent('message', init);</pre>
-
-<h2 id="Spécifications">Spécifications</h2>
-
-<table class="standard-table">
- <tbody>
-  <tr>
-   <th scope="col">Spécification</th>
-   <th scope="col">Statut</th>
-   <th scope="col">Commentaire</th>
-  </tr>
-  <tr>
-   <td>{{SpecName('Service Workers', '#extendablemessage-event-interface', 'ExtendableMessageEvent')}}</td>
-   <td>{{Spec2('Service Workers')}}</td>
-   <td>Définition initiale.</td>
-  </tr>
- </tbody>
-</table>
-
-<h2 id="Compatibilités_des_navigateurs">Compatibilités des navigateurs</h2>
-
-<p>{{Compat("api.ExtendableMessageEvent.ExtendableMessageEvent")}}</p>
-
-<h2 id="Voir_aussi">Voir aussi</h2>
-
-<ul>
- <li><a href="/en-US/docs/Web/API/ServiceWorker_API/Using_Service_Workers">Utiliser les Service Workers</a></li>
- <li><a href="https://github.com/mdn/sw-test">Exemple simple de service workers</a></li>
- <li><a href="https://jakearchibald.github.io/isserviceworkerready/">Les Services Workers sont-ils prêts ?</a></li>
- <li><a href="/en-US/docs/Web/API/Channel_Messaging_API">Canal de messages</a></li>
-</ul>
+var myEME = new ExtendableMessageEvent('message', init);
+```
+
+## Spécifications
+
+| Spécification                                                                                                                    | Statut                               | Commentaire          |
+| -------------------------------------------------------------------------------------------------------------------------------- | ------------------------------------ | -------------------- |
+| {{SpecName('Service Workers', '#extendablemessage-event-interface', 'ExtendableMessageEvent')}} | {{Spec2('Service Workers')}} | Définition initiale. |
+
+## Compatibilités des navigateurs
+
+{{Compat("api.ExtendableMessageEvent.ExtendableMessageEvent")}}
+
+## Voir aussi
+
+- [Utiliser les Service Workers](/en-US/docs/Web/API/ServiceWorker_API/Using_Service_Workers)
+- [Exemple simple de service workers](https://github.com/mdn/sw-test)
+- [Les Services Workers sont-ils prêts ?](https://jakearchibald.github.io/isserviceworkerready/)
+- [Canal de messages](/en-US/docs/Web/API/Channel_Messaging_API)
diff --git a/files/fr/web/api/extendablemessageevent/index.md b/files/fr/web/api/extendablemessageevent/index.md
index adad758848..5cdfead701 100644
--- a/files/fr/web/api/extendablemessageevent/index.md
+++ b/files/fr/web/api/extendablemessageevent/index.md
@@ -10,47 +10,42 @@ tags:
   - Service Workers
 translation_of: Web/API/ExtendableMessageEvent
 ---
-<div>{{APIRef("Service Workers API")}}{{SeeCompatTable}}</div>
+{{APIRef("Service Workers API")}}{{SeeCompatTable}}
 
-<div> </div>
+L'interface **`ExtendableMessageEvent`** de {{domxref("ServiceWorker_API", "ServiceWorker API")}} représentes un objet d'évenement qu'un évènement {{event("message_(ServiceWorker)","message")}} lance pour un service worker (quand un canal de message est reçu sur le {{domxref("ServiceWorkerGlobalScope")}} depuis un autre context) — étends la durée de vie de ces évènements.
 
-<p>L'interface <strong><code>ExtendableMessageEvent</code></strong> de {{domxref("ServiceWorker_API", "ServiceWorker API")}} représentes un objet d'évenement qu'un évènement {{event("message_(ServiceWorker)","message")}} lance pour un service worker (quand un canal de message est reçu sur le {{domxref("ServiceWorkerGlobalScope")}} depuis un autre context) — étends la durée de vie de ces évènements.</p>
+Cette interface hérite de l'interface {{domxref("ExtendableEvent")}}.
 
-<p>Cette interface hérite de l'interface {{domxref("ExtendableEvent")}}.</p>
+## Constructeur
 
-<h2 id="Constructeur">Constructeur</h2>
+- {{domxref("ExtendableMessageEvent.ExtendableMessageEvent()")}}
+  - : Crée une nouvelle instance de l'objet `ExtendableMessageEvent`.
 
-<dl>
- <dt>{{domxref("ExtendableMessageEvent.ExtendableMessageEvent()")}}</dt>
- <dd>Crée une nouvelle instance de l'objet <code>ExtendableMessageEvent</code>.</dd>
-</dl>
+## Propriétés
 
-<h2 id="Propriétés">Propriétés</h2>
+_Hérite des propriétés de son parent,_ _{{domxref("ExtendableEvent")}}_.
 
-<p><em>Hérite des propriétés de son parent, </em><em>{{domxref("ExtendableEvent")}}</em>.</p>
+- {{domxref("ExtendableMessageEvent.data")}} {{readonlyinline}}
+  - : Retourne les données de l'évenements. Il peut être de n'importe quel type.
+- {{domxref("ExtendableMessageEvent.origin")}} {{readonlyinline}}
+  - : Retourne l'origine du {{domxref("ServiceWorkerClient")}} qui envoie le message.
+- {{domxref("ExtendableMessageEvent.lastEventId")}} {{readonlyinline}}
+  - : Représente, dans un [server-sent events](en-US/docs/Server-sent_events/Using_server-sent_events), le dernier ID de l'évenement source.
+- {{domxref("ExtendableMessageEvent.source")}} {{readonlyinline}}
+  - : Retourne une référence vers le service worker qui envoie le message.
+- {{domxref("ExtendableMessageEvent.ports")}} {{readonlyinline}}
+  - : Retourne un tableau contenant l'objet {{domxref("MessagePort")}} représentant les ports associés au canal de messagerie.
 
-<dl>
- <dt>{{domxref("ExtendableMessageEvent.data")}} {{readonlyinline}}</dt>
- <dd>Retourne les données de l'évenements. Il peut être de n'importe quel type.</dd>
- <dt>{{domxref("ExtendableMessageEvent.origin")}} {{readonlyinline}}</dt>
- <dd>Retourne l'origine du {{domxref("ServiceWorkerClient")}} qui envoie le message.</dd>
- <dt>{{domxref("ExtendableMessageEvent.lastEventId")}} {{readonlyinline}}</dt>
- <dd>Représente, dans un <a href="en-US/docs/Server-sent_events/Using_server-sent_events">server-sent events</a>, le dernier ID de l'évenement source.</dd>
- <dt>{{domxref("ExtendableMessageEvent.source")}} {{readonlyinline}}</dt>
- <dd>Retourne une référence vers le service worker qui envoie le message.</dd>
- <dt>{{domxref("ExtendableMessageEvent.ports")}} {{readonlyinline}}</dt>
- <dd>Retourne un tableau contenant l'objet {{domxref("MessagePort")}} représentant les ports associés au canal de messagerie.</dd>
-</dl>
+## Méthodes
 
-<h2 id="Méthodes">Méthodes</h2>
+_Hérite des méthodesde son parent, {{domxref("ExtendableEvent")}}_.
 
-<p><em>Hérite des méthodesde son parent, {{domxref("ExtendableEvent")}}</em>.</p>
+## Exemples
 
-<h2 id="Exemples">Exemples</h2>
+Le code suivant est utilisé dans un service worker pour répondre à un message push en envoyant les données reçues via  {{domxref("PushMessageData")}} au contexte principale via un [channel message](/en-US/docs/Web/API/Channel_Messaging_API), l'objet d'évènement du `onmessage` sera un `ExtendableMessageEvent`.
 
-<p>Le code suivant est utilisé dans un service worker pour répondre à un message push en envoyant les données reçues via  {{domxref("PushMessageData")}} au contexte principale via un <a href="/en-US/docs/Web/API/Channel_Messaging_API">channel message</a>, l'objet d'évènement du <code>onmessage</code> sera un <code>ExtendableMessageEvent</code>.</p>
-
-<pre class="brush: js">var port;
+```js
+var port;
 
 self.addEventListener('push', function(e) {
   var obj = e.data.json();
@@ -66,34 +61,21 @@ self.onmessage = function(e) {
   console.log(e);
   port = e.ports[0];
 }
-</pre>
-
-<h2 id="Spécifications">Spécifications</h2>
-
-<table class="standard-table">
- <tbody>
-  <tr>
-   <th scope="col">Spécification</th>
-   <th scope="col">Statut</th>
-   <th scope="col">Commentaireaire</th>
-  </tr>
-  <tr>
-   <td>{{SpecName('Service Workers', '#extendablemessage-event-interface', 'ExtendableMessageEvent')}}</td>
-   <td>{{Spec2('Service Workers')}}</td>
-   <td>Définition initiale.</td>
-  </tr>
- </tbody>
-</table>
-
-<h2 id="Compatibilités_des_navigateurs">Compatibilités des navigateurs</h2>
-
-<p>{{Compat("api.ExtendableMessageEvent")}}</p>
-
-<h2 id="Voir_aussi">Voir aussi</h2>
-
-<ul>
- <li><a href="/en-US/docs/Web/API/ServiceWorker_API/Using_Service_Workers">Utiliser les Service Workers</a></li>
- <li><a href="https://github.com/mdn/sw-test">Exemple simple de service workers</a></li>
- <li><a href="https://jakearchibald.github.io/isserviceworkerready/">Les serviceWorker sont-ils prêts?</a></li>
- <li><a href="/en-US/docs/Web/API/Channel_Messaging_API">Cannal de Messagerie</a></li>
-</ul>
+```
+
+## Spécifications
+
+| Spécification                                                                                                                    | Statut                               | Commentaireaire      |
+| -------------------------------------------------------------------------------------------------------------------------------- | ------------------------------------ | -------------------- |
+| {{SpecName('Service Workers', '#extendablemessage-event-interface', 'ExtendableMessageEvent')}} | {{Spec2('Service Workers')}} | Définition initiale. |
+
+## Compatibilités des navigateurs
+
+{{Compat("api.ExtendableMessageEvent")}}
+
+## Voir aussi
+
+- [Utiliser les Service Workers](/en-US/docs/Web/API/ServiceWorker_API/Using_Service_Workers)
+- [Exemple simple de service workers](https://github.com/mdn/sw-test)
+- [Les serviceWorker sont-ils prêts?](https://jakearchibald.github.io/isserviceworkerready/)
+- [Cannal de Messagerie](/en-US/docs/Web/API/Channel_Messaging_API)
diff --git a/files/fr/web/api/extendablemessageevent/lasteventid/index.md b/files/fr/web/api/extendablemessageevent/lasteventid/index.md
index 997f1a7bf4..cd1fc93d7f 100644
--- a/files/fr/web/api/extendablemessageevent/lasteventid/index.md
+++ b/files/fr/web/api/extendablemessageevent/lasteventid/index.md
@@ -11,23 +11,24 @@ tags:
   - lastEventID
 translation_of: Web/API/ExtendableMessageEvent/lastEventId
 ---
-<p>{{APIRef("Service Workers API")}}{{SeeCompatTable}}</p>
+{{APIRef("Service Workers API")}}{{SeeCompatTable}}
 
-<p>La propriété en lecture seule <strong><code>lastEventID</code></strong> de l'interface {{domxref("ExtendableMessageEvent")}} représente, dans <a href="/en-US/docs/Web/API/en-US/docs/Server-sent_events/Using_server-sent_events">les évenements envoyés par lle serveur</a>, le dernier ID de l'évenement source.</p>
+La propriété en lecture seule **`lastEventID`** de l'interface {{domxref("ExtendableMessageEvent")}} représente, dans [les évenements envoyés par lle serveur](/en-US/docs/Web/API/en-US/docs/Server-sent_events/Using_server-sent_events), le dernier ID de l'évenement source.
 
-<h2 id="Syntaxe">Syntaxe</h2>
+## Syntaxe
 
-<pre class="syntaxbox">var myLastEventId = ExtendableMessageEventInstance.lastEventId;</pre>
+    var myLastEventId = ExtendableMessageEventInstance.lastEventId;
 
-<h3 id="Value">Value</h3>
+### Value
 
-<p>Une {{domxref("DOMString")}}.</p>
+Une {{domxref("DOMString")}}.
 
-<h2 id="Exemples">Exemples</h2>
+## Exemples
 
-<p>Le code suivant est utilisé, dans un service worker, pour répondre à un message push en envoyant les données reçues par le  {{domxref("PushMessageData")}} au contexte principale, via le <a href="/en-US/docs/Web/API/Channel_Messaging_API">canal de messages</a>. L'objet événement de <code>onmessage</code> sera un <code>ExtendableMessageEvent.</code></p>
+Le code suivant est utilisé, dans un service worker, pour répondre à un message push en envoyant les données reçues par le  {{domxref("PushMessageData")}} au contexte principale, via le [canal de messages](/en-US/docs/Web/API/Channel_Messaging_API). L'objet événement de `onmessage` sera un `ExtendableMessageEvent.`
 
-<pre class="brush: js">var port;
+```js
+var port;
 
 self.addEventListener('push', function(e) {
   var obj = e.data.json();
@@ -43,34 +44,21 @@ self.onmessage = function(e) {
   console.log(e.lastEventId);
   port = e.ports[0];
 }
-</pre>
-
-<h2 id="Spécifications">Spécifications</h2>
-
-<table class="standard-table">
- <tbody>
-  <tr>
-   <th scope="col">Spécification</th>
-   <th scope="col">Statut</th>
-   <th scope="col">Commentaire</th>
-  </tr>
-  <tr>
-   <td>{{SpecName('Service Workers', '#extendablemessage-event-lasteventid-attribute', 'ExtendableMessageEvent.lastEventId')}}</td>
-   <td>{{Spec2('Service Workers')}}</td>
-   <td>Définition initiale.</td>
-  </tr>
- </tbody>
-</table>
-
-<h2 id="Compatibilités_des_navigateurs">Compatibilités des navigateurs</h2>
-
-<p>{{Compat("api.ExtendableMessageEvent.lastEventId")}}</p>
-
-<h2 id="Voir_aussi">Voir aussi</h2>
-
-<ul>
- <li><a href="/en-US/docs/Web/API/ServiceWorker_API/Using_Service_Workers">Utilisation des Service Workers</a></li>
- <li><a href="https://github.com/mdn/sw-test">Exemple simple des service workers</a></li>
- <li><a href="https://jakearchibald.github.io/isserviceworkerready/">Est-ce que les service workers sont prêts ?</a></li>
- <li><a href="/en-US/docs/Web/API/Channel_Messaging_API">Canal de messages</a></li>
-</ul>
+```
+
+## Spécifications
+
+| Spécification                                                                                                                                                    | Statut                               | Commentaire          |
+| ---------------------------------------------------------------------------------------------------------------------------------------------------------------- | ------------------------------------ | -------------------- |
+| {{SpecName('Service Workers', '#extendablemessage-event-lasteventid-attribute', 'ExtendableMessageEvent.lastEventId')}} | {{Spec2('Service Workers')}} | Définition initiale. |
+
+## Compatibilités des navigateurs
+
+{{Compat("api.ExtendableMessageEvent.lastEventId")}}
+
+## Voir aussi
+
+- [Utilisation des Service Workers](/en-US/docs/Web/API/ServiceWorker_API/Using_Service_Workers)
+- [Exemple simple des service workers](https://github.com/mdn/sw-test)
+- [Est-ce que les service workers sont prêts ?](https://jakearchibald.github.io/isserviceworkerready/)
+- [Canal de messages](/en-US/docs/Web/API/Channel_Messaging_API)
diff --git a/files/fr/web/api/extendablemessageevent/origin/index.md b/files/fr/web/api/extendablemessageevent/origin/index.md
index 1d800b866f..6179c94fa4 100644
--- a/files/fr/web/api/extendablemessageevent/origin/index.md
+++ b/files/fr/web/api/extendablemessageevent/origin/index.md
@@ -11,23 +11,24 @@ tags:
   - origin
 translation_of: Web/API/ExtendableMessageEvent/origin
 ---
-<p>{{APIRef("Service Workers API")}}{{SeeCompatTable}}</p>
+{{APIRef("Service Workers API")}}{{SeeCompatTable}}
 
-<p>La propriété en lecture seule <strong>origin</strong> de l'interface {{domxref("ExtendableMessageEvent")}} retourne l'origine du  {{domxref("ServiceWorkerClient")}} qui a envoyé le message.</p>
+La propriété en lecture seule **origin** de l'interface {{domxref("ExtendableMessageEvent")}} retourne l'origine du  {{domxref("ServiceWorkerClient")}} qui a envoyé le message.
 
-<h2 id="Syntaxe">Syntaxe</h2>
+## Syntaxe
 
-<pre class="syntaxbox">var myOrigin = ExtendableMessageEventInstance.origin;</pre>
+    var myOrigin = ExtendableMessageEventInstance.origin;
 
-<h3 id="Value">Value</h3>
+### Value
 
-<p>Une {{domxref("DOMString")}}.</p>
+Une {{domxref("DOMString")}}.
 
-<h2 id="Exemples">Exemples</h2>
+## Exemples
 
-<p>Le code suivant est utilisé, dans un service worker, pour répondre à un message push en envoyant les données reçues par le  <a href="/fr/docs/Web/API/PushMessageData"><code>PushMessageData</code></a> au contexte principale, via le <a href="/en-US/docs/Web/API/Channel_Messaging_API">canal de messages</a>. L'objet événement de <code>onmessage</code> sera un <code>ExtendableMessageEvent.</code></p>
+Le code suivant est utilisé, dans un service worker, pour répondre à un message push en envoyant les données reçues par le  [`PushMessageData`](/fr/docs/Web/API/PushMessageData) au contexte principale, via le [canal de messages](/en-US/docs/Web/API/Channel_Messaging_API). L'objet événement de `onmessage` sera un `ExtendableMessageEvent.`
 
-<pre class="brush: js">var port;
+```js
+var port;
 
 self.addEventListener('push', function(e) {
   var obj = e.data.json();
@@ -43,34 +44,21 @@ self.onmessage = function(e) {
   console.log(e.origin);
   port = e.ports[0];
 }
-</pre>
-
-<h2 id="Spécifications">Spécifications</h2>
-
-<table class="standard-table">
- <tbody>
-  <tr>
-   <th scope="col">Spécification</th>
-   <th scope="col">Statut</th>
-   <th scope="col">Commentaire</th>
-  </tr>
-  <tr>
-   <td>{{SpecName('Service Workers', '#extendablemessage-event-origin-attribute', 'ExtendableMessageEvent.origin')}}</td>
-   <td>{{Spec2('Service Workers')}}</td>
-   <td>Définition initiale.</td>
-  </tr>
- </tbody>
-</table>
-
-<h2 id="Compatibilités_des_navigateurs">Compatibilités des navigateurs</h2>
-
-<p>{{Compat("api.ExtendableMessageEvent.origin")}}</p>
-
-<h2 id="Voir_aussi">Voir aussi</h2>
-
-<ul>
- <li><a href="/en-US/docs/Web/API/ServiceWorker_API/Using_Service_Workers">Utilisation des Service Workers</a></li>
- <li><a href="https://github.com/mdn/sw-test">Exemple simple des service workers</a></li>
- <li><a href="https://jakearchibald.github.io/isserviceworkerready/">Est-ce que les service workers sont prêts ?</a></li>
- <li><a href="/en-US/docs/Web/API/Channel_Messaging_API">Canal de messages</a></li>
-</ul>
\ No newline at end of file
+```
+
+## Spécifications
+
+| Spécification                                                                                                                                    | Statut                               | Commentaire          |
+| ------------------------------------------------------------------------------------------------------------------------------------------------ | ------------------------------------ | -------------------- |
+| {{SpecName('Service Workers', '#extendablemessage-event-origin-attribute', 'ExtendableMessageEvent.origin')}} | {{Spec2('Service Workers')}} | Définition initiale. |
+
+## Compatibilités des navigateurs
+
+{{Compat("api.ExtendableMessageEvent.origin")}}
+
+## Voir aussi
+
+- [Utilisation des Service Workers](/en-US/docs/Web/API/ServiceWorker_API/Using_Service_Workers)
+- [Exemple simple des service workers](https://github.com/mdn/sw-test)
+- [Est-ce que les service workers sont prêts ?](https://jakearchibald.github.io/isserviceworkerready/)
+- [Canal de messages](/en-US/docs/Web/API/Channel_Messaging_API)
diff --git a/files/fr/web/api/extendablemessageevent/ports/index.md b/files/fr/web/api/extendablemessageevent/ports/index.md
index e758af8154..994d3daaeb 100644
--- a/files/fr/web/api/extendablemessageevent/ports/index.md
+++ b/files/fr/web/api/extendablemessageevent/ports/index.md
@@ -11,23 +11,24 @@ tags:
   - ports
 translation_of: Web/API/ExtendableMessageEvent/ports
 ---
-<p>{{APIRef("Service Workers API")}}{{SeeCompatTable}}</p>
+{{APIRef("Service Workers API")}}{{SeeCompatTable}}
 
-<p>La propriété en lecture seule <strong>ports</strong> de l'interface {{domxref("ExtendableMessageEvent")}} retourne un tableau contenant les objects {{domxref("MessagePort")}} représentants les ports associés aux canaux de messages associés (le canal du message est envoyé).</p>
+La propriété en lecture seule **ports** de l'interface {{domxref("ExtendableMessageEvent")}} retourne un tableau contenant les objects {{domxref("MessagePort")}} représentants les ports associés aux canaux de messages associés (le canal du message est envoyé).
 
-<h2 id="Syntaxe">Syntaxe</h2>
+## Syntaxe
 
-<pre class="syntaxbox">var myPorts = ExtendableMessageEventInstance.ports;</pre>
+    var myPorts = ExtendableMessageEventInstance.ports;
 
-<h3 id="Value">Value</h3>
+### Value
 
-<p>Un tableau de {{domxref("MessagePort")}}.</p>
+Un tableau de {{domxref("MessagePort")}}.
 
-<h2 id="Exemples">Exemples</h2>
+## Exemples
 
-<p>Le code suivant est utilisé, dans un service worker, pour répondre à un message push en envoyant les données reçues par le  <a href="/fr/docs/Web/API/PushMessageData"><code>PushMessageData</code></a> au contexte principale, via le <a href="/en-US/docs/Web/API/Channel_Messaging_API">canal de messages</a>. L'objet événement de <code>onmessage</code> sera un <code>ExtendableMessageEvent.</code></p>
+Le code suivant est utilisé, dans un service worker, pour répondre à un message push en envoyant les données reçues par le  [`PushMessageData`](/fr/docs/Web/API/PushMessageData) au contexte principale, via le [canal de messages](/en-US/docs/Web/API/Channel_Messaging_API). L'objet événement de `onmessage` sera un `ExtendableMessageEvent.`
 
-<pre class="brush: js">var port;
+```js
+var port;
 
 self.addEventListener('push', function(e) {
   var obj = e.data.json();
@@ -42,34 +43,21 @@ self.addEventListener('push', function(e) {
 self.onmessage = function(e) {
   port = e.ports[0];
 }
-</pre>
-
-<h2 id="Spécifications">Spécifications</h2>
-
-<table class="standard-table">
- <tbody>
-  <tr>
-   <th scope="col">Spécification</th>
-   <th scope="col">Statut</th>
-   <th scope="col">Commentaire</th>
-  </tr>
-  <tr>
-   <td>{{SpecName('Service Workers', '#extendablemessage-event-ports-attribute', 'ExtendableMessageEvent.ports')}}</td>
-   <td>{{Spec2('Service Workers')}}</td>
-   <td>Définition initiale.</td>
-  </tr>
- </tbody>
-</table>
-
-<h2 id="Compatibilités_des_navigateurs">Compatibilités des navigateurs</h2>
-
-<p>{{Compat("api.ExtendableMessageEvent.ports")}}</p>
-
-<h2 id="Voir_aussi">Voir aussi</h2>
-
-<ul>
- <li><a href="/en-US/docs/Web/API/ServiceWorker_API/Using_Service_Workers">Utilisation des Service Workers</a></li>
- <li><a href="https://github.com/mdn/sw-test">Exemple simple des service workers</a></li>
- <li><a href="https://jakearchibald.github.io/isserviceworkerready/">Est-ce que les service workers sont prêts ?</a></li>
- <li><a href="/en-US/docs/Web/API/Channel_Messaging_API">Canal de messages</a></li>
-</ul>
+```
+
+## Spécifications
+
+| Spécification                                                                                                                                    | Statut                               | Commentaire          |
+| ------------------------------------------------------------------------------------------------------------------------------------------------ | ------------------------------------ | -------------------- |
+| {{SpecName('Service Workers', '#extendablemessage-event-ports-attribute', 'ExtendableMessageEvent.ports')}} | {{Spec2('Service Workers')}} | Définition initiale. |
+
+## Compatibilités des navigateurs
+
+{{Compat("api.ExtendableMessageEvent.ports")}}
+
+## Voir aussi
+
+- [Utilisation des Service Workers](/en-US/docs/Web/API/ServiceWorker_API/Using_Service_Workers)
+- [Exemple simple des service workers](https://github.com/mdn/sw-test)
+- [Est-ce que les service workers sont prêts ?](https://jakearchibald.github.io/isserviceworkerready/)
+- [Canal de messages](/en-US/docs/Web/API/Channel_Messaging_API)