Faire de l'en-tête entier un lien - des mannequins

Avec HTML5 et CSS 3, vous pouvez utiliser n'importe quelle police dans vos pages Web, et même créer des fonctionnalités de conception comme les ombres portées sans avoir à utiliser de graphiques.

À l'époque du design web, la bannière en haut de la plupart des pages Web était créée avec un grand graphique long. Les concepteurs ont eu recours à un graphique parce que c'était la seule façon d'utiliser la police qu'ils voulaient, et la plupart des concepteurs ont inclus des éléments comme des logos dans la bannière.

L'utilisation de HTML5 est idéale pour créer des pages à chargement plus rapide, plus accessibles et plus faciles à lire pour les moteurs de recherche, mais cela pose un problème commun. Comment liez-vous la totalité de la zone de bannière de votre page si ce n'est pas un graphique?

Certains concepteurs aiment relier la bannière de leur site à la page d'accueil du site afin de faciliter le retour des visiteurs. Ce lien est particulièrement utile sur les plus petits écrans d'un iPhone. Une solution rapide pour faire de votre bannière entière un lien enveloppe une balise d'ancrage autour du texte, des images ou de tout élément au niveau du bloc.

Les éléments de niveau bloc, tels qu'une balise de paragraphe, une balise ou une balise de titre, lancent une nouvelle ligne dans le document par défaut. En revanche, les éléments en ligne, tels que la balise , n'entraînent pas de saut de ligne.

Voici comment le code transforme une bannière, créée avec la balise

, en un lien:

Jelly Rancher

Spécialiste des aquariums à base de méduses