De Wikipedia, la enciclopedia libre
Ir a navegaciónSaltar a buscar
HTML
Comparaciones

En el contexto de un navegador web , un marco es parte de una página web o ventana del navegador que muestra contenido independientemente de su contenedor, con la capacidad de cargar contenido de forma independiente. El HTML o los elementos multimedia que se muestran en un marco pueden provenir de un sitio web diferente al resto de los elementos del contenido que se muestran, aunque esta práctica, conocida como encuadre , [1] se considera hoy en día como una violación de la política del mismo origen y ha ha sido considerada una forma de infracción de derechos de autor .

En HTML , un conjunto de marcos es un grupo de marcos con nombre a los que se pueden dirigir las páginas web y los medios; un iframe permite colocar un marco dentro del cuerpo de un documento.

Desde principios de la década de 2000, el uso de conjuntos de marcos se ha considerado obsoleto debido a problemas de usabilidad y accesibilidad, y la función se ha eliminado del estándar HTML5 .

Etiquetas y atributos

Los marcos en HTML se crean utilizando el <frameset></frameset>par de etiquetas. La <frameset>etiqueta es una etiqueta contenedora para todas las demás etiquetas que se utilizan para crear marcos. La <frameset>etiqueta reemplaza a la <body>etiqueta en los documentos del conjunto de marcos. La <frameset>etiqueta define cómo dividir la ventana en marcos.

Cada conjunto de marcos define un conjunto de filas o columnas. Si el usuario define marcos utilizando el rowsatributo, se crean marcos horizontales. Si el usuario define marcos mediante el uso cols, se crean marcos verticales.

El <noframes>elemento puede incluirse para que los navegadores web con marcos deshabilitados (o navegadores que no admiten marcos) puedan mostrar algo al usuario, como en este ejemplo:

< frameset  cols = "85%, 15%" >  < frame  src = "http://www.example.com/frame_1.html"  name = "frame_1" >  < frame  src = "http: //alt.example. com / frame_2.html "  name = " frame_2 " >  < noframes > Su navegador no admite marcos. < Un  href = "http://www.example.com/frame_1.html" > Haga clic aquí </ a > a la vista del marco 1. < un  href = "http://alt.example.com/frame_2.html" > Haga clic aquí </ a > para el cuadro 2. </ noframes > </ frameset >

Los conjuntos de marcos tienen un borderatributo. Si se establece en un número entero mayor que 0, el usuario puede cambiar el tamaño de los marcos arrastrando este borde, a menos que haya un noresizeatributo presente en un elemento de marco. Si el borde se establece en 0, no se mostrará ningún borde y el contenido de los diferentes marcos se colindará entre sí sin delineación.

El iframeelemento se usa en línea dentro de un cuerpo HTML normal y define el contenido inicial y el nombre de manera similar al frameelemento. Cualquier texto dentro de un <iframe></iframe>par de etiquetas se mostrará en los navegadores que no comprendan la etiqueta iframe.

< iframe  src = "http://www.example.com/frame_1.html"  height = "480"  width = "640" > Su navegador no admite iframes. < Un  href = "http://www.example.com/frame_1.html" > Haga clic aquí </ a > para ver el contenido.</ iframe >

Historia

Netscape Navigator 2.0 introdujo los elementos utilizados para los marcos en marzo de 1996. A finales de ese año le siguieron otros proveedores de navegadores como Apple con Cyberdog . [2] En ese momento, Netscape propuso marcos al Consorcio World Wide Web (W3C) para su inclusión en el estándar HTML 3.0. [3]

Los marcos se utilizaron para mostrar y navegar por las primeras revistas en línea y aplicaciones web , como servicios de correo web y sitios de chat web. Los marcos tenían la ventaja de permitir que los elementos se mostraran en todo el sitio sin requerir funciones del servidor, como las inclusiones del lado del servidor o el soporte CGI . Estas características no eran comunes en los primeros servidores web accesibles al público.

Los primeros sitios web a menudo usaban un marco en la parte superior para mostrar un banner que no se podía desplazar. Estos marcos de banner a veces incluían el logotipo del sitio además de publicidad. [4]

XHTML , concebido como sucesor de HTML 4, eliminó todos los marcos en 1.1. El eventual reemplazo previsto fue XFrames , [5] que intenta resolver el problema de abordar un conjunto de marcos poblado a través de URI compuestas .

