Actualizado el 14-01-2007
versión para imprimir
Tags Reminder. Controlando su aparición
El tags reminder es una herramienta muy util para la construcción de páginas web, permitiendote completar las etiquetas html y reglas de estilo de forma rápida e intuitiva
Al igual que la característica de auto-complete, lo primero es controlar cuando y como debe aparecer, para lo cual debemos ir a editar | preferences |
El tags reminder se dispara siempre escribes el signo < y dejas de escribir durante un segundo, o cuando con el cursor dentro de una etiqueta html, presionas espacio y dejas pasar un segundo. Si este lapso de tiempo te parece demasiado poco (puede interferir con tu escritura normal) puedes especificar en preferencias el tiempo de espera (en milisegundos)1.
Tambien desde preferencias puedes marcar que pulsando2 la tecla scroll lock (bloqueo de desplazamiento) se ignore ese tiempo de espera adicional.
Otras preferencias del Tags reminder
Desde el mismo panel de preferencias puedes optar3 porque (cuando sea aplicable) las etiquetas terminen con formato xml: <input> o <input />
Puedes decidir si los valores de atributo (aunque sean números) deben ir entrecomillados4; o si el tags reminder debe proporcionar sugerencias para los valores5 (que pueden ser tomadas de etiquetas anteriores de la propia página6 e incluso de archivos enlazados7).
Finalmente también puedes decidir aqui si una vez ejecutado el tag reminder el cursor debe quedar dentro8 de la etiqueta; si debe pasar el foco al siguiente atributo requerido9 (no opcional) de la etiqueta, asi como el número10 de posibles valores a mostrar.
usando el tags reminder
Si invocamos el tags reminder escribiendo < y espacio podremos recorrer todas las etiquetas disponibles. Si lo invocamos dentro de una etiqueta determinada, podremos obtener todos los atributos posibles para esa etiqueta. En ambos casos, utilizando las flechas del cursor podemos desplazarnos arriba y abajo entre las opciones, o expandir y contraer estas.
Por ejemplo si tecleas <h1 espacio obtienes los atributos para una etiqueta H1. Con las flechas puedes escoger el atributo align, expandirlo para ver sus valores, seleccionar el que te interesa y terminar pulsando enter, con lo cual el tags reminder desaparece siendo insertada la etiqueta en la posición del cursor.
Los iconos de la parte inferior del tags reminder te dan algunas opciones extra muy interesantes.
De izquierda a derecha, el primer icono 
cierra el tagsreminder.
El segundo 
abre el dialogo de preferencias del que ya hemos hablado.
El tercero 
te permite ir a las paginas de ayuda offline/online que tengas disponibles para la etiqueta que estes insertando (microsoft, netscape, W3C, WDG, etc)
y el quinto 
ofrece una información bastante completa sobre la etiqueta, asi como posibilidades de preview.
Si queremos insertar una etiqueta con varios atributos, debemos pulsar enter despues de seleccionar cada uno de ellos. Por ejemplo desde <h2 se invoca el tags reminder con la lista de atributos disponibles para etiquetas h2. Con las flechas seleccionas align="left" y pulsas enter; se insertará en la posición del cursor <h2 align="left" | ... si pulsas espacio de nuevo, vuelve a aparecer el tags reminder listo para seleccionar el siguiente atributo.
Observa en la imagen como los valores para el atributo class no son standard: el tags reminder los ha tomado de etiquetas anteriores en la página y los muestra como sugerencia. El atributo align aparece tachado, porque ya lo has usado en esta misma etiqueta; y como está pulsado el icono hay un nuevo panel derecho con informacion sobre las versiones HTML que soportan ese atributo, asi como la propia etiqueta (la misma información aparecerá en la barra de status).