Ver la fuente HTML de una página web es una de las maneras más fáciles (y aún más efectivas) de aprender HTML, especialmente para los profesionales de la web más nuevos que recién están comenzando en la industria. Si ve algo en un sitio web y quiere saber cómo se hizo, vea el código fuente de ese sitio.
Si simplemente le gusta el diseño de un sitio web, ver la fuente para ver cómo se logró ese diseño le ayudará a aprender y mejorar su propio trabajo. A lo largo de los años, muchos diseñadores y desarrolladores web han aprendido bastante HTML simplemente al ver la fuente de las páginas web que ven. Es una excelente manera para que los principiantes aprendan HTML y para los profesionales de la web experimentados para ver cómo se pueden haber aplicado nuevas técnicas a un sitio.
Recuerda que los archivos fuente pueden ser muy complicados. Junto con el formato HTML de una página, probablemente habrá una gran cantidad de CSS y archivos de script que se utilizan para crear la apariencia y la funcionalidad de ese sitio, por lo que no se frustre si no puede descubrir qué sucede de inmediato. Ver la fuente HTML es solo el primer paso. Después de eso, puede usar herramientas como la extensión para desarrolladores web de Chris Pederick para ver el CSS y los scripts, así como para inspeccionar elementos específicos del HTML.
Si está utilizando el navegador Safari, aquí es cómo puede ver el código fuente de una página para ver cómo se creó.
Cómo ver la fuente HTML en Safari
-
Abre Safari.
-
Vaya a la página web que desea examinar.
-
Haga clic en el Desarrollar Menú en la barra de menú superior.
Si el menú Desarrollo no está visible, vaya a Preferencias en la sección Avanzada y seleccione Mostrar menú Desarrollo en la barra de menú.
-
Hacer clic Mostrar fuente de página. Esto abrirá una ventana de texto con la fuente HTML de la página que estás viendo.
Consejos
- En la mayoría de las páginas web, también puede ver la fuente haciendo clic con el botón derecho en la página (no en una imagen) y seleccionando Mostrar origen de página. Esto solo se mostrará si el menú Desarrollar está habilitado en Preferencias.
- Safari también tiene un método abreviado de teclado para ver la fuente HTML: mantenga presionadas las teclas de comando y opción y presione U (Cmd-Opt-U)
¿Es legal el código fuente de visualización?
Si bien no es aceptable copiar el código de un sitio al por mayor y pasarlo como propio en un sitio, usar ese código como un trampolín para aprender es en realidad cuántos avances se hacen en esta industria. De hecho, sería difícil encontrar un profesional de la red que trabaje hoy en día que no haya aprendido algo al ver la fuente de un sitio.
Al final, los profesionales de la web aprenden unos de otros y, a menudo, mejoran el trabajo que ven y se inspiran, por lo que no dude en ver el código fuente de un sitio y utilizarlo como herramienta de aprendizaje.
