recursal/MDN huggingface dataset:
FederatedCredential
===================

**Expérimental:** **Cette fonction est expérimentale**  
Puisque cette fonction est toujours en développement dans certains navigateurs, veuillez consulter le tableau de compatibilité pour les préfixes à utiliser selon les navigateurs.  
Il convient de noter qu'une fonctionnalité expérimentale peut voir sa syntaxe ou son comportement modifié dans le futur en fonction des évolutions de la spécification.

L'interface **`FederatedCredential`**, rattachée à l'API Credential Management, donne des détails quant aux informations d'authentification fournies par un fournisseur d'identité fédéré. Un fournisseur d'identité fédéré est une entité en laquelle un site web à confiance pour authentifier un utilisateur et qui fournit une API à cet effet. OpenID Connect est un exemple de *framework* pour construire un fournisseur d'identité fédéré.

Pour les navigateurs qui le prennent en charge, une instance de cette interface pourra être passée comme propriété `credential` de l'objet `init` pour la méthode globale `fetch`.

Constructeur
------------

`FederatedCredential()`

Crée un nouvel objet `FederatedCredential`.

Propriétés
----------

*Hérite des propriétés de l'interface parente : `Credential`.*

`FederatedCredential.provider` Lecture seule 

Une chaîne de caractères `USVString` qui contient l'information sur le fournisseur d'authentification fédéré.

### Gestionnaires d'évènements

Aucun.

Méthodes
--------

Aucun.

Exemples
--------


```js
var cred = new FederatedCredential({
  id: id,
  name: name,
  provider: "https://account.google.com",
  iconURL: iconUrl,
});

// Enregistrer les informations d'authentification
navigator.credentials.store(cred).then(function () {
  // Faire quelque chose
});
```

Spécifications
--------------

| Specification |
| --- |
| Credential Management Level 1 # federated |

Compatibilité des navigateurs
-----------------------------

BCD tables only load in the browser with JavaScript enabled. Enable JavaScript to view data.
HTMLTimeElement
===============

L'interface **`HTMLTimeElement`** fournit des propriétés spéciales (en plus de celles fournies en héritage par l'interface `HTMLElement`) pour manipuler les éléments `<time>`.

Propriétés
----------

*Hérite des propriétés de `HTMLElement`.*

`HTMLTimeElement.dateTime`

C'est une `DOMString` qui reflète l'attribut `datetime` de l'élément HTML correspondant, dans une forme interprétable par un ordinateur de la date et de l'heure.

Méthodes
--------

*Pas de méthode spécifique, mais cette interface hérite des méthodes de `HTMLElement`.*

Spécifications
--------------

| Specification |
| --- |
| HTML Standard # htmltimeelement |

Compatibilité des navigateurs
-----------------------------

BCD tables only load in the browser with JavaScript enabled. Enable JavaScript to view data.

Voir aussi
----------

* L'élément HTML `<time>` implémentant cette interface.
CSSMatrix
=========

**Non standard:** Cette fonctionnalité n'est ni standard, ni en voie de standardisation. Ne l'utilisez pas pour des sites accessibles sur le Web : elle ne fonctionnera pas pour tout utilisateur. Il peut également y avoir d'importantes incompatibilités entre les implémentations et son comportement peut être modifié dans le futur.

Une **`CSSMatrix`** représente une matrice homogène 4x4 dans laquelle il est possible d'appliquer des transformations 2D ou 3D. Cette classe faisait à un moment partie du module de transitions CSS (Level 3) mais elle n'a pas été propagée dans le brouillon de travail (*Working Draft*) actuel. Utilisez plutôt `DOMMatrix.`

Spécifications
--------------

| Specification |
| --- |
| Geometry Interfaces Module Level 1 # DOMMatrix |

Compatibilité des navigateurs
-----------------------------

BCD tables only load in the browser with JavaScript enabled. Enable JavaScript to view data.

Voir aussi
----------

* MSDN : `Documentation sur MSCSSMatrix`
* Safari Developer Library : Documentation sur WebKitCSSMatrix
* Mozilla : Bug 717722 : Exécution de `(WebKit)CSSMatrix()`
caches
======

