10 choses cool que les balises HTML peuvent faire
Pour le moment il y a un total de 142 éléments HTML normalisé par le W3C en excluant ceux des phases initiales de normalisation et ceux devenus obsolètes. Cela dit, il est possible d’oublier ou d’oublier quelques-uns d’entre eux qui peuvent être utiles en cas de besoin.
Plus tôt, nous avons récapitulé certaines des meilleures astuces CSS que vous avez peut-être ignorées. Cet article vous rappellera certaines des balises HTML que vous ne saviez pas pouvoir utiliser pour implémenter des fonctionnalités telles que:
1. Images de la carte
Le HTML les éléments peuvent être utilisés pour créer des cartes-images. Cartes d'image Il s’agit essentiellement d’images comportant des zones cliquables, pouvant être liées par des liens hypertextes à une autre page Web ou à d’autres parties du même document. Vous pouvez définir les zones cliquables d’une image en mentionnant simplement les coordonnées X Y correspondantes de ces points dans éléments imbriqués à l'intérieur .
Remarque: Les zones cliquables ne peuvent pas être stylées via CSS. Par conséquent, si vous souhaitez que ces marqueurs soient stylés, utilisez un simple logiciel de retouche d'image pour les dessiner..
Pointe: Si vous voulez connaître les coordonnées d'un point dans une image, ouvrez l'image dans un logiciel de traitement d'image et déplacez le curseur sur ce point, vous devriez pouvoir en voir les coordonnées dans le logiciel lui-même. Pour GIMP, il est affiché à gauche de la barre inférieure..
2. suggestions d'entrée
Utilisation pour fournir une liste de suggestions pertinentes apparaissant lors de la saisie d'une valeur d'entrée.
3. Surligner du texte
Le texte en surbrillance a généralement une couleur de texte sombre avec un arrière-plan clair. Vous pouvez obtenir cet effet de texte en surbrillance avec le balisage seul. Tout texte inclus à l'intérieur du aura cet effet.
Vous pouvez personnaliser le surligner la couleur avec le Couleur de fond Propriété CSS de et le couleur du texte avec le Couleur propriété.
4. Définir les modèles
Avec HTML5 est venu le nouveau élément. le L'élément contient un balisage à l'intérieur qui n'est pas rendu par les navigateurs, le balisage qu'il contient doit être utilisé pour générer des contenus dynamiques dans la page en utilisant JavaScript.
Par exemple, supposons que vous ayez un Les caractères fins se réfèrent au texte du document, généralement de très petite taille, contenant des informations telles que les conditions, les termes, les restrictions, les citations, les droits légaux, etc. le Remarque: Toutes les URL relatives de la page seront référencées en fonction de l'URL de base. Si vous avez un lien avec un domaine différent, n'oubliez pas de lui attribuer l'URL complète.. Le développement Web réactif est à la mode avec un accès mobile en croissance constante. Les images peuvent être basculées pour différentes tailles d'écran avec des balises. le Remarque: Cela ne fonctionne actuellement que dans Chrome. Vous devrez définir HTML5 a introduit de nombreux nouveaux éléments de type d’entrée; l'élément d'entrée de couleur est l'un d'entre eux. Il vous permet de choisir une couleur sur une page Web à l'aide d'un sélecteur de couleur.. Si vous avez plusieurs options dans une liste déroulante et que vous souhaitez les afficher groupées, le Le balisage à l'intérieur où les lignes doivent être ajoutées dynamiquement, vous pouvez simplement mettre le balisage d’une ligne vide de cette table à l’intérieur du tableau.
et, le cas échéant, appelez une fonction JavaScript contenant un script pour copier le balisage de l'intérieur des balises de modèle et l'ajouter au balisage de la table. Ceci n'est pas supporté par IE. 5. Fine Print
balise en HTML peut être utilisée pour afficher des impressions fines. À partir de HTML5, le La balise non seulement affiche un texte stylé en petits caractères, mais définit sémantiquement la même chose que les renonciations et mises en garde légales.6. Attribuer une URL de base
7. Images sensibles
dom.image.picture.enable à vrai dans à propos de: config dans Firefox.8. Sélecteur de couleur
9. Options de groupe
élément fera le travail. Vous pouvez aussi styliser les groupes avec CSS.10. Le
élément est rendu par le navigateur uniquement lorsque le script est désactivé. Cette balise est utile pour permettre aux utilisateurs de savoir quand le script est désactivé dans leur navigateur et pour fournir tout autre mécanisme de secours pour les composants des pages Web qui ne fonctionneront plus sans JavaScript..
Maintenant lu: 15 astuces CSS utiles que vous auriez pu oublier
