Cómo ver el código HTML de un sitio web en Safari

Cómo ver el código HTML de un sitio web en Safari

Cómo ver el código HTML de un sitio web en Safari

VALORACIÓN DEL ARTÍCULO:
5/5


Ver el código fuente HTML de una página web es una de las maneras más fáciles (y a la vez más efectivas) de aprender HTML, especialmente para los nuevos profesionales de la web que recién se están iniciando en la industria. Si usted ve algo en un sitio web y quiere saber cómo se hizo, vea el código fuente de ese sitio.

Si sólo 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 de HTML simplemente viendo la fuente de las páginas web que ven. Es una gran manera para que los principiantes aprendan HTML y para que los profesionales experimentados de la web vean cómo las nuevas técnicas pueden haber sido aplicadas a un sitio.

Recuerde que los archivos fuente pueden ser muy complicados. Junto con la marcación HTML para una página, probablemente habrá muchos archivos CSS y de script que se utilizan para crear el aspecto y la funcionalidad de ese sitio, así que no se frustre si no puede averiguar lo que está sucediendo inmediatamente. Ver el código fuente HTML es sólo el primer paso. Después de eso, puede usar herramientas como la extensión Web Developer de Chris Pederick para ver el CSS y los scripts, así como para inspeccionar elementos específicos del HTML.

Si estás usando el navegador Safari, aquí está cómo puedes ver el código fuente de una página para ver cómo fue creada.

Cómo ver el código HTML en Safari

  1. Abre Safari.

  2. Navegue hasta la página web que le gustaría examinar.

  3. Haga clic en el menú Desarrollar en la barra de menú superior.

    Si el menú Desarrollo no está visible, vaya a Preferencias en la sección Avanzado y seleccione Mostrar menú Desarrollo en la barra de menús.

  4. Haga clic en Mostrar fuente de página . Esto abrirá una ventana de texto con el código fuente HTML de la página que está 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 la fuente de la página. Esto sólo se mostrará si el menú Desarrollo está habilitado en Preferencias.
  • Safari también tiene un atajo de teclado para ver el código fuente HTML – mantén presionadas las teclas de comando y opción y pulsa U (Cmd-Opt-U.)

¿Es legal ver el código fuente?

Mientras que copiar el código de un sitio al por mayor y hacerlo pasar como propio en un sitio ciertamente no es aceptable, usar ese código como un trampolín para aprender de él es en realidad cuántos avances se hacen en esta industria. De hecho, sería difícil encontrar un profesional de la web que hoy en día no ha 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 en el que se inspiran, así que no dude en ver el código fuente de un sitio y utilizarlo como una herramienta de aprendizaje.

Deja un comentario

TAMBIÉN TE INTERESA

OPPO-Reno8-5G

Ya a la venta los nuevos teléfonos OPPO Reno8

OPPO Reno8 es una realidad ya en Europa. La marca hizo una presentación en París para dar a conocer los nuevos productos que llegan directamente al mercado para sumar una feroz competencia. Y es que en pocos años en el mercado del viejo continente, OPPO se ha hecho un hueco importante en el consumidor.  

batería-portátil-DELTA-2

Esta batería portátil es top y acaba de salir a la venta

Tener una batería portátil puede darnos mucha versatilidad para nuestras actividades tanto dentro como fuera de casa. Usamos muchos dispositivos a diario y todos ellos requiere de energía eléctrica para trabajar, por lo que una herramienta que nos aporte dicha energía puede venirnos muy bien en caso de apagones o proyectos en el exterior. EcoFlow,

GoPro-HERO11

GoPro HERO11 Black: las nuevas cámaras para los creadores de contenido

La conocida marca de videocámaras GoPro ha lanzando tres nuevas especialmente concebidas para creadores. GoPro HERO11 llega en tres modelos para satisfacer las necesidades de todo tipo de perfiles y creadores de contenidos.   Índice de contenidos1 El sensor de mayor resolución hasta la fecha2 Las tres cámaras GoPro HERO112.1 Principales tecnologías en las tres

camara-motorola-edge-30-ultra

¿200 megapíxeles? Sí, es lo que tiene el nuevo motorola edge 30 ultra

El furor por los megapíxeles parece estar de vuelta en la fotografía de los smartphones, si bien hay expertos que mantienen que más MP no quiere decir que resulte en mejores fotografías. El nuevo motorola edge Ultra llega al mercado con una barbaridad inédita en el mundo de la telefonía. Cabe destacar también que otras

nuevo-apple-watch-ultra

Un reloj inteligente solo para los elegidos: Apple Watch Ultra

Apple ha lanzado en septiembre su apuesta más Premium en relojes inteligentes: el nuevo Apple Watch Ultra. Este nuevo dispositivo rompe con la línea de los anteriores, especialmente en lo que se refiere a la pantalla, e incluye prestaciones para deportes extremos. Sin duda es el reloj más ambicioso de su sector, tanto por lo