El estándar HTML5 posterior , que adoptó un enfoque diferente al de HTML 4, también elimina los conjuntos de marcos. [6] El iframeelemento, sin embargo, permanece, con una serie de opciones de "espacio aislado" destinadas a compartir contenido entre sitios. [7]

Ventajas

Al permitir que el contenido se cargue y navegue de forma independiente, los marcos ofrecían varias ventajas sobre el HTML simple que se usaba cuando se desarrollaron por primera vez:

  • Simplificar el mantenimiento del contenido compartido en todas o la mayoría de las páginas, como los datos de navegación. [8] Si es necesario agregar un elemento a un menú de navegación de la barra lateral, el autor de la página web debe cambiar solo un archivo de página web, mientras que cada página individual en un sitio web tradicional sin marcos tendría que editarse si apareciera el menú de la barra lateral. en todos ellos.
  • Reducir la cantidad de ancho de banda necesario al no volver a descargar partes de la página que no habían cambiado.
  • Permitiendo ver varias piezas de información una al lado de la otra, con la capacidad de que cada sección se desplace de forma independiente. Esto puede incluir la comparación lado a lado de dos imágenes o videos, o dos formas diferentes de entender algo, como una página de texto que se desplaza de forma independiente junto a un video, imágenes, animación, objetos giratorios en 3D, etc.
  • Permitir que las notas al pie o digresiones aparezcan en una sección dedicada de la página cuando se enlaza, para que el lector no pierda su lugar en el texto principal.

Crítica

La práctica de enmarcar contenido HTML generó numerosas críticas, la mayoría centradas en preocupaciones de usabilidad y accesibilidad . Éstas incluyen:

  • El encuadre rompe la identidad entre el contenido y la URL tal como se muestra en el navegador, lo que dificulta la vinculación o el marcador de un elemento de contenido en particular dentro del conjunto de marcos [9]
  • La implementación de marcos es inconsistente en diferentes navegadores [9]
  • Los navegadores que renderizan material de forma lineal no manejan bien los marcos. [10]
    • Programas lectores de pantalla
    • navegadores de texto o audio
    • Navegadores de correo electrónico como Agora [11]
    • Navegadores móviles
  • El encuadre complica la indexación web y puede ser perjudicial para la optimización de motores de búsqueda . [12]
  • El encuadre confunde los límites entre el contenido en diferentes servidores, [13] lo que plantea problemas de infracción de derechos de autor [14]
  • Los visitantes que llegan de los motores de búsqueda pueden aterrizar en una página destinada a mostrarse en un marco, lo que hace que el visitante no tenga forma de navegar al resto del sitio [15]
  • Los marcos cambian el comportamiento del botón Atrás. [15]
  • Los usuarios no suelen esperar que los navegadores impriman marcos de la forma en que lo hacen. [14]
  • Los enlaces externos en páginas web que utilizan marcos pueden hacer que aparezcan otras páginas en el conjunto de marcos, ya que el comportamiento predeterminado de un enlace es cargar en el marco actual si el autor no especifica lo contrario. Esto podría ser utilizado por webmasters sin escrúpulos para que parezca que el contenido de otro sitio es en realidad parte del sitio que aloja el conjunto de marcos.
  • Si la resolución de la pantalla o el tamaño de la ventana del navegador es demasiado bajo, cada cuadro tendrá barras de desplazamiento que pueden verse desordenadas y utilizan un espacio ya limitado. Este comportamiento generalmente se debe más a un mal diseño del sitio (diseños fijos en lugar de diseños fluidos), por lo que no todas las características del conjunto de marcos se utilizaron correctamente.
    Este comportamiento podría mitigarse mediante:
    • deshabilitar el desplazamiento para fotogramas más pequeños que normalmente no requieren una barra de desplazamiento;
    • utilizando características de diseño fluido en las páginas de destino en lugar de diseños fijos, de modo que el contenido no genere barras de desplazamiento horizontales en primer lugar.

Alternativas