**Expérimental:** **Cette fonction est expérimentale**  
Puisque cette fonction est toujours en développement dans certains navigateurs, veuillez consulter le tableau de compatibilité pour les préfixes à utiliser selon les navigateurs.  
Il convient de noter qu'une fonctionnalité expérimentale peut voir sa syntaxe ou son comportement modifié dans le futur en fonction des évolutions de la spécification.

La propriété globale en lecture seule **`caches`** retourne l'objet `CacheStorage` associé au contexte actuel. Cet objet permet de stocker des ressources pour une utilisation hors-ligne et de générer des réponses personnalisées à des requêtes.

Valeur
------

Un objet `CacheStorage`.

Exemple
-------

L'exemple suivant montre comment mettre en cache un contexte de *service worker* pour stocker des ressources et les utiliser hors-ligne.


```js
this.addEventListener("install", function (event) {
  event.waitUntil(
    caches.open("v1").then(function (cache) {
      return cache.addAll([
        "/sw-test/",
        "/sw-test/index.html",
        "/sw-test/style.css",
        "/sw-test/app.js",
        "/sw-test/image-list.js",
        "/sw-test/star-wars-logo.jpg",
        "/sw-test/gallery/",
        "/sw-test/gallery/bountyHunters.jpg",
        "/sw-test/gallery/myLittleVader.jpg",
        "/sw-test/gallery/snowTroopers.jpg",
      ]);
    }),
  );
});
```

Spécifications
--------------

| Specification |
| --- |
| Service Workers # self-caches |

Compatibilité des navigateurs
-----------------------------

BCD tables only load in the browser with JavaScript enabled. Enable JavaScript to view data.

Voir aussi
----------

* L'API *Service Workers*
* L'API *Web Workers*
* `CacheStorage`
* `Cache`
HTMLSpanElement
===============

L'élément DOM `span` supporte l'interface `HTMLSpanElement`, qui est dérivé de l'interface `HTMLElement`. Il ne supporte aucune propriété ou méthode additionnelle par rapport à `HTMLElement`.

Voir aussi
----------

* `<span>`
* Spécification W3C de l'élément span
* Spécification DOM : interface `HTMLElement`
PerformanceLongTaskTiming
=========================

**Expérimental:** **Cette fonction est expérimentale**  
Puisque cette fonction est toujours en développement dans certains navigateurs, veuillez consulter le tableau de compatibilité pour les préfixes à utiliser selon les navigateurs.  
Il convient de noter qu'une fonctionnalité expérimentale peut voir sa syntaxe ou son comportement modifié dans le futur en fonction des évolutions de la spécification.

L'interface **`PerformanceLongTaskTiming`** de l'API *Long Tasks* (en-US) signale les instances de tâches longues.

PerformanceEntry

PerformanceLongTaskTimingPropriétés
----------

`PerformanceLongTaskTiming` *lecture seule* 
Expérimental

Retourne une séquence d'instances `TaskAttributionTiming` (en-US).

Spécifications
--------------

| Specification |
| --- |
| Long Tasks API # sec-PerformanceLongTaskTiming |

Compatibilité des navigateurs
-----------------------------

BCD tables only load in the browser with JavaScript enabled. Enable JavaScript to view data.
DOMPointReadOnly
================

**Expérimental:** **Cette fonction est expérimentale**  
Puisque cette fonction est toujours en développement dans certains navigateurs, veuillez consulter le tableau de compatibilité pour les préfixes à utiliser selon les navigateurs.  
Il convient de noter qu'une fonctionnalité expérimentale peut voir sa syntaxe ou son comportement modifié dans le futur en fonction des évolutions de la spécification.

L'interface **`DOMPointReadOnly`** spécifie les propriétés standard utilisées par `DOMPoint` pour définir un point 2D ou 3D dans un système de coordonnées.

Constructeur
------------

`DOMPointReadOnly()` (en-US)

