HTML 5 - 5.2 : Qu'est ce que les URL expliquées ?

Une URL (Uniform Resource Locator) est l'adresse unique d'une ressource sur le web. Elle peut pointer vers un document, une vidéo, une image ou d'autres contenus. Les URL sont omniprésentes en HTML : dans les balises <a> pour les liens, dans les balises <img> pour les images, et dans les balises <link> pour les feuilles de style. Par exemple, https://google.com est une URL simple, tandis que des URL plus complexes contiennent plusieurs composants structurés.

Une URL absolue suit une structure précise : scheme://host:port/path?arguments#anchor-id. Le scheme (protocole) peut être HTTP ou HTTPS. Le host est le domaine ou l'adresse IP du serveur. Le port est optionnel et spécifie le numéro de port (80 pour HTTP par défaut). Le path est le chemin vers la ressource, arguments sont les paramètres de requête (optionnels), et anchor-id est l'ancre vers une section du document (optionnelle).

Les URL relatives pointent vers des ressources au sein du même site ou du même répertoire, sans nécessiter le protocole ou le domaine. Par exemple, page.html ou ../images/photo.jpg. À l'opposé, un URI (Uniform Resource Identifier) est plus général et peut représenter des actions ou des services, par exemple mailto:contact@example.com ou tel:+33123456789. Ces URI ne pointent pas nécessairement vers des documents, mais vers des ressources ou des actions.

Comprendre la structure des URL est essentiel pour naviguer sur le web et créer des liens valides. Les URL absolues garantissent l'accès à une ressource peu importe le contexte, tandis que les URL relatives réduisent la taille du code et facilitent la maintenance des sites. Maîtriser ces concepts vous permettra de créer des sites web plus robustes et fonctionnels.

En résumé

Une URL (Uniform Resource Locator) est l'adresse unique d'une ressource sur un réseau, composée d'un schéma (HTTP/HTTPS), d'un hôte, d'un port, d'un chemin et d'arguments. Il existe trois types d'URL : les internes (utilisant le hashtag #), les relatives et les absolues qui contiennent tous les composants. À la différence de l'URI qui identifie plutôt des actions, l'URL est utilisée pour accéder à des documents et des fichiers via les balises HTML comme &lt;a&gt;, &lt;img&gt; et &lt;link&gt;.

Points clés

  • L'URL (Uniform Resource Locator) est une adresse unique permettant de localiser une ressource sur un réseau (document, vidéo, etc.)
  • Les trois types d'URL : internes (avec #), relatives et absolues (avec scheme, host, port, path, arguments, anchor-id)
  • Structure d'une URL absolue : scheme (HTTP/HTTPS), hôte (domaine ou IP), port (facultatif), chemin (path), arguments (facultatifs) et ancre (anchor-id)
  • Les URL sont utilisées dans les balises HTML : &lt;a&gt; pour les liens, &lt;img&gt; pour les images, &lt;link&gt; pour les ressources externes
  • L'URI (Uniform Resource Identifier) se différencie de l'URL : elle identifie des actions plutôt que des documents (format : scheme:action?arguments)
  • Exemples concrets : HTTPS://Google.com ou HTTP avec numéros de port et paramètres (ex. http://host:port/path?arg=value#anchor)

Questions fréquentes

Quelle est la différence entre une URL absolue et une URL relative ?

Une URL absolue contient tous les composants (scheme, hôte, port, chemin) et désigne complètement la ressource. Une URL relative pointe sur une section du document courant en utilisant le hashtag (#) et l'ID de la section, sans spécifier le schéma ni l'hôte.

Qu'est-ce qu'une URL interne et comment l'utilise-t-on ?

Une URL interne utilise le hashtag (#) pour créer un lien vers une ancre spécifique d'un document. Elle pointe vers une section identifiée par son ID (ex. #client) pour permettre une navigation fluide au sein d'une même page.

Quelle est la différence entre URL et URI ?

L'URL (Uniform Resource Locator) identifie et localise des documents ou des fichiers sur le web. L'URI (Uniform Resource Identifier) est plus générale et identifie plutôt des actions ou des ressources selon le format scheme:action?arguments.