Comment créer un lien dans un document HTML Tag A - sa syntaxe et ses attributs

1. URL ou "adresse" d'une page sur Internet
2. Balise <A> et sa syntaxe de base
3. Référence absolue et relative
4. Lien relatif vers le répertoire supérieur à celui en cours
5. Attributs de la balise <A>. Comment ouvrir un document par référence dans une nouvelle fenêtre
6. Lien du titre. L'attribut title de la balise <A>
7. Hyperlien d'attribut nofollow. Interdire le transfert de la "confiance" du site par référence
8. Lien interne ou ancre à l'intérieur du document
9. Ancre de Lien - Photo
10. La continuation

Les références (ou hyperliens) imprègnent Internet comme les vaisseaux sanguins. S'il n'y avait pas de liens, il n'y aurait pas d'Internet.

Comment créer un lien dans un document HTML et enregistrer correctement ses attributs, en quoi consiste une URL et comment les moteurs de recherche établissent un lien entre les liens - dans cette prochaine leçon, les débutants apprendront le HTML.

URL ou "adresse" d'une page sur Internet

Chaque document HTML sur le Web a sa propre «adresse exacte». Cela s'appelle "URL", de l'anglais. URL - Uniform Resource Locator

La structure de l'URL est souvent visible dans la barre d'adresse du navigateur. Il comprend:

1. Le nom du protocole est http: // ou https: //
2. Domaine du site
3. le dossier ou le chemin d'accès au dossier où se trouve ce document,
4. Nom du fichier (peut ne pas être toujours).

Grâce à cette "adresse exacte", il est devenu possible de se référer à ce document à partir du texte d'un autre document.

Balise <A> et sa syntaxe de base

J'espère que le mot «syntaxe» ne vous fait plus peur

Comme vous pouvez le constater, après le début de la balise <A>, il doit exister un attribut href obligatoire qui spécifie l'adresse du document auquel vous souhaitez accéder.

Dans la balise conteneur <A> elle-même se trouve un texte (bien qu’il puisse y avoir une image), qui est le texte du lien. On l'appelle aussi " Ancre " ou simplement - Ancre.

Référence absolue et relative

Dans les exemples ci-dessus, des références absolues ont été utilisées. Ceux qui contiennent l' URL complète du document.

Dans certains cas, l'attribut href ne contient pas d'URL complète avec le nom du protocole et le domaine du site. Si le document auquel le lien mène se trouve sur le même site, vous pouvez utiliser le lien relatif menant de l'endroit où se trouve le document.

Exemple: un lien du document first.html mène au fichier second.html, situé dans le dossier de nouvelles.

Lien relatif vers le répertoire supérieur à celui en cours

Code:

Ce lien mène au fichier first.html dans le répertoire "parent", c.-à-d. un niveau supérieur .

La combinaison ../ indique un dossier au-dessus de la position donnée du fichier à partir duquel le lien est créé.

Attributs de la balise <A>. Comment ouvrir un document par référence dans une nouvelle fenêtre

Pour que le document s'ouvre dans un nouvel onglet de navigateur, vous devez utiliser l'attribut target = "_ blank".

Ne pas en abuser. Pas besoin de faire des liens internes vers le site avec cet attribut. Les utilisateurs seront agacés par la «fenêtre d'étincelles».

En général, avec cet attribut cible - toute l'histoire. Il existe encore un certain nombre de significations, mais elles sont toutes rarement utilisées aujourd'hui.

En effet, ils sont conçus pour fonctionner avec le site sur des cadres qui ne sont plus populaires et qui, avec l’avènement du HTML5 , font désormais partie du passé.

Lien du titre. L'attribut title de la balise <A>

Title = "Texte expliquant où ce lien mène" est un autre attribut utile.

Syntaxe:

Comme vous pouvez le constater, le navigateur l’affiche sous forme d’info-bulle. Et pourtant, il prend en compte les moteurs de recherche.

Hyperlien d'attribut nofollow. Interdire le transfert de la "confiance" du site par référence

Il y a encore un attribut ambigu pour les liens rel = "nofollow"

Il dit aux moteurs de recherche que le document de lien peut ne pas être digne de confiance. Dans le même temps, les indicateurs de confiance («confiance») du site source ne sont pas transmis au site par référence.

Le sujet de la «confiance» et du classement des liens est toujours en avance, mais s'il est bref, le «destin» des sites dans les moteurs de recherche dépendra également du nombre de liens menant à ce site. Plus ils sont nombreux, plus les sites faisant autorité sont liés - plus la crédibilité du site par référence est grande.

Dans certains cas, cela vaut la peine de «filtrer» les liens avec cet attribut. Par exemple, si vous écrivez un avis négatif sur un service.

Lien interne ou ancre à l'intérieur du document

Dans les gros textes, il est souvent nécessaire d’installer des «ancres» dans les parties logiques du document. Ensuite, c'est à cet endroit, vous pouvez vous référer.

La manière la plus simple de l’utiliser est de créer une table des matières locale à partir de liens hypertexte menant à ces ancres. Ces tables des matières sont généralement placées au tout début de l'article.

Lors de la création d'une telle ancre, l'attribut name est utilisé à la place de l'attribut href.

La syntaxe pour créer une ancre est la suivante:

Lors de la création d'un lien, à la fin de l'URL, ajoutez le signe # - le nom de "l'ancre":

La transition se fera exactement à cet endroit, c.-à-d. Le navigateur placera cet endroit dans sa partie visible supérieure.

Souvent, dans les longs documents, tout en bas, ils mettent un tel lien «en haut».

... ayant parcouru le monde dans le monde des céréales parfumées, ils ont trouvé la plus haute qualité de celles pour lesquelles l'Afrique, l'Asie, l'Amérique centrale et l'Amérique du Sud sont célèbres. Par conséquent, aujourd'hui dans les cafés de la marque Grain de café Vous trouverez les meilleures variétés de café de fabricants reconnus.

? Au sommet ?

A partir d'un autre document, vous pouvez également vous rendre à cet endroit, si vous ajoutez à la fin de l'URL par le signe # name_accord

Ancre de Lien - Photo

Toute image peut être un lien.

Code:

Par défaut, les liens sont soulignés par le navigateur avec une ligne bleue continue et les images de liens obtiennent le cadre bleu.

Pour s'en débarrasser, une simple règle est ajoutée au fichier CSS du site:

Ceci est une instruction pour rendre l'épaisseur de bordure nulle pour tous les liens d'image.

La continuation

Dans le prochain article, je parlerai des liens de messagerie, de leurs attributs et des méthodes de "protection" contre les spammeurs maléfiques.