Voici 10 balises HTML sous-utilisées ou mal comprises. Peut-être qu'ils ne sont pas très connus, mais ils sont très utiles dans certaines situations.
Les développeurs Web veulent souvent comprendre et maîtriser plusieurs langues, et en conséquence, tout apprendre dans une langue est délicat, mais il est facile de constater que vous ne tirez pas entièrement entièrement les balises plus spéciales mais utiles.
Traduit de: Tutsplus
Malheureusement, nous n'avons pas encore pris le potentiel de ces balises HTML moins connues. Mais il ne rentrera jamais trop tard dans le royaume et commencera à écrire du code pour découvrir l'énergie de ces balises inexplorées.
Voici 10 balises HTML sous-utilisées ou mal comprises. Peut-être qu'ils ne sont pas très connus, mais ils sont très utiles dans certaines situations.
1. <Cite>
Il semble que tout le monde connaît la balise <locQuote>, mais connaissez-vous le petit frère <Cite> du <Cite> du <lockquote>? <CITE> vous permet de définir le texte à l'intérieur d'un élément comme référence. Généralement, le navigateur utilisera les italiques pour afficher le texte dans la balise <CITE>, mais cela peut être modifié avec un petit CSS.
La balise <CITE> est utile pour les références à des répertoires ou à d'autres sites Web. Voici un exemple d'utilisation de la balise CITE dans le paragraphe:
Le livre organisationnel révolutionnaire de David Allen , accomplissant votre travail, a apporté une tempête à oublier. 2. <Optgroup>
La balise <OptGroup> est un excellent moyen de définir des options de regroupement dans la balise de sélection. Par exemple, si vous avez besoin de regrouper les listes de films à l'heure, vous pouvez le faire:
12
<label for = showTimes> Time de sortie </ label> <sélectionnez id = showTimes Name = showTimes> <optgroup label = 1: 00 pm> </ptgroup> <option value = titanic> titanic </ option> <option value = nd> slumdog millionnaire </ option> <option value = wab> monster shrek </option> <optgroup label = 2: 00 pm> </propp> </ option> <optgroup label = 2: 00 pm> </propp> </ option> <optgroup label = 2: 00 pm> </propp> </ option> <optgroup Label = 2: 00 pm> </propp> </ option> <optgroup label = 2: 00 pm> </ option> <option> <optgroup Labe <Option Value = BKRW> Lion King </ Option> <Option Value = STF> Superman </opoption> </lect>
Démo:
Il peut distinguer visuellement les listes de films. 3. <Consronyme>
<cronym> est un moyen de définir ou d'interpréter un ensemble de textes. Lorsque vous mettez le texte à l'aide de la balise <cronym> avec votre souris, une boîte affichant le contenu de la balise de titre apparaîtra ci-dessous. Par exemple:
1
Le site Web de Weibo <acronyme Title = Fondé en 2006> Twitter </cronym> a été fréquemment sur les temps d'arrêt récemment.
Exemple:Le site Web de Weibo Twitter a récemment été des temps d'arrêt. 4. <Address>
La balise <adress> est une petite balise très discrète, mais cela ne signifie pas que c'est inutile. Comme son nom l'indique, <adress> vous permet de sémaniser les balises dans HTML. Cette petite étiquette affichera le contenu de l'étiquette dans les italiques par défaut. Bien sûr, l'utilisation de styles peut facilement modifier le style par défaut.
1234
<Address> Glen Stansberry1234 Web Dev Laneanywhere, USA </dress> 5. <ins> et <l>
Si vous souhaitez utiliser des balises pour afficher les versions modifiées, <ins> et <l> sont juste. Comme son nom l'indique, <ins> met en évidence le contenu ajouté avec un soulignement, tandis que <el> utilise un strikethrough pour afficher les informations supprimées.
1
John <Del> aime </del> <ins> aime </sins> son nouvel iPod.
Exemple: Tout le monde comme Abandonné Zblog. 6. <Babeld>
Il semble que les éléments de forme soient les plus susceptibles d'oublier quand marquer le texte. Pour les éléments de forme, la chose la plus courante que j'oublie est la balise <Que>. Pas seulement un moyen pratique de marquer du texte, la balise <Babel> peut également transmettre un attribut pour spécifier quel élément sera associé. <fabriqué> est non seulement facile à contrôler avec les styles, mais vous permet également de rendre le titre cliquable.
12
<étiquette pour = nom d'utilisateur> nom d'utilisateur </ label> <entrée id = nom d'utilisateur type = text /> 7. <Fieldset>
Fieldset est une petite balise que vous pouvez utiliser pour ajouter des groupements logiques à vos éléments de formulaire. La balise <FielDset> dessinera une boîte autour des éléments à l'intérieur. Un autre point est que vous pouvez ajouter une balise <Que> au champ pour définir le titre du groupe.
1234567
<Form> <FielDset> <gend> Êtes-vous plus intelligent qu'un étudiant de 5 ans? </gend> bien sûr <entrée name = oui type = radio valeur = oui /> je ne sais pas <input name = non type = radio value = no /> </fieldset> </ form>
Exemple: 8. <BBR>La balise <bbr> est assez similaire à la balise <cronym>, la différence est que la balise <bbr> n'est utilisée que pour définir les abréviations. Tout comme <cronym>, vous pouvez définir une propriété de titre pour cette balise. Lorsque l'utilisateur place la souris sur le texte de l'abréviation, le contenu entier sera affiché ci-dessous. Les balises <bbr> sont rarement utilisées, mais sont très utiles pour les lecteurs d'écran, les vérificateurs de orthographe et les moteurs de recherche.
1
<ABBR Title = Brainless> NC </BBR> est un terme non civilisé.
Exemple:C'est un terme non très civilisé. C'est un terme non très civilisé. 9. Rel
Rel peut être une propriété extrêmement utile et tout élément HTML peut appliquer une propriété REL. Il aide à transmettre des paramètres supplémentaires sans spécification supplémentaire. Ceci est très utile lors de l'utilisation de JavaScript dans HTML. Si vous avez un lien que vous souhaitez modifier dans la ligne, vous pouvez ajouter:
1
<a rel = clickable href = page.html> Ce lien est modifiable. </a>
JavaScript recherchera un lien avec un attribut rel cliquable et appliquera un AJAX et permettra de le modifier dans la ligne. Ce n'est qu'une utilisation de nombreuses techniques que vous pouvez utiliser l'attribut REL car son potentiel est sans fin. Les amis intéressés peuvent étudier l'introduction de W3C à Rel en profondeur. 10. <WBR>
<WBR> La balise est une balise incroyable et inhabituelle. Franchement, je doute également que vous soyez exposé à cette étiquette car il n'est presque jamais utilisé. (En effet, j'ai à peine vu cette étiquette avant d'écrire ce post). En fait, cette balise est une rupture de ligne douce, vous permettant de spécifier un point de rupture de ligne dans une certaine ligne, indiquant que les ruptures de ligne peuvent être cassées à ce stade, mais elle ne la casserait pas nécessairement, mais les ruptures uniquement lorsqu'elle est nécessaire. Si vous souhaitez éviter les barres de défilement horizontales, l'utilisation de cette balise est excellente.
Exemple:Vous trouverez ci-dessous une boîte à large de 200 pixels sans débordement défini. Nowbrnowbrnowbrnowbrnowbrnowbrnowbrnowbrnowbrnowbrnowbrnowbrnowbrnowbr
Havawbr Havawbr HAVAWBRHAVAWBRHAVAWBRHAVAWBRHAVAWBRHAVAWBRHAVAWBR Havawbr
Si vous souhaitez obtenir le même effet sans utiliser la balise <WBR>, vous pouvez l'essayer ou & timide;. On dit qu'aucune de ces trois balises n'est entièrement prise en charge par tous les navigateurs. Vous pouvez utiliser cet article pour afficher la prise en charge de chaque navigateur pour trois balises.
PS: Après avoir traduit cet article avec difficulté, Shenfei a profondément ressenti le charme de la sémantique et la puissance des étiquettes HTML. Je crois que nous n'avons pas réalisé beaucoup de balises. En conséquence, tout le monde connaît les balises communes, et tout le monde ne peut pas utiliser des balises rares. Comme je l'ai déjà expliqué dans un article, une grande partie de la sémantique consiste à utiliser les bonnes étiquettes aux bons endroits, plutôt que de les diviser. Si nous pouvons apprendre plus de balises HTML, nous pouvons écrire plus de code HTML sémantique, ce qui peut réduire considérablement la difficulté et la charge de travail de l'écriture CSS, et rendre notre structure de page plus raisonnable.