Défini pour créer un nouvel objet `DOMPointReadOnly`, mais notez que ce constructeur ne peut pas être appelé par un JavaScript tiers : ce faisant, il retourne un typeError "constructeur illégal" .

Méthodes
--------

`DOMPointReadOnly.fromPoint` (en-US)

Traduit la position / perspective d'un `DOMPoint` à une nouvelle position (ne semble pas encore être pris en charge).

`DOMPointReadOnly.matrixTransform`

Applique une transformation matricielle à un objet `DOMPointReadOnly` (ne semble pas encore être pris en charge).

`DOMPointReadOnly.toJSON()` (en-US)

Renvoie une représentation JSON de l'objet `DOMPointReadOnly`.

Propriétés
----------

`DOMPointReadOnly.x` Lecture seule 

La coordonnée x du `DOMPoint`.

`DOMPointReadOnly.y` Lecture seule 

La coordonnée y du `DOMPoint`.

`DOMPointReadOnly.z` Lecture seule 

La coordonnée z du `DOMPoint`.

`DOMPointReadOnly.w` Lecture seule 

La valeur de perspective du `DOMPoint`.

Spécifications
--------------

| Specification |
| --- |
| Geometry Interfaces Module Level 1 # DOMPoint |

Compatibilité des navigateurs
-----------------------------

BCD tables only load in the browser with JavaScript enabled. Enable JavaScript to view data.

Voir aussi
----------

* `DOMPoint`
* `DOMRect`
* `DOMMatrix`
HTMLContentElement.getDistributedNodes()
========================================

Baseline Widely available
-------------------------

This feature is well established and works across many devices and browser versions. It’s been available across browsers since January 2020.

* Learn more
* See full compatibility
* Report feedback
La méthode **`HTMLContentElement.getDistributedNodes()`** retourne un `NodeList` statique du distributed nodes associé avec l'élément `<content>`.

Syntaxe
-------


```js
var nodeList = object.getDistributedNodes();
```

Exemple
-------


```js
// Récupère les éléments
var nodes = myContentObject.getDistributedNodes();
```

Spécifications
--------------

| Specification |
| --- |
| HTML Standard # htmlslotelement |

Compatibilité des navigateurs
-----------------------------

BCD tables only load in the browser with JavaScript enabled. Enable JavaScript to view data.

Voir aussi
----------

* HTMLContentElement
PerformancePaintTiming
======================

L'interface **`PerformancePaintTiming`** de l'API Paint Timing API (en-US) fournit des informations de temps sur les opérations de « peinture » (également appelées « render ») pendant la construction de la page Web. « Paint » fait référence à la conversion de l'arbre de rendu en pixels à l'écran.

Une application peut enregistrer un `PerformanceObserver` pour le type d'entrée de performance « `paint` » et l'observateur peut récupérer les heures auxquelles les événements de peinture se produisent. Utilisez ces informations pour aider à identifier les zones qui prennent trop de temps pour offrir une bonne expérience utilisateur.

PerformanceEntry

PerformancePaintTimingPropriétés
----------

Cette interface n'a pas de propriétés mais elle étend les propriétés de `PerformanceEntry` suivantes (pour le type d'entrée de performance « `paint` ») en qualifiant/contraignant les propriétés comme suit :

`PerformanceEntry.entryType`

Retourne « `paint` ».

`PerformanceEntry.name`

Retourne soit `"first-paint"` ou `"first-contentful-paint"`.

`PerformanceEntry.startTime`

Retourne le `DOMHighResTimeStamp` du moment où la peinture s'est produite.

`PerformanceEntry.duration`

Retourne « `0` ».

Méthodes
--------

Cette interface n'a pas de méthodes.

Exemple
-------


```js
function showPaintTimings() {
  if (window.performance) {
    let performance = window.performance;
    let performanceEntries = performance.getEntriesByType("paint");
    performanceEntries.forEach((performanceEntry, i, entries) => {
      console.log(
        "Le temps pour " +
          performanceEntry.name +
          " est de " +
          performanceEntry.startTime +
          " millisecondes.",
      );
    });
  } else {
    console.log("Performance Timing n'est pas prise en charge.");
  }
}
```


