Comment voir le code HTML d'un site Web
Le code HTML sous-jacent utilisé pour créer un site Web n'est pas caché mais facilement accessible à toute personne disposant des outils appropriés. Par exemple, les navigateurs Web tels que Firefox, Chrome, Safari, Opera et Internet Explorer offrent plusieurs façons d'afficher directement le code HTML, CSS ou JavaScript d'un site Web. De plus, certains outils de développement Web dédiés peuvent charger et ouvrir une page Web à partir d'Internet comme un fichier stocké sur un disque local.
Afficher la source dans le navigateur
Les étapes requises pour voir le code HTML d'un site Web sont essentiellement les mêmes pour Firefox, Chrome, Safari, Opera et Internet Explorer. Faites un clic droit sur une section d'une page Web qui ne contient que du texte, puis sélectionnez l'option "Afficher la source" ou "Afficher la source de la page". Selon la configuration de votre navigateur, le code HTML s'ouvre dans un nouvel onglet du navigateur ou dans une fenêtre d'application distincte.
Enregistrer le code source sur le disque
Si vous avez besoin d'examiner ou de modifier ultérieurement le code d'un site Web, vous pouvez enregistrer la page sur votre disque dur. Lorsque vous cliquez avec le bouton droit sur une page Web dans Firefox ou Safari, l'option "Enregistrer la page sous" vous est proposée. Chrome et Opera ont l'option "Enregistrer sous". Pour enregistrer une page Web à l'aide d'Internet Explorer, cliquez sur "Outils", "Fichier", puis sur "Enregistrer sous". En plus de la page Web elle-même, le navigateur enregistre toutes les images, fichiers CSS et JavaScript utilisés par la page qui sont stockés localement sur son serveur Web.
Outils de développement de navigateur intégrés
Firefox, Chrome, Opera et Internet Explorer fournissent chacun un mode développeur qui vous permet de visualiser simultanément une page Web rendue et son code HTML, CSS et JavaScript. Si vous cliquez sur un élément sur le Web, son code apparaît dans le panneau d'affichage du développeur. Le panneau du développeur est accessible via les options ou l'outil de configuration. Bien que Safari ne dispose pas d'un outil de développement natif, vous pouvez en installer un en tant qu'extension.
Applications de développeur Web
Les outils de conception de sites Web tels que Dreamweaver, Kompozer et Microsoft Expressions vous permettent d'ouvrir une page Web en ligne à l'aide de son URL. Vous affichez le code HTML dans une vue de code source uniquement ou dans une vue fractionnée, aperçu et source. De plus, vous pouvez modifier le code et visualiser les modifications en temps réel. Le code réel stocké sur le serveur du site Web n'est jamais modifié.
Problèmes que vous pouvez rencontrer
Intentionnellement ou non, certains sites Web n'abandonnent pas facilement leur code HTML. Par exemple, certains sites utilisent du code JavaScript, qui bloque les clics droits. Vous pouvez toujours afficher le code source en téléchargeant la page sur votre disque ou en désactivant JavaScript dans votre navigateur. D'autres sites utilisent des cadres HTML ou des iframes, qui vous empêchent d'accéder directement à leur source. Firefox, Chrome, Safari et Opera détectent les sites Web basés sur des cadres et vous offrent automatiquement une option pour afficher le code source d'un cadre. Si une page Web utilise un fichier JavaScript ou CSS stocké sur un autre domaine, vous pouvez afficher le code de ce fichier directement en copiant son URL à partir du code HTML auquel vous pouvez accéder, puis en le collant dans la barre d'adresse d'un nouvel onglet du navigateur.