HTML 2.0. Manual de Referencia - Atributos para Elementos ya Existentes

Prácticamente todos los comentados son propios del visor Netscape. Separaremos aquí entre las extensiones para elementos de la cabecera y para elementos del cuerpo.

Atributos para Elementos de la Cabecera (HEAD)

Dentro de los elementos de la cabecera se han incluido atributos para los elementos <ISINDEX> y <META>.

En el primero se ha incluido el atributo PROMPT, que permite al autor indicar que mensaje debe aparecer en la página antes del campo de entrada del índice. Si no se emplea el atributo el mensaje por defecto es:

|| This is a searchable index. Enter search keywords:
||

La extensión del segundo está relacionada con la actualización dinámica de los documentos, mediante el empleo del atributo HTTP-EQUIV con el valor "Refresh".

Por ejemplo, la siguiente cabecera hace que después de 19 segundos se acceda al URL especificado:

|| <META HTTP-EQUIV="Refresh" CONTENT="19; URL=http://www/19.html">---#∞# ||

Mientras que una cabecera como:

|| <META HTTP-EQUIV="Refresh" CONTENT="10">
||

hace que el visor espere 10 segundos y vuelva a acceder al documento presentado actualmente.

Atributos para el Elemento BODY

Netscape ha introducido nuevos atributos para el elemento BODY, principalmente para indicar los colores del texto y el fondo de los documentos (además de soportar el uso del BACKGROUND del HTML 3.0):

• BGCOLOR="#rrggbb". Pone como color de fondo el correspondiente al valor RGB dado. RR GG y BB son valores hexadecimales para los niveles de Rojo, Verde y Azul, con valores entre 0 y 255 (es decir, de 00 a FF). El color "#000000" es negro, y el "#FFFFFF" es blanco. Si además de un color se incluye una imagen de fondo, el color BGCOLOR es el que se encuentra debajo de la misma (si la imagen es transparente, es el que se ve de fondo).
• TEXT="#rrggbb". Especifica que el texto debe representarse en el color RGB dado.
• LINK="#rrggbb". Establece el color de los anclajes de hiperenlaces.
• VLINK="#rrggbb". Establece el color de los anclajes de hiperenlaces que se han visitado recientemente (están en la memoria caché).

Es muy probable que todos ellos sean incorporados al estándar.

Atributos para la Línea Horizontal (<HR>)

Se han añadido cuatro atributos para permitir ajustar el aspecto de la línea horizontal. Los atributos son SIZE, WIDTH, ALIGN y NOSHADE:

• <HR SIZE=núm>. El atributo SIZE permite indicar qué grosor debe tener la línea.
• <HR WIDTH=núm|tanto por cien>. Por defecto la línea horizontal es tan ancha como la página. Con el atributo WIDTH se puede especificar el ancho exacto en píxeles o el tamaño relativo (en tanto por cien, por ejemplo WIDTH=80%) respecto al ancho de la página.
• <HR ALIGN=left|right|center>. Dado que, con el atributo WIDTH, las líneas no tienen porque coincidir con el ancho de la página, se hace necesario un mecanismo para especificar su alineación horizontal, en este caso con el atributo ALIGN, que puede tomar los valores izquierda, derecha y centro.
• <HR NOSHADE>. Este atributo especifica que la barra debe ser sólida, es decir, no debe tener efectos de sombra.

Hay que señalar que prácticamente todos estos atributos sólo tienen sentido para visores gráficos, e incluso algunos sólo en el Netscape, como el NOSHADE, ya que asumen una presentación con sombra por defecto de la línea que no tiene por que ser igual en todos los visores.

Atributos para las Listas

Básicamente se trata de atributos para controlar el aspecto de las marcas de cada línea de la lista y los números en las listas ordenadas.

Para la lista desordenada (<UL>), se emplean por defecto marcas circulares en cada línea, que van cambiando conforme las listas se van anidando. En Netscape pasan de un disco sólido a un círculo o un cuadrado. El nuevo atributo TYPE permite especificar que tipo de símbolo queremos emplear en nuestras líneas independientemente del nivel de anidamiento: TYPE=disc, TYPE=circle o TYPE=square (disco, círculo o cuadrado).