Le code ci-dessus produit une sortie de console semblable à ce qui suit :
```

Le temps pour first-paint est de 2785.915 millisecondes.
Le temps pour first-contentful-paint est de 2787.460 millisecondes.
```

Spécifications
--------------

| Specification |
| --- |
| Paint Timing # sec-PerformancePaintTiming |

Compatibilité des navigateurs
-----------------------------

BCD tables only load in the browser with JavaScript enabled. Enable JavaScript to view data.
CDATASection
============

L'interface **`CDATASection`** représente une section CDATA qui peut être utilisée dans un document XML afin d'inclure des portions de texte qui ne sont pas échappées (les symboles < et & présents dans ces portions n'ont pas besoin d'être échappés comme ils doivent l'être normalement dans un document XML).

En termes de balisage, une section CDATA a la forme suivante :


```html
<![CDATA[ ... ]]>
```


Par exemple :


```xml
<toto>
  Voici une section CDATA :
  <![CDATA[ < > & ]]> dans laquelle
  le texte n'est pas échappé.
</toto>
```


La seule séquence qui n'est pas autorisée dans une section CDATA est le délimiteur de fin d'une séquence CDATA lui-même :


```xml
<![CDATA[ ]]> causera une erreur   ]]>
```


On notera que les sections ne doivent pas être utilisées dans des documents HTML.

Propriétés
----------

*Cette interface ne dispose pas de propriétés spécifiques et implémente celles de son parent : `Text`.*

Méthodes
--------

*Cette interface ne dispose pas de méthodes spécifiques et implémente celles de son parent : `Text`.*

Spécifications
--------------

| Specification |
| --- |
| DOM Standard # interface-cdatasection |

Compatibilité des navigateurs
-----------------------------

BCD tables only load in the browser with JavaScript enabled. Enable JavaScript to view data.
HTMLBaseElement
===============

L'interface **`HTMLBaseElement`** contient l'URI de base pour un document. Cet objet hérite de toutes les propriétés et des méthodes telles quelles sont décrites dans l'interface `HTMLElement`.Propriétés
----------

*Hérite des propriétés de son parent, `HTMLElement`.*

`HTMLBaseElement.href`

est un `DOMString` qui reflète l'attribut HTML `href`, contenant l'URL de base pour les URLs relatives dans le document.

`HTMLBaseElement.target` (en-US)

est un `DOMString` qui reflète l'attribut HTML `target`, contenant un contexte de navigation cible par défaut ou une frame pour les éléments qui n'ont pas de cibe spécifiée.

Methodes
--------

*Pas de méthodes spécifiques; Hérite des propriétés de son parent, `HTMLElement`.*

Spécifications
--------------

| Specification |
| --- |
| HTML Standard # htmlbaseelement |

Compatibilité des navigateurs
-----------------------------

BCD tables only load in the browser with JavaScript enabled. Enable JavaScript to view data.

Voir aussi
----------

* L'élément HTML implémentant l'interface `<base>`
CSS Properties and Values API (Propriétés et valeurs)
=====================================================

Limited availability
--------------------

This feature is not Baseline because it does not work in some of the most widely-used browsers.

* Learn more
* See full compatibility
* Report feedback
**Expérimental:** **Cette fonction est expérimentale**  
Puisque cette fonction est toujours en développement dans certains navigateurs, veuillez consulter le tableau de compatibilité pour les préfixes à utiliser selon les navigateurs.  
Il convient de noter qu'une fonctionnalité expérimentale peut voir sa syntaxe ou son comportement modifié dans le futur en fonction des évolutions de la spécification.

 L'**API Propriétés et valeurs CSS** — qui fait partie de l'ensemble d'API CSS Houdini (en-US) — sert à définir explicitement des propriétés CSS personnalisées, ce qui permet la vérification des types de propriétés, de leur donner des valeurs par défaut et de déterminer si une propriété peut hériter ses valeurs ou non.Interfaces
----------

`CSS.registerProperty` (en-US)

Définit la manière dont un navigateur devrait analyser une `propriété CSS personnalisée`. L'accès à cette interface se fait en JavaScript via `CSS.registerProperty` (en-US).

`@property`

Définit la manière dont un navigateur devrait analyser une `propriété CSS personnalisée`. L'accès à cette interface se fait à l'aide d'une règle at-rule `@property` en CSS.

Exemples
--------

L'exemple suivant utilise `CSS.registerProperty` (en-US) en JavaScript pour typer une propriété CSS personnalisée, `--ma-couleur` en tant que couleur et que valeur par défaut, sans lui permettre d'hériter de sa valeur :


```js
window.CSS.registerProperty({
  name: "--ma-couleur",
  syntax: "<color>",
  inherits: false,
  initialValue: "#c0ffee",
});
```


Le même enregistrement peut se faire en CSS en utilisant la règle at-rule `@property` :


```css
@property --ma-couleur {
  syntax: "<color>";
  inherits: false;
  initial-value: #c0ffee;
}
```

Spécifications
--------------

#### No specification found

No specification data found for `api.CSS.registerProperty`.  
Check for problems with this page or contribute a missing `spec_url` to mdn/browser-compat-data. Also make sure the specification is included in w3c/browser-specs.

Compatibilité des navigateurs
-----------------------------

Voir les interfaces individuelles

Voir aussi
----------

* API Peinture CSS (en-US)
* API Typage de modèle d'objet CSS (en-US)
* CSS Houdini (en-US)
GeolocationPosition
===================

**Contexte sécurisé:** Cette fonctionnalité est uniquement disponible dans des contextes sécurisés (HTTPS), pour certains navigateurs qui la prennent en charge.

L'interface **`GeolocationPosition`** représente la position de l'appareil concerné à un instant donné. La position, représentée par un objet `GeolocationCoordinates`, comprend la position 2D de l'appareil, sur un sphéroïde représentant la Terre, mais aussi son altitude et sa vitesse.

Propriétés
----------

*L'interface `GeolocationPosition` n'hérite d'aucune propriété.*

`GeolocationPosition.coords` (en-US) Lecture seule  Contexte sécurisé

Renvoie un objet `GeolocationCoordinates` définissant l'emplacement actuel.

`GeolocationPosition.timestamp` Lecture seule  Contexte sécurisé

Renvoie un `DOMTimeStamp` représentant l'heure à laquelle l'emplacement a été récupéré.

Méthodes
--------

**L'interface* `GeolocationPosition` *n'implémente ni n'hérite d'aucune méthode.**

Spécifications
--------------

| Specification |
| --- |
| Geolocation API # position\_interface |

Compatibilité des navigateurs
-----------------------------

BCD tables only load in the browser with JavaScript enabled. Enable JavaScript to view data.

Voir aussi
----------

* Utilisation de l'API de Géolocalisation (en-US)
* `Geolocation`
SVGTitleElement
===============

Interface DOM de l'élément SVG `title`
--------------------------------------

L'interface `SVGTitleElement` correspond à l'élément `<title>`.

### Aperçu de l'interface

|  |  |
| --- | --- |
| Implémente aussi | `SVGElement`,
 `SVGLangSpace`,
 `SVGStylable` |
| Metodes | *Aucunes* |
| Propritiétés | *Aucunes* |
| Norme | SVG 1.1 (2nd Edition) |

Propriétés
----------

L'interface `SVGTitleElement` n'a pas de propriétés spécifiques.

Méthodes
--------

L'interface `SVGTitleElement` n'a pas de métodes spécifiques.

Spécifications
--------------

| Specification |
| --- |
| Scalable Vector Graphics (SVG) 2 # InterfaceSVGTitleElement |

Compatibilité des navigateurs
-----------------------------

BCD tables only load in the browser with JavaScript enabled. Enable JavaScript to view data.
Comment
=======

L'interface **`Comment`** représente des annotations textuelles au sein du balisage; même si elles ne sont généralement pas montrées, elles sont disponibles à la lecture dans le code source. Les commentaires sont représentés en HTML et XML avec du contenu entre cette balise '`<!--`' et celle ci '`-->`'. Pour XML, la séquence de caractère suivante '`--`' ne peut être utilisée dans un commentaire.

EventTarget

Node

CharacterData

CommentPropriétés
----------

*Cette interface ne possède pas de propriétés spécifiques, mais en hérite de ses parents, `CharacterData` et indirectement de `Node`.*

Constructeur
------------

`Comment()` 
Expérimental

Retourne un objet `Comment` avec son contenu textuel en paramètre.

Méthodes
--------

*Cette interface ne possède pas de méthode spécifique, mais en hérite de ses parents, `CharacterData` et indirectement de `Node`.*

Spécifications
--------------

| Specification |
| --- |
| DOM Standard # interface-comment |

Compatibilité des navigateurs
-----------------------------

BCD tables only load in the browser with JavaScript enabled. Enable JavaScript to view data.

Voir aussi
----------

* The DOM interfaces index (en-US)
Web Animations API
==================

L'**API Web Animations** permet de synchroniser et de chronométrer les changements de présentation d'une page Web, c'est-à-dire l'animation d'éléments DOM. Pour ce faire, il combine deux modèles : le modèle de synchronisation et le modèle d'animation.

Concepts et utilisation
-----------------------

L'API Web Animations fournit un langage commun aux navigateurs et aux développeurs pour décrire les animations sur les éléments DOM. Pour obtenir plus d'informations sur les concepts derrière l'API et comment l'utiliser, lisez Utilisation de l'API Web Animations (en-US).

Interfaces d'animations Web
---------------------------

`Animation`

Fournit des commandes de lecture et une chronologie pour un nœud ou une source d'animation. Peut prendre un objet créé avec le constructeur `KeyframeEffect()`.

`KeyframeEffect` (en-US)

Décrit des ensembles de propriétés et de valeurs animables, appelées **images clés** (*keyframes*) et leurs options de minutage (en-US) . Ceux-ci peuvent ensuite être lus en utilisant le constructeur `Animation()` (en-US).

`AnimationTimeline` (en-US)

Représente la chronologie de l'animation. Cette interface existe pour définir les fonctionnalités de la chronologie (héritées par `DocumentTimeline` (en-US) et les futurs objets de chronologie) et n'est pas elle-même accessible par les développeurs.

`AnimationEvent`

Fait actuellement partie des animations CSS.

`DocumentTimeline` (en-US)

Représente les chronologies d'animation, y compris la chronologie du document par défaut (accessible à l'aide de la propriété `Document.timeline` (en-US)).

