Cours par Webcam

Cours par Webcam

Formateur Web pour adultes depuis plus 11 ans, je vous propose des COURS collectifs par WEBCAM en LIVE pour booster vos connaissances et être autonome dans la création de site.

En savoir plus

Tags base

Page HTML

Tags sémantiques

Tags navigation

Tags mise en page

Tags multimédia

Tags interaction

Tags grouper

Tags tableau

Tags formulaire

Tags universelles

Attributs globaux

Share on facebook
Facebook
Share on google
Google+
Share on twitter
Twitter
Share on linkedin
LinkedIn

Attribut DATA

Rôle

L’attribut data permet de stocker des données personnalisées à la page. Ces données seront ensuite utilisées par Javascript comme dans l’exemple ci-dessous

Testez vous-même cette balise

Utilisez Codepen.

Voici le code Javascript pour cet exemple

Voici le resultat

Cliquez sur le paragraphe ci-dessous : Javascript récupère la valeur du data et l’affiche dans une fenêtre alerte.

Compatibilité

navigateur-chromenavigateur-firefoxnavigateur-ienavigateur-safarinavigateur-opera
L’attribut data est pris en charge par tous les principaux navigateurs.

Informations

Voici les règles d’utilisation de l’attribut data- :

    • Le nom de l’attribut après le tiret (data-) ne doit pas contenir des lettres majuscules, et doit posséder au moin un caractère, exemple
      <p data-dessert="dessert italien" > ... </p>
    • La valeur de l’attribut est une chaîne de caractère, exemple
      <p data-dessert="dessert italien" > ... </p>

Il est important de connaitre le langage Javascript pour exploiter cet attribut.

Voir les autres attributs globaux

accesskey– class– contenteditable– contextmenu– data-*– dir– draggable– dropzone– hidden– id– langspellcheck– style– tabindex– title– translate

A lire aussi

tutowebdesign

Afficher du contenu au scroll

Afficher du contenu au scroll Voici un effet impressionnant et pourtant très facile à mettre en place sur vos pages. Le principe consiste à faire

Lire »
MegaphoNews - Closer Than Ever

The leading news agency comes to your smartphone.  Download now.

Politique d'utilisation des cookies

En poursuivant votre navigation sur ce site, vous acceptez l’utilisation de cookies. Les cookies nous permettent de personnaliser le contenu, les sorties et d’optimiser notre trafic.