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

nube-personal-BeeStation

BeeStation o cómo crear una nube personal en tu casa en un periquete

La mayoría de los usuarios de dispositivos móviles utilizan uno más servicios de cloud disponibles en el mercado para el almacenamiento de los archivos. Con la llegada de la nube, el almacenamiento de los móviles y de los equipos informáticos ha pasado a un segundo plano, de manera que ya no es tan importante cuantos

anillo-inteligente-Rikki

Anillo inteligente: dos nuevas propuestas (una ya a la venta y otra en espera)

El anillo inteligente se va haciendo, poco a poco, un hueco en el mercado. Hasta ahora son pocas las referencias que existen, aunque existen algunas destacadas como el Anillo Circular, del que ya hemos hablado en este medio. En el horizonte, empiezan a surgir nuevas propuestas, llamando la atención del desarrollo que prepara Samsung y

presoterapia

La tecnología acerca la presoterapia a los domicilios con nuevos dispositivos

La presoterapia es una técnica terapéutica utilizada en el campo de la medicina estética y la fisioterapia para mejorar la circulación sanguínea y linfática, reducir la retención de líquidos, eliminar toxinas y favorecer la eliminación de la celulitis. Consiste en la aplicación de presión controlada sobre diferentes partes del cuerpo mediante el uso de dispositivos

Apple Vision Pro

Vision Pro: La revolución tecnológica que está conquistando España

Apple Vision Pro es la última revolución en la computación espacial. Integrando contenido digital y el mundo físico, ofrece experiencias de entretenimiento impactantes y captura recuerdos con su primera cámara tridimensional. A pesar de algunas debilidades, ha generado gran expectación en redes sociales y se ha convertido en un fenómeno social único. Descubre sus características,

temu

Temu: chollos y estafas que campan a sus anchas

No son pocos los usuarios que reciben periódicamente anuncios sobre los grandes chollos que se comercializan en Temu. Para quien no lo conozca, Temu es un ecommerce procedente de China que es muy simular a lo que estamos acostumbrados como Amazon, Aliexpress o Miravia.  El catálogo de Temu cuenta con más de 100 categorías de

Samsung-Galaxy-S24

Nace la era de la IA móvil con los nuevos Galaxy S24 de Samsung

Samsung ha presentado a bombo y platillo su nuevos modelos Galaxy S24, con muchas novedades respecto al anterior Galaxy S23. Las tres referencias que llegan al mercado de esta serie flagship de la firma coreana son: el Galaxy S24 Ultra, Galaxy S24+ y Galaxy S24. En todos ellos, la presencia de la inteligencia artificial es