`EffectTiming`

`Element.animate()`, `KeyframeEffectReadOnly.KeyframeEffectReadOnly()` (en-US) et `KeyframeEffect.KeyframeEffect()` acceptent tous un dictionnaire facultatif objet des propriétés de synchronisation.

Extensions à d'autres interfaces
--------------------------------

L'API Web Animations ajoute de nouvelles fonctionnalités à `document` et `element`.

### Extensions à l'interface `Document`

`document.timeline` (en-US)

L'objet `DocumentTimeline` représentant la chronologie du document par défaut.

`document.getAnimations()` (en-US)

Renvoie un tableau d'objets `Animation` actuellement en vigueur sur les éléments du `document`.

### Extensions à l'interface `Element`

`Element.animate()`

Une méthode de raccourci pour créer et lire une animation sur un élément. Il renvoie l'instance d'objet `Animation` créée.

`Element.getAnimations()` (en-US)

Renvoie un tableau d'objets `Animation` affectant actuellement un élément ou qui sont programmés pour le faire à l'avenir.

Spécifications
--------------

| Specification |
| --- |
| Web Animations  |

Voir aussi
----------

* Utilisation de l'API Web Animations (en-US)
* Démos d'animations web
* Polyfill / Prothèse d'implémentation
* Implémentation actuelle de Firefox : AreWeAnimatedYet
* Test de prise en charge du navigateur