Las listas ordenadas (<OL>) siempre comienzan en 1 y van subiendo progresivamente. Se han añadido a este elemento dos atributos: TYPE y START. El primero permite indicar que letras se deben emplear para cada línea: letras mayúsculas (TYPE=A), letras minúsculas (TYPE=a), números romanos en mayúscula (TYPE=I), números romanos en minúscula (TYPE=i) o números (TYPE=1).

El atributo START permite especificar el número del primer ítem de la lista, para cuando queramos que comiencen en un valor distinto al uno. El orden se da siempre en número, y se presenta según el tipo especificado. Por ejemplo START=5 se mostraría como 'E', 'e', 'V', 'v', o '5' según el tipo.

Para dar aún mayor flexibilidad en las listas se han añadido también atributos al elemento <LI>. Por un lado, se ha añadido el atributo TYPE , que puede tomar los mismos valores que toma en la lista en la que se encuentra la línea. Cuando se especifica, cambia el tipo de lista para ese ítem y los siguientes.

Además, si la línea pertenece a una lista ordenada también se puede emplear el atributo VALUE, de manera que se puede modificar el número de cuenta para ese ítem y los siguientes.

Atributos para las Imágenes (<IMG>)

Probablemente uno de los elementos con mayor número de cambios es la marca IMG. En realidad esto se debe a que se han incorporado muchas de las posibilidades del elemento FIG del borrador al elemento IMG, sin incorporar soporte para el primero.

En primer lugar se ha extendido el número de valores posibles de la alineación de las imágenes. Los valores posibles son: left, right, top, texttop, middle, absmiddle, baseline, bottom y absbottom.

Los dos primeros valores, "leftî y íright" (izquierda y derecha), tienen características especiales, ya que se emplean para que las imágenes sean "flotantes".

Así, una imagen incluida con <IMG ALIGN=left> se colocará en el primer hueco disponible a partir del margen izquierdo, hacia abajo, y el texto subsiguiente se colocará a la derecha de la imagen. En el caso del alineamiento a la derecha (ALIGN=right), la imagen se coloca a la derecha y el texto a la izquierda.

La posibilidad de imágenes flotantes ha hecho que Netscape haya implementado el soporte para el atributo CLEAR en los saltos de línea (<BR>), con el mismo funcionamiento que en la propuesta del estándar descrita anteriormente.

El resto de opciones son simplemente variaciones sobre las tres originales (top, middle y bottom), necesarias para determinar claramente las posiciones del texto respecto a las imágenes. Los valores y las alineaciones asociadas son:

• ALIGN=top alinea la imagen con el elemento más alto de la línea.
• ALIGN=texttop hace lo mismo que el elemento anterior pero sólo contemplando el texto más alto, sin considerar cualquier otro elemento. Generalmente esta marca tiene el mismo efecto que TOP, pero no siempre.
• ALIGN=middle alinea la línea base del texto con la mitad de la imagen.
• ALIGN=absmiddle alinea el punto medio vertical de la línea de texto con la mitad de la imagen.
• ALIGN=bottom alinea el inferior de la imagen con la línea base del texto.
• ALIGN=baseline es exactamente idéntico al anterior, simplemente existe por que los diseñadores de Netscape son más listos que nadie y enmiendan la plana al estándar añadiendo nuevos valores sólo por que les parece más adecuado el nuevo nombre.
• ALIGN=absbottom alinea el inferior de la imagen con el inferior de la línea.

En realidad, los nuevos valores sólo tienen sentido en el Netscape Navigator, ya que no todos los visores implementan igual las alineaciones de imágenes y textos, de hecho han incluido nuevos valores para no estropear las páginas ya hechas, pero en realidad hubiera bastado con modificar la gestión de los tres valores estándar en el visor. Además de los nuevos valores para ALIGN, Netscape incorpora varios atributos nuevos:

• <IMG WIDTH=valor HEIGHT=valor>. Los atributos WIDTH y HEIGHT (anchura y altura) se incluyen para aumentar la velocidad de visualización de las páginas, ya que si se especifican, el visor puede reservar el espacio antes de obtener la imagen, continuando con el resto del texto antes de traerla.
• <IMG BORDER=valor>. El atributo BORDER permite especificar el ancho del borde de las imágenes. Si se pone BORDER=0 las imágenes no van recuadradas.
• <IMG VSPACE=valor HSPACE=valor>. VSPACE indica el espacio a reservar por encima y por debajo una imagen, mientras que HSPACE se refiere al espacio a reservar a derecha e izquierda de la misma. Esto es especialmente útil para las imágenes flotantes, ya que evita que el texto se quede demasiado pegado a las mismas.

