Faire toute la tête un lien

Avec HTML5 et CSS 3, vous pouvez utiliser toutes les polices que vous voulez dans vos pages Web, et vous pouvez même créer des caractéristiques de conception comme des ombres portées sans avoir à utiliser des graphiques.

Sommaire

Dans les vieux jours de conception de sites Web, la bannière en haut de la plupart des pages Web a été créé avec une grande, longue graphique. Les concepteurs ont eu recours à l'aide d'un graphique, car il était le seul moyen d'utiliser une police qu'ils voulaient, et la plupart des concepteurs inclus des choses comme les logos dans la bannière.




En utilisant HTML5 est idéal pour créer des pages plus rapide-chargement qui sont plus accessibles et plus facile pour les moteurs de recherche à lire, mais cela cause un problème commun. Comment liez-vous l'ensemble de la zone de la bannière de votre page si elle est pas un graphique?

Certains concepteurs aiment lier la bannière de leurs sites retour à la page d'accueil du site pour aider les visiteurs à trouver leur chemin facilement. Ce lien est particulièrement utile sur les petits écrans des iPhone. Une solution rapide à faire de l'ensemble de votre bannière un lien tire à une balise d'ancrage autour du texte, des images, ou tout élément de niveau bloc.

Eléments de niveau bloc, comme une balise de paragraphe,

tag, ou un tag de cap, commencent une nouvelle ligne dans le document par défaut. En revanche, les éléments en ligne, tels que la tag, ne pas provoquer un saut de ligne.

Voici comment le code ressemble qui transforme une bannière, créé avec le

tag, en lien:

Jelly Rancher

Spécialisée dans Méduses Aquariums