Maison interface Web tutoriel HTML Les différences et utilisations de la balise b, de la balise Strong et de la balise h1

Les différences et utilisations de la balise b, de la balise Strong et de la balise h1

Jun 10, 2017 am 10:15 AM

strong Il est recommandé d'utiliser b une seule fois, mais vous pouvez utiliser strong plusieurs fois. Souligner sémantiquement b. Formellement gras

1 Que sont les balises STRONG et B ?

Comme nous le savons tous, l'évolution des affaires ne peut que devenir de plus en plus standardisée, et les moteurs de recherche doivent également préférer les choses standardisées. La balise b est le contenu du HTML et STRONG est le contenu du XHTML. Par conséquent, du point de vue de la normalisation, la balise STRONG est meilleure que la balise B. Par conséquent, lorsque la technologie le permet, les sites Web ont tendance à utiliser autant que possible DIV+CSS pour la mise en page.

D'un point de vue sémantique :

"strong" est une balise d'emphase

"b" est une balise en gras

La balise est une balise d'entité, le caractère qu'elle entoure sera mis en gras (gras), et la balise est une balise logique, son rôle est de renforcer l'ambiance du personnage. D'une manière générale, renforcer l'ambiance de. le caractère est en changeant le caractère Ceci est obtenu en le changeant en gras. On peut voir que la balise B n'est qu'un gras fonctionnel, tandis que STRONG a une signification plus profonde, une emphase. L’humanisation des moteurs de recherche se concentre davantage sur la balise STRONG.

2. Comment utiliser le tag STRONG ?

Les balises telles que H1 sont principalement utilisées dans les titres, tandis que STRONG se concentre davantage sur les applications de contenu, telles que l'identification de mots clés. Certains sites Web utilisent également des balises STRONG pour mettre en valeur les sous-titres. Mais il convient de noter qu’une utilisation excessive de balises STRONG peut également entraîner des pénalités pour les moteurs de recherche.

Rappel : La balise STRONG doit être écrite sur la page. STRONG définie via CSS est inutile pour l'inclusion et le classement. Bien que les robots puissent explorer les fichiers CSS, on estime que les moteurs de recherche explorent uniquement le contenu.

Bien sûr, cela ne signifie pas que la présence de fort élimine b. C'est juste que ce b est une police en gras, ce qui se trouve être le même que l'effet d'accentuation de fort par défaut. ce fort peut être défini dans d'autres styles en mettant l'accent sur l'effet, mais afin de se conformer aux normes actuelles du W3C, il est recommandé d'utiliser la balise strong.

------------------------------------------------------ ------ -------------------------------

 Bag: effet visuel audacieux. Il n'a pas de sémantique HTML en soi.

Les standards du WEB prônent la séparation du style et du contenu, il n'est donc plus recommandé d'utiliser B uniquement par souci d'audace.

Tag fort : l'effet visuel est audacieux. La sémantique HTML est l'accent, indiquant l'accent et l'emphase dans le ton.

Lorsqu'une personne aveugle utilise un lecteur d'écran, la différence entre B et Strong est clairement visible. Lorsque vous rencontrez B, lisez-le comme un mot normal. Lorsque vous rencontrez Strong, vous insistez et faites une pause.

Regardez B et Strong d'un point de vue SEO. En fait, il s’agit de savoir comment les moteurs de recherche perçoivent B et Strong. Après tout, les moteurs de recherche sont des machines et nous sommes après tout confrontés à des utilisateurs. Par conséquent, à mon avis, il n’est pas nécessaire de comparer qui a le plus grand effet d’optimisation. J'ai également eu des doutes sur les deux balises en lisant les balises en gras mentionnées dans le document SEO. J'ai délibérément relu le "XHTML Definitive Guide", puis j'ai progressivement acquis une certaine expérience pratique. Il n'est vraiment pas nécessaire de le prendre au sérieux. Si c'est juste pour savoir qui est le plus efficace, ne serait-il pas préférable d'utiliser simplement H ? Mais peut-il être classé si toutes les techniques d’optimisation sont utilisées ? Peut-on encore appeler cela de l’optimisation ?

Par conséquent, du point de vue de la signification du document XHTML et de l'expérience utilisateur, Strong est plus bénéfique et son utilisation est recommandée. Quant au SEO, cela dépend de la situation d’optimisation. Il y a certaines choses sur lesquelles nous pouvons être confus et incapables de les distinguer pour le moment. À l’heure actuelle, insistez sur le fait que l’expérience utilisateur passe avant tout.

Ce qui précède est le contenu détaillé de. pour plus d'informations, suivez d'autres articles connexes sur le site Web de PHP en chinois!

Déclaration de ce site Web
Le contenu de cet article est volontairement contribué par les internautes et les droits d'auteur appartiennent à l'auteur original. Ce site n'assume aucune responsabilité légale correspondante. Si vous trouvez un contenu suspecté de plagiat ou de contrefaçon, veuillez contacter admin@php.cn

Outils d'IA chauds

Undresser.AI Undress

Undresser.AI Undress

Application basée sur l'IA pour créer des photos de nu réalistes

AI Clothes Remover

AI Clothes Remover

Outil d'IA en ligne pour supprimer les vêtements des photos.

