Inicio
Software
Programación
HTML Programación - PHP (ini) Programación - PHP POO Programación - PHP / HTML SQL Java
Hardware
Desarrollos
Quién soy Mapa del sitio

HTML - 10ma Entrega frames anidados

Imprimir
Categoría: HTML
Escrito por Ch4rl1X Visitas: 1871

Para esta décima entrega les traigo Frames anidados.

Se trata de enmarcar diferentes contenidos en otros para esto vamos a usar la etiqueta <frameset> con los atributos que se ven a continuación:

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>Frames anidados</title>

<frameset cols="20%,*">
  <frame src="/enlaces.html" title="Este es el marco general que divide">
         <frameset rows="15%,*">
         <frame src="/horizontal1.html" name="titulo" noresize="noresize">
         <frame src="/horizontal2.html" name="info" marginwidth="200">
		 </frameset>
</frameset><noframes></noframes>

</head>
<body>

</body>
</html>

Como se ve en el anterior, lo primero que se define es la etiqueta con un atributo cols, ésto podría ser de otra manera haciendo que el margen divisorio sea la parte superior, solamente anidándolo diferente. Como se podrán dar cuenta a parte de usar el "%" para regular el ancho/alto, se pueden utilizar píxeles (quizá de otra forma también se puede definir).

Lo siguiente que hacemos es definir las otras etiquetas que como se vé, también precede de <frameset rows=""> (filas), en los que se apunta con la etiqueta frame src (al igual que la de las imágenes, que todavía no vimos).

Veamos que contiene el frame columna que apunta a enlaces.html.

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>Horizontal 3</title>
</head>
<body>

<p>Enlaces al frame</p>

<ol>
<li><a href="/enlaces.html" target="info" title="Ir a tutorial Enlaces.">Tutorial - Enlaces</a></li>
<li><a href="/enlacesConArchivos.html" target="info" title="Ir a tutorial Enlaces con archivos.">Tutorial - Enlaces c/Archivos</a></li>
<li><a href="/enlacesCorreo.html" target="info" title="Ir a tutorial enlaces de correo electrónico.">Tutorial - Enlaces Correo</a></li>
<li><a href="/enlacesInternos.html" target="info" title="Ir a tutorial de enlaces internos.">Tutorial - Enlaces Internos</a></li>
<li><a href="/enlacesLocales.html" target="info" title="Enlaces locales">Tutorial - Enlaces Locales</a></li>
<li><a href="/enlacesRemotos.html" target="info" title="enlacesRemotos">Tutorial - Enlaces Remotos</a></li>
</ol>


</body>
</html>

Nada en particular hasta que vemos las etiquetas href, que no difiere mucho de otras, salvo por el atributo "target" que apunta a info. Y si prestaron atención, aunque es habitual definir el atributo name, para éste caso lo habíamos definido en el primer HTML (del frameset raíz [horizontal 1 y horizontal2]). La diferencia de apuntarlo o no apuntarlo en target es lógica... ya que si no lo apuntaramos abarcaría el frame completo (la columna de 20%).

Para los enlaces a los que se hacen referencias no hay nada que decir son HTML sin ningún atributo en especial.

La principal desventaja que presenta el uso de frame es la vinulación de URL, como se podran imaginar, si estamos adentro del marco abrimos todos los links y todos felices, pero si por algún motivo solamente tenemos acceso a UNO de los enlaces por ejemplo este el problema se haya, es que no sabemos de donde viene, se podría usar href para vincularlo al primer frame nuevamente pero no queda bien :p. Por lo anterior el uso de frames no se estila.

Puede ser útil, para crear un software para servicio técnico por ejemplo (como ya vamos a ver en el tutorial de PHP)

Resultado - Click Aquí.

Saludos!

Espero que sirva.

Ch4rl1X.