A visualização do código-fonte HTML de uma página da Web é uma das maneiras mais fáceis (e ainda assim mais eficazes) de aprender HTML, especialmente para os profissionais da Web mais recentes que estão apenas começando na indústria. Se você vir algo em um site e quiser saber como foi feito, visualize o código-fonte desse site.
Se você apenas gosta do layout de um site, visualizar a fonte para ver como esse layout foi obtido ajudará você a aprender e melhorar seu próprio trabalho. Ao longo dos anos, muitos web designers e desenvolvedores aprenderam bastante HTML simplesmente visualizando a origem das páginas da web que veem. É uma ótima maneira de os iniciantes aprenderem HTML e de profissionais experientes da Web verem como novas técnicas podem ter sido aplicadas a um site.
Lembre-se de que os arquivos de origem podem ser muito complicados. Junto com a marcação HTML de uma página, provavelmente haverá muitos arquivos CSS e de script usados para criar a aparência e a funcionalidade do site, por isso, não fique frustrado se não conseguir descobrir o que está acontecendo imediatamente. Visualizar a fonte HTML é apenas o primeiro passo. Depois disso, você pode usar ferramentas como a extensão de desenvolvedor da web de Chris Pederick para ver CSS e scripts, além de inspecionar elementos específicos do HTML.
Se você estiver usando o navegador Safari, veja como você pode visualizar o código-fonte de uma página para ver como ela foi criada.
Como visualizar a fonte HTML no Safari
-
Abra o Safari.
-
Navegue até a página da web que você gostaria de examinar.
-
Clique no desenvolve menu na barra de menu superior.
Se o menu Revelar não estiver visível, vá para Preferências na seção Avançado e selecione o menu Mostrar Revelação na barra de menus.
-
Clique Mostrar a origem da página. Isso abrirá uma janela de texto com o código-fonte HTML da página que você está visualizando.
Dicas
- Na maioria das páginas da Web, você também pode visualizar a origem clicando com o botão direito do mouse na página (não em uma imagem) e escolhendo Mostrar origem da página. Isso só será exibido se o menu Revelar estiver ativado em Preferências.
- O Safari também tem um atalho de teclado para visualizar a fonte HTML - mantenha pressionadas as teclas de comando e opção e pressione U (Cmd-Opt-U.)
Está vendo código fonte legal?
Embora não seja aceitável copiar o código de um site por atacado e transferi-lo como seu em um site, usar esse código como um trampolim para aprender é, na verdade, quantos avanços são feitos nessa indústria. Na verdade, seria difícil encontrar um profissional da Web trabalhando hoje que não tenha aprendido algo visualizando a fonte de um site!
No final, os profissionais da Web aprendem uns com os outros e geralmente aprimoram o trabalho que veem e são inspirados, portanto, não hesite em visualizar o código-fonte de um site e usá-lo como uma ferramenta de aprendizado.
