Marcos HTML
Los marcos HTML son útiles para dividir la página web o el navegador web en varias secciones, separan las secciones y luego se cargan de manera diferente.
A-frame muestra contenido independiente de su contenedor. Múltiples marcos forman una colección y se conocen como un conjunto de marcos. La disposición puede considerarse similar a la orientación de filas y columnas en una tabla. La etiqueta del marco ha quedado en desuso en HTML5.
Cada cuadro tiene una etiqueta de cuadro para indicar. El marco horizontal está definido por el atributo de fila de la etiqueta de marco, y el atributo vertical está definido por el atributo de columna de la etiqueta de marco en el documento HTML. La misma ventana en un cuadro puede mostrar un banner estático, un segundo menú de navegación, etc.
Sintaxis de marcos
En HTML, no hay una etiqueta final para la etiqueta. Cuando usamos marcos en una página web, usamos etiqueta en lugar de una etiqueta. El uso es cómo le indicamos a la página web que la divida en marcos. La etiqueta define qué documento HTML debe abrirse como marco.
Los atributos cols toman el valor en píxeles y ayudan a especificar el número y el tamaño de las columnas en un conjunto de marcos.
Del mismo modo, como vimos anteriormente, las filas de atributos toman el valor en píxeles y ayudan a especificar el número y el tamaño de las filas en un conjunto de marcos.
Sin embargo, debe tenerse en cuenta que la etiqueta ha quedado obsoleta en HTML5 y ya no se usa.
Diferentes tipos de marcos en HTML
Uno de los usos de los marcos siempre ha sido cargar las barras de navegación en un marco y luego cargar las páginas principales en un marco separado. La etiqueta A-frame define un solo marco de ventana dentro de a.
tiene soporte de navegador en Chrome, Internet Explorer, Mozilla, Safari y Opera Mini.
Los atributos diferentes y algunos de uso común en el marco son atributos como borde, desplazamiento, src, nombre, etc.
Tipos de etiqueta de marco
El atributo de etiqueta
Hay cinco atributos importantes del y lo discutimos aquí:
1. Col: los marcos verticales están dados por el atributo col. El ancho, sin embargo, se puede especificar de 4 maneras:
- Píxeles: los valores absolutos se pueden mencionar en píxeles. Si tenemos que crear tres cuadros verticales, podemos dar el valor: cols = "100, 50, 100".
- Porcentaje: se puede mencionar el porcentaje de la ventana del navegador. Si tenemos que crear tres cuadros verticales, podemos dar el valor: cols = "40%, 20%, 40%"
También podemos hacer uso del comodín aquí (*) y dejar que el comodín tome el resto de la ventana que permanece sin mencionar.
cols = "30%, *, 30%"
Salida:
2. Filas: los marcos horizontales están dados por el atributo de fila. Especifica las filas en un conjunto de marcos. Si tenemos que crear tres marcos horizontales, usamos:
Por ejemplo: Filas = ”10%, 80%, 10% '.
También podemos establecer la altura de cada fila como lo habíamos hecho anteriormente en el caso de las columnas.
Salida:
3. Borde : especifica el ancho del borde de cada cuadro en píxeles.
Por ejemplo: borde = "4". Si border = ”0”, significa que no hay borde.
4. Frameborder: si es necesario mostrar un borde tridimensional entre cuadros, entonces usamos este atributo. El valor que toma el atributo es 1 o 0 (Sí o No).
Por ejemplo: frameborder = "0" significa que no hay borde.
5. Espaciado de cuadros: este atributo especifica la cantidad de espacio entre cuadros en un conjunto de cuadros. Aquí se puede dar cualquier valor entero para este atributo.
Por ejemplo: framespacing = "12" significa que entre los marcos debe haber un espacio de 12 píxeles.
El atributo de etiqueta
Hay 8 atributos que se pueden enumerar aquí en esta sección.
1. src: proporcionamos el nombre del archivo a este atributo que se supone que debe cargarse en el marco. El valor de este atributo puede ser cualquier URL.
Por ejemplo: src = www.facebook.com
2. nombre: este atributo proporciona un nombre al marco. Define en qué marco se debe cargar un documento. Si tiene varios enlaces en un marco que se carga en otro marco, entonces hacemos uso de este atributo. Luego, el segundo cuadro necesita un nombre para identificarse como el objetivo del enlace.
Por ejemplo: nombre = "abc.htm"
3. frameborder: este atributo se especifica para mostrar si los bordes se mostrarán o no. El valor utilizado es 1 o 0 (Sí o No).
4. marginwidth: el atributo es útil para especificar el ancho del espacio entre la izquierda y la derecha del borde del marco y también el contenido del marco. El valor se da en píxeles.
Por ejemplo: marginwidth = ”10”.
5. marginheight: el atributo es útil para especificar la altura del espacio entre la parte superior e inferior del borde del marco y también el contenido del marco. El valor se da en píxeles.
Por ejemplo: marginheight = "10".
6. noresize: este atributo básicamente evita que el usuario realice cambios en los marcos ya presentes. En ausencia de este atributo, cualquier marco puede ser redimensionado.
Por ejemplo: noresize = "noresize"
7. desplazamiento: este atributo toma el control de la apariencia de las barras de desplazamiento que están presentes en el marco. El valor es "sí", "no" o "auto".
Por ejemplo: desplazamiento = "no" significa que no debe tener barras de desplazamiento.
8. longdesc: este atributo le permite proporcionar un enlace a otra página que contiene una descripción larga del contenido del marco.
Por ejemplo: longdesc = "framedesc.htm"
Marcos y soporte de navegador
Los navegadores antiguos no admiten marcos, entonces los elementos deben mostrarse al usuario.
En la práctica, el elemento debe colocarse dentro del elemento porque se supone que el elemento reemplaza al elemento. Si el navegador no comprende el elemento, entonces comprende el contenido del elemento que está contenido en el elemento.
Es un buen enfoque poner un mensaje en tales escenarios para el usuario que usa navegadores antiguos. Mensajes como "¡Lo siento! Su navegador no admite marcos ". Para notificar.
Conclusión - Marcos HTML
La tecnología de marcos no es compatible con muchos navegadores en estos días. Muchas veces, se advierte que los contenidos de la página web no se muestran correctamente para dispositivos más pequeños. De todos modos, es bueno tener conocimiento de lo que existía para poder desarrollar mejores modelos que sean compatibles con las nuevas tecnologías.
Artículos recomendados
Esta es una guía de marcos HTML. Aquí discutimos los diferentes tipos de marcos en HTML y los tipos de etiquetas de marco con marcos y compatibilidad con el navegador. También puede consultar el siguiente artículo para obtener más información:
- Crear tablas en HTML
- Editores de texto HTML
- Versiones de HTML
- Etiquetas de imagen HTML
- Bloques HTML
- Eventos HTML
- Los 5 principales atributos de eventos HTML con ejemplos
- Establecer un color de fondo en HTML con ejemplo