L'affichage de la source HTML d'une page Web est l'un des moyens les plus simples (et les plus efficaces) d'apprendre le HTML, en particulier pour les nouveaux professionnels du Web qui ne font que commencer dans l'industrie. Si vous voyez quelque chose sur un site Web et que vous souhaitez savoir comment ils l'ont réalisé, affichez le code source de ce site. Safari fournit un moyen de voir le code source sur les ordinateurs Mac.
Avantages du code source
Consulter la source pour voir comment un concepteur Web a réalisé une mise en page vous aidera à apprendre et à améliorer votre travail. Au fil des ans, de nombreux concepteurs et développeurs Web ont appris beaucoup de HTML en affichant simplement 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 du Web chevronnés de voir comment les autres ont utilisé les nouvelles techniques.
N'oubliez pas que les fichiers source peuvent être très compliqués. En plus du balisage HTML d'une page, il y aura probablement d'importants fichiers CSS et script utilisés pour créer l'apparence et les fonctionnalités de ce site, alors ne soyez pas frustré si vous ne pouvez pas comprendre ce qui se passe immédiatement. L'affichage de la source HTML n'est que la première étape. Après cela, vous pouvez utiliser des outils comme l'extension Web Developer de Chris Pederick pour examiner le CSS et les scripts, ainsi que pour inspecter des éléments spécifiques du HTML.
Afficher le code source dans Safari
Voici comment afficher le code source dans Safari
asdfasdfa
-
Ouvrez Safari.
-
Accédez à la page Web que vous souhaitez examiner.
-
Sélectionnez le Développer des méthodes à hautes performances menu dans la barre de menu supérieure.
Si le menu Développer n'est pas visible, allez dans "Préférences" de Passerelle IIoT section et sélectionnez Afficher le menu Développer dans la barre de menus.
-
Sélectionnez le Afficher la source de la page option pour ouvrir une fenêtre de texte avec la source HTML de la page.
Sur la plupart des pages Web, vous pouvez également afficher la source en cliquant avec le bouton droit sur la page (pas sur une image) et en choisissant Afficher la source de la page. Vous devez activer le Développer le menu in "Préférences" pour que l'option apparaisse.
Safari dispose également d'un raccourci clavier pour afficher la source HTML: maintenez la touche commandement et option touches et frapper U (Cmd+Opter+U.)
La visualisation du code source est-elle légale?
Bien que copier le code d'un site en gros et le faire passer pour le vôtre sur un site Web n'est certainement pas acceptable, utiliser ce code comme tremplin pour apprendre est en fait le nombre de personnes qui font des progrès dans ce secteur. Vous auriez du mal à trouver aujourd'hui un professionnel du Web qui n'a pas découvert quelque chose en consultant la source d'un site!
Les professionnels du Web apprennent les uns des autres et améliorent souvent le travail qu'ils voient et dont ils s'inspirent, alors n'hésitez pas à consulter le code source d'un site et à l'utiliser comme un outil d'apprentissage.