L'affichage de la source HTML d'une page Web est l'un des moyens les plus simples (et pourtant le plus efficace) d'apprendre le HTML, en particulier pour les nouveaux professionnels du Web débutant dans l'industrie. Si vous voyez quelque chose sur un site Web et que vous voulez savoir comment cela s'est passé, affichez le code source de ce site.
Si vous aimez simplement la présentation d'un site Web, consulter le code source pour voir comment cette présentation a été réalisée vous aidera à apprendre et à améliorer votre propre travail. Au fil des ans, de nombreux concepteurs et développeurs Web ont appris beaucoup de code HTML simplement en consultant la source des pages Web qu'ils voient. C’est un excellent moyen pour les débutants d’apprendre le HTML et pour les professionnels expérimentés du Web de voir comment de nouvelles techniques ont pu être appliquées à un site.
Rappelez-vous que les fichiers source peuvent être très compliqués. En plus du balisage HTML pour une page, de nombreux fichiers CSS et scripts seront utilisés pour créer l’aspect et les fonctionnalités de ce site. Ne soyez donc pas frustré si vous ne pouvez pas savoir ce qui se passe immédiatement. La visualisation de la source HTML n’est que la première étape. Après cela, vous pouvez utiliser des outils tels que l’extension Web Developer de Chris Pederick pour consulter le CSS et les scripts, ainsi que pour inspecter des éléments spécifiques du code HTML.
Si vous utilisez le navigateur Safari, voici comment afficher le code source d’une page pour voir comment il a été créé.
Comment afficher la source HTML dans Safari
-
Ouvrez Safari.
-
Accédez à la page Web que vous souhaitez examiner.
-
Clique sur le Développer menu dans la barre de menu supérieure.
Si le menu Développer n'est pas visible, allez dans Préférences dans la section Avancé et sélectionnez Afficher le menu Développer dans la barre de menus.
-
Cliquez sur Afficher la source de la page. Cela ouvrira une fenêtre de texte avec la source HTML de la page que vous consultez.
Conseils
- Sur la plupart des pages Web, vous pouvez également afficher la source en cliquant avec le bouton droit de la souris sur la page (et non sur une image) et en sélectionnant Afficher la source de la page. Cela ne s'affichera que si le menu Développer est activé dans Préférences.
- Safari propose également un raccourci clavier pour afficher la source HTML: maintenez les touches Commande et Option enfoncées et appuyez sur U (Cmd-Opt-U.).
L'affichage du code source est-il légal?
Bien que copier le code d'un site en gros et le faire passer pour vous sur un site ne soit certainement pas acceptable, utiliser ce code comme un tremplin pour apprendre est en fait combien d'avancées ont été réalisées dans ce secteur. En fait, vous auriez beaucoup de mal à trouver un professionnel du Web qui travaille aujourd'hui et qui n'a pas appris quelque chose en consultant la source d'un site!
Au final, les professionnels du Web apprennent les uns des autres et améliorent souvent le travail qu'ils voient et inspirent. N'hésitez donc pas à consulter le code source d'un site et à l'utiliser comme outil d'apprentissage.
