![modèle de page](/f/ac17956bb7f1355f00584a69931259c7.jpg)
Les sites Web basés sur des cadres affichent souvent la disposition de leur jeu de cadres plutôt que le contenu.
Crédit d'image : kit vétérinaire/iStock/Getty Images
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 vous permettent d'afficher directement le code HTML, CSS ou JavaScript d'un site Web de plusieurs manières. 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. Cliquez avec le bouton 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 de navigateur ou dans une fenêtre d'application distincte.
Vidéo du jour
Enregistrer le code source sur le disque
Si vous devez examiner ou modifier le code d'un site Web ultérieurement, 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 « Enregistrer sous ». En plus de la page Web lui-même, le navigateur enregistre toutes les images, fichiers CSS et JavaScript utilisés par la page qui sont stockés localement sur son site Web serveur.
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 développeur est accessible via les options ou l'outil de configuration. Bien que Safari n'ait pas d'outil de développement natif, vous pouvez en installer un en tant qu'extension.
Développeur Web Applications
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 code source uniquement ou une vue fractionnée, aperçu et source. De plus, vous pouvez éditer le code et visualiser les changements 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 copier son URL à partir du code HTML auquel vous pouvez accéder, puis le coller dans la barre d'adresse d'un nouvel onglet de navigateur.