10 balises HTML rares que vous devriez vraiment connaître

Les développeurs Web de nos jours sont souvent censés connaître et travailler dans plusieurs langues. En conséquence, il est difficile d’apprendre tout ce qu’une langue a à offrir et il est facile de se retrouver ne pas utiliser tout le potentiel de certains tags plus spécialisés mais très utiles..

Malheureusement, nous n'avons pas exploité pleinement le potentiel de ces balises HTML plus obscures ces derniers temps. Mais il n'est jamais trop tard pour revenir au jeu et commencer à écrire du code qui tire parti de la puissance de certains tags sous-utilisés.

Voici dix des balises HTML les plus sous-utilisées et les moins bien comprises. Même s’ils sont peut-être moins familiers, ils restent néanmoins très utiles dans certaines situations..

1.

Nous connaîtrons tous le

tag, mais saviez-vous que
petit frère ? vous permet de définir le texte à l'intérieur de l'élément en tant que référence. En règle générale, le navigateur affichera le texte à l'intérieur du tag en italique, mais cela peut être changé avec une touche de CSS.

le tag est vraiment utile pour citer des références bibliographiques et autres sites. Voici un exemple d'utilisation de la balise cite dans un paragraphe:

Livre d'organisation révolutionnaire de David Allen Faire les choses a pris d'assaut le web.

2.

le tag est un excellent moyen d’ajouter une petite définition entre des groupes d’options dans une zone de sélection. Si vous aviez besoin de regrouper des listes de films par heure, par exemple, cela ressemblerait à ceci:

Horaires

Démo en direct:

Horaires

Cela permet à la liste de sélection de séparer visuellement les listes de films..

3.

le tag est un moyen de définir ou d’expliquer davantage un groupe de mots. Lorsque vous survolez un texte qui a le balise utilisée, une boîte apparaît en dessous avec le texte de la balise de titre. Par exemple:

Le site de microblogging Gazouillement a récemment lutté contre les temps d'arrêt.

Démo en direct:

SEO est plein de ruse et de magie.

4.

le
tag est un petit tag assez obscur, mais cela ne veut pas dire que ce n'est pas utile! Comme le nom l'indique,
vous permet de baliser sémantiquement les adresses en HTML. La petite balise astucieuse mettra également en italique toutes les données entre parenthèses, bien que le style puisse être facilement modifié via CSS simple.

Glen Stansberry 1234 Web Dev Lane Anywhere, États-Unis

5. et

Si vous souhaitez afficher les révisions d'édition avec avec balisage, et ~~sont juste le billet. Comme son nom l'indique, souligne ce qui a été ajouté au document avec un soulignement, et ~~montre ce qui a été sorti avec un barré.~~~~

John ~~aime~~ AIME son nouvel iPod.

Démo en direct:

John ~~aime~~ son nouvel iPod.

6.

Les éléments de formulaire semblent être les plus faciles à oublier lors de la correction d'un document. Parmi les éléments de forme, l’un des plus oubliés est le étiquette. Non seulement c’est un moyen rapide de noter le texte de l’étiquette, le tag peut également transmettre un attribut "for" pour spécifier quel élément doit recevoir l'étiquette. Non seulement ces balises idéales pour le style, elles vous permettent également de rendre la légende cliquable pour l'élément associé.

Nom d'utilisateur

7.

Fieldset est un joli petit attribut que vous pouvez ajouter à vos formulaires pour regrouper logiquement les éléments de formulaire. Une fois appliqué le
La balise dessine une boîte autour des éléments dans le fieldset. Points bonus pour l'ajout d'un balise dans le fieldset pour définir le titre du groupe.

Êtes-vous plus intelligent qu'une 5ème niveleuse? Oui Non

Démo en direct:

8.

le la balise ressemble beaucoup à la tag, sauf le La balise n'est utilisée que pour définir les mots abrégés. Juste comme , vous définissez un titre dans la balise. Lorsqu'un visiteur survole le texte abrégé, la définition complète apparaît ci-dessous. le tag est rarement utilisé, mais les avantages sont nombreux pour les lecteurs d'écran, les correcteurs orthographiques et les moteurs de recherche.

Sgt. Pepper's Lonely Hearts Club est mon album préféré.

Démo en direct:

Sgt. Pepper's Lonely Hearts Club est mon album préféré.

9. rel

Rel peut être un incroyablement utile attribut, tout élément HTML pouvant avoir un rel appliqué. C'est utile pour passer des variables supplémentaires qui ne sont pas spécifiées autrement. Ceci est utile lors de l'utilisation de Javascript avec votre code HTML. Si vous souhaitez modifier un lien en ligne, vous pouvez ajouter:

Ce lien est éditable

Le javascript est peut-être à la recherche d'un lien avec l'attribut rel "clickable", et il sait appliquer un peu d'Ajax et lui permettre d'être édité en ligne. C’est l’une des nombreuses techniques que vous pouvez utiliser avec l’attribut rel, car les possibilités sont infinies..

dix.

le tag est une balise incroyablement obscure. Pour être honnête, je doute que beaucoup d’entre vous soient entrés en contact avec l’étiquette, car elle n’est presque jamais utilisée. (Honnêtement, je n'avais pas vu la balise avant de commencer la recherche dans cet article.) Essentiellement, la balise vous permet de spécifier un endroit où vous pensez qu'un saut de ligne pourrait être utile, mais uniquement si nécessaire. Cette balise est unique car elle repose sur la discrétion du navigateur pour insérer le saut de ligne, si nécessaire. C'est parfait pour créer des mises en page que vous voulez éviter d'avoir des barres de défilement horizontales.

Si vous souhaitiez obtenir le même effet mais sans utiliser le tag, vous pouvez aussi essayer ou -. Il est à noter qu'aucune de ces balises ne prend totalement en charge tous les navigateurs. Pour voir quels navigateurs supportent les tags, consultez cet article de Quirksmode.

Comment dit-on Supercalifragilisticexpialidocious?

Code