Comment faire des listes de liens pour HTML5 et CSS3 programmation

Beaucoup de pages Web se révèlent être des listes de liens en HTML5 et CSS3 programmation. Parce que les listes et les liens vont si bien ensemble, il est bon de regarder un exemple. Notez cette liste de liens vers des livres écrits par un auteur.

Cet exemple n'a pas de nouveau code de comprendre, mais la page montre certains composants intéressants:

  • La liste: Une liste non ordonnée ordinaire.




  • Liens: Chaque élément de la liste contient un lien. Le lien a une référence (que vous ne pouvez pas voir immédiatement) et le texte liable (qui est marqué comme un lien ordinaire).

  • Texte descriptif: Après chaque lien est un texte ordinaire qui décrit le lien. Écrit un texte pour accompagner le lien réel est très commun.

    image0.jpg

Ce code montre la façon dont la page est organisé:

listLinks.html

Certains livres de programmation belles

L'indentation est intéressant ici. Chaque élément de la liste contient une ancre et un texte descriptif. Pour garder le code organisée, les développeurs Web ont tendance à placer l'ancre à l'intérieur de l'élément de liste. L'adresse va parfois sur une nouvelle ligne si elle est longue, avec le texte d'ancre sur une nouvelle ligne et la description sur les lignes suivantes.

Normalement, l'étiquette va à la fin de la dernière ligne, de sorte que les étiquettes commençant ressemblent les balles d'une liste non ordonnée. Cela rend plus facile à trouver votre place lors de l'édition d'une liste plus tard.


» » » » Comment faire des listes de liens pour HTML5 et CSS3 programmation