En este artículo, aprenderemos sobre la forma de cambiar el título de un documento enmarcado.
Marcos HTML y conjunto de marcos: el uso de marcos es dividir la ventana de un navegador en varias secciones en las que cada sección se carga por separado. Estos se utilizan para especificar qué documento HTML se cargará en el marco particular. La etiqueta <frameset> se usa en lugar de la etiqueta <body> para especificar la forma de dividir la ventana del navegador. Utiliza el atributo de filas y columnas para especificar el área que ocuparán los marcos.
Nota: la etiqueta <frame> y la etiqueta <frameset> no son compatibles con HTML5.
Cambio del título de un documento enmarcado: el título que se muestra es el título del documento del conjunto de marcos en lugar de los títulos de cualquiera de las páginas especificadas dentro de los marcos. Necesitamos vincular a un nuevo documento de conjunto de marcos para cambiar el título que se muestra usando el atributo TARGET. Cuando especificamos target=”_top”, reemplaza todo el conjunto de marcos.
Sintaxis del atributo de destino:
<a target="_top || _self || _blank || _parent">
...
</a>
Aquí, el Texto vinculado actuará como un hipervínculo que se abrirá en el navegador web cuando los visitantes hagan clic, según el valor del atributo de destino.
Valores de un atributo de destino: este atributo se refiere a la ventana de destino para la URL mencionada con el atributo href . Los siguientes son sus posibles valores:
- _top: Carga la página web en una ventana del navegador utilizando el cuerpo completo, es decir, reemplazando los marcos existentes.
- _self: de forma predeterminada, _self es el valor del atributo de destino. Carga la página web en la misma ventana/marco desde el que se hace clic en el enlace.
- _blank: Carga la página web en una nueva ventana del navegador.
- _parent: carga la página web en la ventana/conjunto de marcos principal.
- framename: si desea cargar el contenido de la página web en otro marco, el atributo NOMBRE debe especificarse dentro del elemento <FRAME> de HTML en el que se mostrará el contenido de la página vinculada. Además, es necesario especificar el atributo de destino del elemento <a> y el nombre del marco en el que se mostrarán los contenidos.
Entendamos con un ejemplo sobre la forma de cambiar el título de un documento enmarcado utilizando el atributo TARGET cuando su valor se establece en «_top» .
- Cree un documento HTML target_top.html para dividir la página web en varias secciones.
target_top.html
<!DOCTYPE html> <html> <frameset cols="20%,*"> <frame src="target_topframe.html"> <frame name="f3" src="targettop.html"> </frameset> <noframes> <body> Your browser does not support frames. </body> </noframes> </html>
- Cree un documento HTML target_topframe.html que ilustre el uso del atributo TARGET.
target_topframe.html
<!DOCTYPE html> <html> <body> <a href="target_top.html" target="_blank"> TARGET_BLANK </a><br><br> <a href="welcome.html" target="_top"> TARGET_TOP </a><br><br> <a href="welcome1.html" target="f3"> TARGET_FRAMENAME </a><br><br> </body> </html>
- Crear un documento HTML targettop.html
targettop.html
<!DOCTYPE html> <html> <body bgcolor="black"> <img src= "https://media.geeksforgeeks.org/wp-content/uploads/20220202222204/targettop-300x77.png"> </body> </html>
- Crear un documento HTML bienvenido.html
welcome.html
<!DOCTYPE html> <html> <body bgcolor="cyan"> <h1> Welcome to GeeksforGeeks </h1> <img src= "https://media.geeksforgeeks.org/wp-content/uploads/20220202222418/geeks-200x200.png" /> </body> </html>
- Crear un documento HTML bienvenido1.html
welcome1.html
<!DOCTYPE html> <html> <body bgcolor="cherry"> <h1> Welcome to GeeksforGeeks </h1> <img src= "https://media.geeksforgeeks.org/wp-content/uploads/20220202222418/geeks-200x200.png" /> </body> </html>
En primer lugar, se crea un documento HTML para dividir la página web en 2 secciones utilizando el atributo cols del conjunto de marcos. Luego se crea el documento target_topframe.html para especificar los enlaces en los que se puede hacer clic para ver el efecto del documento TARGET. targettop.html, welcome.html y welcome1.html se crean para mostrar contenidos. Se puede ver claramente que cuando se establece TARGET=”_top”, el título del documento del conjunto de marcos cambia.
Producción:
Publicación traducida automáticamente
Artículo escrito por annieahujaweb2020 y traducido por Barcelona Geeks. The original can be accessed here. Licence: CCBY-SA