¿Te has preguntado alguna vez cómo se crean esas páginas web con diseños espectaculares? Una parte importante de su éxito se debe a la utilización de conjuntos de marcos y marcos HTML. En este artículo hablaremos sobre qué son, cómo funcionan y cómo puedes utilizarlos para darle un toque profesional a tu sitio web. ¡Descubre con nosotros los secretos de los conjuntos de marcos y marcos HTML en TIEngranaje!
Marcos HTML permitir que se muestre más de una página web en la misma ventana del navegador. Cada documento HTML se denomina marco, y cada marco es independiente de los demás.
Para agregar marcos a una página, primero debe encapsular los marcos dentro del <frameset> elemento. Dentro de <frameset> elemento, coloca el autocierre (para ser compatible con XHTML) <frame> elementos.
En un documento Frameset, el exterior <frameset> elemento toma el lugar de <body> e inmediatamente sigue el comienzo <head> elemento.
El <frameset> elemento contiene uno o más <frameset> o <frame> elementos, junto con un opcional <noframes> elemento para proporcionar contenido alternativo para navegadores que no admiten marcos o tienen marcos deshabilitados. Una significativa <noframes> El elemento siempre debe proporcionarse y, como mínimo, debe contener enlaces al marco o marcos principales.
Nota: Este artículo es solo para fines informativos. Debe evitar el uso de marcos porque es probable que no sean compatibles con navegadores futuros. Por el momento, los marcos solo se admiten en la especificación HTML 4.01/XHTML 1.0 con un tipo de documento de conjunto de marcos. XHTML 1.1 y HTML 5 no admiten el uso de marcos.
¿Por qué usar marcos?
Un ejemplo clásico de por qué se usaron marcos fue cuando se colocó un menú de navegación en un marco y el contenido en otro marco. Cuando el usuario hace clic en un enlace del menú, la página web que contenía los contenidos se abriría en el marco de contenido.
Aquí hay un ejemplo de un conjunto de marcos básico con un marco de menú a la izquierda y un marco de contenido a la derecha. Tenga en cuenta que el nombre del atributo ha sido obsoleto. Es posible que desee utilizar id en su lugar.
<frameset cols="25%,75%">
<frame name="menu" src="https://www.itgeared.com/html-frame-element-tag/frame_menu.htm" />
<frame name="content" src="frame_content.htm" />
</frameset>
<noframes>
<body>
... html content ...
</body>
</noframes>El conjunto de marcos se puede dividir en filas o columnas. El tamaño de fila o columna se puede establecer en porcentajes (cols="25%,75%") y píxeles (cols="250,750").
Además, una de las columnas se puede configurar para usar el espacio restante, especificando un asterisco (rows="25%,*"). Además, puede anidar conjuntos de marcos dentro de marcos para poder crear una página que incluya filas y columnas.
Los marcos pueden incluir la name atributo como se muestra en el ejemplo anterior. Esto puede ser útil para los hipervínculos que cree en su menu.htm archivo para que pueda agregar el target atributo en sus hipervínculos para que el contenido se muestre en el contents marco.
Para ejemploun enlace en su archivo de menú puede tener este aspecto:
<a href="https://www.itgeared.com/html-frame-element-tag/doc1.htm" target="content" >Doc #1</a>El estado normal de un marco permite arrastrar los bordes del marco, lo que permite al usuario cambiar el tamaño de los marcos. Puede deshabilitar esta opción agregando el noresize atribuir a sus marcos. Lo mismo se aplica al desplazamiento.
<frame name="menu" src="https://www.itgeared.com/html-frame-element-tag/frame_menu.htm" noresize />
<frame name="content" src="frame_content.htm" scrolling="no" />Otros atributos opcionales que puede usar con los marcos son:
frameborder– (0/1)-Especifica si mostrar o no un borde alrededor de un marcolongdesc– Especifica una página que contiene una descripción larga del contenidomarginheight– Especifica los márgenes superior e inferior de un marco en píxelesmarginwidth– Especifica los márgenes izquierdo y derecho de un marco en píxeles
cambio de cuadro?
En lugar de usar marcos, una mejor opción es usar un lenguaje de script del lado del servidor como asp.net o PHP. Tendrá un mejor control y más flexibilidad para agregar windows y contenido dinámico a sus páginas. Alternativamente, también puede usar JavaScript.
El uso de conjuntos de marcos y marcos debe ser su último recurso. Si bien los navegadores modernos aún admiten el uso de conjuntos de marcos y marcos, las especificaciones HTML más nuevas han dejado de admitir.
