La visualizzazione del codice sorgente HTML di una pagina web è uno dei modi più semplici ed efficaci per apprendere l'HTML, soprattutto per i nuovi professionisti del web che hanno appena iniziato nel settore. Se vedi qualcosa su un sito web e vuoi sapere com'è stato creato, visualizza il codice sorgente di quel sito. Safari fornisce un modo semplice per visualizzare il codice sorgente sui computer Mac.
Vantaggi del codice sorgente
Visualizzare la sorgente per vedere come un web designer ha realizzato un layout ti aiuterà a imparare e migliorare il tuo lavoro. Nel corso degli anni, molti web designer e sviluppatori hanno imparato molto sull'HTML semplicemente visualizzando il codice sorgente delle pagine web. Si tratta di un modo estremamente utile per i principianti per imparare l'HTML, ma anche per i professionisti del web per vedere come gli altri hanno utilizzato le nuove tecniche.
Ricorda che i file sorgente possono essere molto complicati. Insieme al markup HTML per una pagina, ci saranno probabilmente molti file CSS e script che sono stati utilizzati per creare l'aspetto e le funzionalità di quel sito, quindi non sentirti frustrato se non riesci a capire subito cosa sta succedendo. La visualizzazione del codice HTML è solo il primo passaggio. Dopodiché, puoi utilizzare strumenti come l'estensione Web Developer di Chris Pederick per esaminare CSS e script, nonché ispezionare elementi specifici dell'HTML.
Visualizza il codice sorgente in Safari
Ecco come mostrare il codice sorgente in Safari:
- Apri Safari.
- Vai alla pagina web che desideri esaminare.
-
Seleziona Sviluppo sulla barra menu in alto.
Se il menu Sviluppo non è visibile, vai in Preferenze > Avanzate e seleziona Mostra il menu Sviluppo nella barra dei menu.
- Seleziona l'opzione Mostra sorgente pagina per aprire una finestra di testo con la sorgente HTML della pagina.
Nella maggior parte delle pagine web, puoi anche visualizzare la sorgente facendo clic con il pulsante destro del mouse sulla pagina (non su un'immagine) e scegliendo Mostra sorgente pagina. Devi abilitare il Menu di sviluppo in Preferenze per visualizzare questa opzione.
Safari ha anche una scorciatoia per visualizzare il sorgente HTML: tieni premuto il tasto command ed opzione e premi U (cmd+Optare+U) sulla tastiera.
La visualizzazione del codice sorgente è legale?
Sebbene copiare il codice di un sito e spacciarlo come tuo non è accettabile, utilizzare quel codice come trampolino di lancio da cui imparare è in realtà una pratica comune tra le persone che desiderano progredire in questo settore. Sarebbe difficile trovare oggi un professionista del web che non abbia scoperto qualcosa di nuovo visualizzando la sorgente di un sito!
I professionisti del Web imparano gli uni dagli altri e spesso si lasciano ispirare da altri siti per migliorare il proprio lavoro, quindi non esitare a visualizzare il codice sorgente di un sito e ad utilizzarlo come strumento di apprendimento.
Grazie, molto utile.