5 éléments HTML que vous ne savez peut-être pas utiliser

Familier encore inconnu, ou tout à fait nouveau, il arrive que nous manquer des parties de la syntaxe HTML cela pourrait se révéler être une connaissance importante que nous pouvons mettre à profit. C'est pourquoi que ce soit le nouvelles fonctionnalités de HTML ou ses applications moins connues qui ne sont pas encore entrés dans votre radar, nous les couvrons assez souvent sur ce site.

Dans le post d’aujourd’hui, nous examinerons cinq éléments HTML, dont certains peuvent être utilisés fréquemment, mais probablement pas à son plein potentiel.

1.

le élément a une fonction similaire à la Les données-* les attributs. Il peut être utilisé pour fournir des données lisibles par machine pour un contenu convivial. le valeur attribut de cet élément porte l'information ajoutée.

 
Les trois volumes du roman Le Seigneur des Anneaux sont: La communauté de l'anneau, Les deux tours, et Le retour du roi.
 
ISBN des livres mentionnés dans cette page: 
 

Dans le HTML ci-dessus, le ISBN de chaque livre est ajouté dans le valeur attribut du élément qui entoure le titre du livre. Sur le marché du livre, l'ISBN est utilisé pour identifier un livre de manière unique..

 const ISBNListBlank = document.querySelector ('# ISBNListBlank') const dataElements = document.querySelectorAll ('data'); const ary = []; dataElements.forEach ((dataElement) => ary.push (dataElement.textContent + ':' + dataElement.value)) ISBNListBlank.textContent = ary.join (',') 

Pour vous montrer grossièrement comment extraire le valeurs en JavaScript, le script ci-dessus extrait les ISBN de la étiquette et les affiche, avec les titres du livre, à un endroit désigné dans la page.

2.

Très probablement, vous connaissez déjà le élément, mais c'est pas seulement pour les cases à cocher. Ça peut contrôler d'autres labellable éléments aussi bien, effectuant leurs actions comme il effectue les actions des cases à cocher.

Il suffit de utiliser la même valeur pour le identifiant attribut de l'élément HTML que vous souhaitez contrôler et la pour attribut de l'appartenance étiquette.

  En cliquant sur ce texte, cliquez sur le bouton ci-dessous.   ALERTE  

En cliquant sur le texte de volonté déclencher le Cliquez sur événement de et montrer le message d'alerte donné.

3.

Cet élément est principalement utilisé pour les langues est-asiatiques, mais ce n'est pas”t son seul cas d'utilisation. Le but de est simplement de ajouter une annotation ou une prononciation pour les textes, et vous pouvez le faire avec le contenu anglais aussi bien.

L'élément renferme deux sous-éléments principaux, à savoir et . le balise contient le texte que vous souhaitez annoter (appelé le base texte) et tient l'annotation elle-même.

 
Une personne qui crée une ou plusieurs entreprises et qui prend des risques financiers dans l’espoir de réaliser des bénéfices s’appelle entrepreneur?? ?? ?? ?? ?? ?? ?? ?? ?? ?? ?? ?? ?? ?? ?? ?? ??; un promoteur dans l'industrie du divertissement.
 

La prononciation de la “entrepreneur” le mot est ajouté en utilisant le élément à l'intérieur du paragraphe. Le mot lui-même est enveloppé dans le tag et la prononciation en .

Voici à quoi ressemble la sortie:

4.

le

élément pour les listes ordonnées est un autre élément que vous connaissez peut-être. Il crée une liste qui a des éléments numérotés, par opposition à une liste non ordonnée créée avec
.

Vous avez peut-être entendu parler de la commande, mais saviez-vous que l'ordre peut être inversé? Au lieu d'un ordre croissant, décrémentation de la numérotation peut également être réalisée par

, en utilisant le renversé attribut.

 
 
Scrabble
 
Mahjong
 
Monopole
 
Échecs
 
Jenga
 
 

le renversé attribut inverse la numérotation, tandis que le type attribut détermine le type de numérotation. La majuscule I désigne la numérotation romaine majuscule.

Voici à quoi ça ressemble à l'écran:



5.

le élément est destiné à envelopper un terme qui est défini par le texte qui l'entoure. Le texte joint par le la balise est stylé par les navigateurs en italique, ce qui signifie que le terme est défini.

Vous pouvez ajouter la définition du terme à l'intérieur dans la valeur de son Titre attribut, utile pour définir des mots qui ne sont pas nécessairement définis par le texte qui les entoure.

le élément fonctionne de manière similaire à qui affiche le sens d'une abréviation donnée dans son Titre attribut lorsque l'utilisateur survole l'élément.

 
Il y a un  dichotomie  entre le design et le prototype.
 

C'est sa style de navigateur par défaut, Cependant, sur un site de production, vous pouvez utiliser un style différent:



En plaçant le curseur sur le mot défini, la page afficher la définition ajoutée dans le Titre attribut.