Extensiones para los Anclajes (TARGET)

En el HTML 2.0 se incluye el atributo TITLE para los anclajes, que permite nombrar los recursos antes de obtenerlos. Ese nombre se puede emplear para las ventanas en las que se presentan recursos que no tienen nombre.

En el Netscape Navigator se ha introducido algo similar (aunque no exactamente igual), el atributo TARGET, que nos da el nombre de la ventana del Navegador a emplear, de modo que cuando se pincha en el enlace, el documento aparece en una ventana que tiene ese nombre. Si la ventana no existe, se abre una nueva y se le asigna el nombre dado por TARGET. Generalmente el nombre no se ve (se emplea el del recurso obtenido), pero otros anclajes pueden hacer referencia a esa ventana y, al seleccionarlos, el visor los muestra en ella.

La sintaxis es:

|| <A HREF="url.html" TARGET="nom_ventana">Pinche aqu&iacute; para abrir otra ventana</A>
||

Además del atributo para los anclajes, se ha creado una marca BASE que permite indicar un nombre por defecto para cada enlace de un documento que no tiene el atributo TARGET. El formato es:

|| <BASE TARGET="ventana por defecto">
||

Los nombres de las ventanas deben comenzar por un carácter alfanumérico, si no son ignorados. De todos modos, existe una serie de nombres especiales que empiezan con el carácter subrayado (_):

• TARGET="_blank". Con este valor, el enlace siempre se cargará en una nueva ventana sin nombre.
• TARGET="_self". Con este valor el enlace se cargará en la misma ventana en la que se encuentra. Esto es útil para anular el efecto de una asignación global con <BASE TARGET=" ">.
• TARGET="_parent". Este valor hace que el enlace se cargue en el FRAMESET inmediatamente superior al documento actual. Veremos FRAMESET al hablar del elemento FRAME. Si el documento no tiene nada por encima el efecto es el mismo que con "_self".
• TARGET="_top". Este valor hace que el enlace se cargue en el cuerpo de la ventana. Se comporta como "_self" si el documento ocupa toda la página, pero resulta muy útil para salir de un bloque de FRAMES anidadas.

La utilidad de este atributo está en que podemos hacer que el cliente abra distintas ventanas para cada enlace, sin dejar de tener nuestra página disponible; además de sus usos en el nuevo elemento FRAME, que comentaremos más adelante.

Extensiones para las Tablas

Respecto a las tablas definidas en el HTML 3.0, Netscape ha incluido algunos atributos, relacionados con el control del tamaño de las tablas y los bordes:

• BORDER puede tomar un valor, con lo que podemos especificar el ancho en píxeles del borde externo de la tabla.
• Dos nuevos atributos CELLPADDING y CELLSPACING también toman valores numéricos. CELLPADDING define el espacio en píxeles entre el contenido de las celdas y sus bordes, mientras CELLSPACING define el espacio entre celdas (el ancho de los bordes).
• Por último, el atributo WIDTH indica el ancho de la tabla. El tamaño se puede expresar con un valor absoluto en píxeles o como un porcentaje del ancho de la página (p. ej. WIDTH=80%).

Extensiones de los Formularios

Encontramos dos extensiones:

• El atributo WRAP en el elemento TEXTAREA, que permite controlar la manera de gestionar el flujo del texto dentro de las áreas de entrada de texto en formularios.WRAP puede tomar los valores OFF, VIRTUAL y PHYSICAL; en el primer caso las líneas se envían tal y como las introduce el usuario, en el segundo se parten para ajustar a la caja, pero se envían como una sola línea sin caracteres de salto y en la última se hace lo mismo que en la segunda, pero sí que se envían los saltos.
• El atributo ENCTYPE dentro de la declaración de los formularios, que permite enviar ficheros a los servidores de HTTP, de modo que se pueden escribir formularios que soliciten al usuario el envío de un fichero.

Un ejemplo de este tipo de formularios sería:
|| <FORM ENCTYPE="multipart/form-data" ACTION="_URL_" METHOD=POST>
Enviar este archivo:
<INPUT NAME="userfile" TYPE="file">
<INPUT TYPE="submit" VALUE="Enviar">
</FORM>
||