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.

TAMBIÉN TE INTERESA

estafada-en-una-app

Así te pueden estafar en Vinted: la explicación paso a paso

Vinted es una de las plataformas de mayor éxito en el último año. Con la subida de precios, muchos han apostado por la fórmula de la segunda mano para comprar artículos. Y como la moda es uno de los sectores más dinámicos para el consumo… blanco y en botella. Vinted tiene actualmente uno seis millones

simplr

El consumo de productos de tecnología está cambiando gracias a plataformas como Simplr

Simplr y otras plataformas parecidas están impulsado un cambio de consumo en los productos tecnológicos. La clave de estas webs es que los productos se “alquilan” bajo un pago por uso o suscripción. Mediante esta fórmula, estas compañías aseguran que los usuarios pueden ahorrarse mucho dinero, aunque también hay otras perspectivas destacables. El pago por

redactor de contenido

¿Corre peligro un redactor de contenido con la inteligencia artificial?

Un redactor de contenido es un tipo de profesional que ha existido siempre. Desde la llegada de los medios de comunicación clásicos hasta la consolidación de las plataformas digitales de ocio e información con la llegada de streamers, el puesto también llamado de content editor ha sido relevante se mire por donde se mire. Esa

Amazon Warehouse

¿Buscas oportunidades? Déjate caer por Amazon Warehouse…

Si no conoces Amazon Warehouse es porque nunca has buscado bien en las entrañas de este gigante del comercio electrónico. En este departamento del marketpalce encontraremos chollos, gangas y productos rebajadas al ser reacondicionados o de segunda mano. A lo largo de estas líneas te mostraremos todos los secretos de este rincón de Amazon que