A medida que se desarrolló la tecnología web, muchos de los propósitos para los que se utilizaron los marcos se hicieron posibles de manera que se evitaron los problemas identificados con los marcos.

  • Las hojas de estilo en cascada (CSS) permitían que los elementos de una página se desplazaran de forma independiente (usando la overflowpropiedad) o se mantuvieran en la pantalla mientras se desplazaba otro contenido (usando position:fixed)
  • Lado del servidor Incluye que el contenido compartido permitido se edite una vez y se entregue automáticamente al cliente como parte de una página terminada; A medida que aumentaban las velocidades de conexión y la CPU del servidor, el trabajo adicional requerido para hacer esto sobre la marcha se convirtió en una consideración menor.
  • CGI y lenguajes de scripting orientados a la web y marcos de desarrollo web como PHP y Active Server Pages , así como sistemas de gestión de contenido respaldados por bases de datos como WordPress , proporcionaron opciones mucho más ricas para mantener el contenido y proporcionar navegación.
  • Las secuencias de comandos del lado del cliente y el HTML dinámico permitieron que partes de una página se reemplazaran visualmente en función de las acciones del usuario. Esto permitió mucha más flexibilidad para mostrar contenido "lateral", como notas a pie de página o instrucciones, ya que ahora pueden mostrarse y ocultarse en cualquier lugar de la página en lugar de requerir un marco predefinido.
  • AJAX permitió la visualización dinámica dentro de una página de contenido incluso cuando es necesario obtenerlo del servidor, por ejemplo, en función del usuario que inició sesión o de eventos en otro lugar.

No todos los problemas identificados con conjuntos de marcos se eliminan mediante el uso de estos enfoques alternativos; por ejemplo, los problemas con la navegación Atrás / Adelante, los marcadores y la indexación permanecen en muchos sitios que hacen un uso intensivo de la navegación DHTML / AJAX.

Ver también

  • Aspectos de derechos de autor de hipervínculos y marcos
  • Marcos
  • Vinculación en línea
  • Enlace profundo
  • Framekiller
  • Diseño web sin mesa

Referencias

  1. ^ "Conexión a otros sitios web" . Lo que hace que el encuadre sea diferente es que, en lugar de llevar al usuario al sitio web vinculado, la información de ese sitio web se importa a la página original y se muestra en un "marco" especial. Técnicamente, cuando está viendo información enmarcada, su computadora está conectada al sitio que realiza el encuadre, no al sitio cuya página aparece en el marco.
  2. ^ Garaffa, Dave (23 de diciembre de 1996). "Un regalo de Apple: Cyberdog 2.0a1" (Comunicado de prensa). Internet.com . Archivado desde el original el 17 de agosto de 2000 . Consultado el 14 de abril de 2011 .
  3. ^ Ladd, Eric. "Utilizando HTML 3.2, Java 1.1 y CGI; Capítulo 13, Marcos" . Archivado desde el original el 30 de octubre de 2007.
  4. ^ Shafer, Dan (1996). Hechicería de JavaScript y Netscape . Scottsdale, AZ: Coriolis Group Books. págs.  31 . ISBN 978-1-883577-86-5.
  5. ^ "Borrador de trabajo de XFrames" . W3C.
  6. ^ Diferencias de HTML 5 con HTML 4 : "Los siguientes elementos no están en HTML 5 porque su uso afectó la usabilidad y accesibilidad para el usuario final de manera negativa: marco, conjunto de marcos, noframes"
  7. ^ Diferencias de HTML 5 con HTML 4 : "nuevas funciones de sandboxing para iframe"
  8. ^ "Conjuntos de marcos" .
  9. ↑ a b Nielsen, Jakob (diciembre de 1996). "Los marcos apestan la mayor parte del tiempo" .
  10. ^ "¿Debería utilizar marcos?" . Tutorial de código HTML.
  11. ^ "Cómo hacer cualquier cosa por correo electrónico de GEBoyd - Parte 1" . GeoCities . 11 de agosto de 2000. Archivado desde el original el 17 de agosto de 2000 . Consultado el 24 de junio de 2010 .
  12. ^ Moore-Eded, Muelles. "Fundamentos de SEO 1" . Lewes SEO . Consultado el 25 de febrero de 2012 .
  13. ^ "Odio el Club de marcos" .
  14. ^ a b "¿Por qué los marcos son tan malvados?" .
  15. ^ a b "Los pros y los contras de los marcos en las páginas web" .

Enlaces externos

  • Ayuda HTML: ¿Qué pasa con los marcos?
  • Consejos web de Dan: marcos
  • Script diseñado para evitar el encuadre de su contenido