Undress AI Tool

Undress AI Tool

Images de déshabillage gratuites

Clothoff.io

Clothoff.io

Dissolvant de vêtements AI

AI Hentai Generator

AI Hentai Generator

Générez AI Hentai gratuitement.

Article chaud

R.E.P.O. Crystals d'énergie expliqués et ce qu'ils font (cristal jaune)
3 Il y a quelques semaines By 尊渡假赌尊渡假赌尊渡假赌
R.E.P.O. Meilleurs paramètres graphiques
3 Il y a quelques semaines By 尊渡假赌尊渡假赌尊渡假赌
R.E.P.O. Comment réparer l'audio si vous n'entendez personne
3 Il y a quelques semaines By 尊渡假赌尊渡假赌尊渡假赌
Où trouver la courte de la grue à atomide atomique
1 Il y a quelques semaines By DDD

Outils chauds

Bloc-notes++7.3.1

Bloc-notes++7.3.1

Éditeur de code facile à utiliser et gratuit

SublimeText3 version chinoise

SublimeText3 version chinoise

Version chinoise, très simple à utiliser

Envoyer Studio 13.0.1

Envoyer Studio 13.0.1

Puissant environnement de développement intégré PHP

Dreamweaver CS6

Dreamweaver CS6

Outils de développement Web visuel

SublimeText3 version Mac

SublimeText3 version Mac

Logiciel d'édition de code au niveau de Dieu (SublimeText3)

Quel est le but du & lt; datalist & gt; élément? Quel est le but du & lt; datalist & gt; élément? Mar 21, 2025 pm 12:33 PM

L'article traite du HTML & lt; Datalist & GT; élément, qui améliore les formulaires en fournissant des suggestions de saisie semi-automatique, en améliorant l'expérience utilisateur et en réduisant les erreurs. COMMANDE COMPRES: 159

Quel est le but du & lt; Progress & gt; élément? Quel est le but du & lt; Progress & gt; élément? Mar 21, 2025 pm 12:34 PM

L'article traite du HTML & lt; Progress & GT; élément, son but, son style et ses différences par rapport au & lt; mètre & gt; élément. L'objectif principal est de l'utiliser & lt; Progress & gt; pour l'achèvement des tâches et & lt; mètre & gt; pour stati

Quel est le but du & lt; mètre & gt; élément? Quel est le but du & lt; mètre & gt; élément? Mar 21, 2025 pm 12:35 PM

L'article traite du HTML & lt; mètre & gt; élément, utilisé pour afficher des valeurs scalaires ou fractionnaires dans une plage, et ses applications courantes dans le développement Web. Il différencie & lt; mètre & gt; De & lt; Progress & gt; et ex

Quelle est la balise Meta de la fenêtre? Pourquoi est-ce important pour une conception réactive? Quelle est la balise Meta de la fenêtre? Pourquoi est-ce important pour une conception réactive? Mar 20, 2025 pm 05:56 PM

L'article traite de la balise Meta de la fenêtre, essentielle pour la conception Web réactive sur les appareils mobiles. Il explique comment une utilisation appropriée garantit une mise à l'échelle optimale du contenu et une interaction utilisateur, tandis que la mauvaise utilisation peut entraîner des problèmes de conception et d'accessibilité.

Quel est le but du & lt; iframe & gt; étiqueter? Quelles sont les considérations de sécurité lorsque vous l'utilisez? Quel est le but du & lt; iframe & gt; étiqueter? Quelles sont les considérations de sécurité lorsque vous l'utilisez? Mar 20, 2025 pm 06:05 PM

L'article traite du & lt; iframe & gt; L'objectif de Tag dans l'intégration du contenu externe dans les pages Web, ses utilisations courantes, ses risques de sécurité et ses alternatives telles que les balises d'objet et les API.

Comment utiliser le html5 & lt; time & gt; élément pour représenter les dates et les temps sémantiquement? Comment utiliser le html5 & lt; time & gt; élément pour représenter les dates et les temps sémantiquement? Mar 12, 2025 pm 04:05 PM

Cet article explique le html5 & lt; time & gt; élément de représentation sémantique de date / heure. Il souligne l'importance de l'attribut DateTime pour la lisibilité à la machine (format ISO 8601) à côté du texte lisible par l'homme, stimulant AccessIbilit

Comment utiliser les attributs de validation du formulaire HTML5 pour valider l'entrée utilisateur? Comment utiliser les attributs de validation du formulaire HTML5 pour valider l'entrée utilisateur? Mar 17, 2025 pm 12:27 PM

L'article discute de l'utilisation des attributs de validation de formulaire HTML5 comme les limites requises, motifs, min, max et longueurs pour valider la saisie de l'utilisateur directement dans le navigateur.

Quelles sont les meilleures pratiques pour la compatibilité entre les navigateurs dans HTML5? Quelles sont les meilleures pratiques pour la compatibilité entre les navigateurs dans HTML5? Mar 17, 2025 pm 12:20 PM

L'article examine les meilleures pratiques pour assurer la compatibilité des navigateurs de HTML5, en se concentrant sur la détection des fonctionnalités, l'amélioration progressive et les méthodes de test.

See all articles