Con este atributo (summary) podemos definir de qué trata la tabla (propósito, objeto, función, etc.), en teoría en navegadores que utilicen sintetizadores de voz, debería tener algún efecto. Se aplica para navegadores no visuales (Braile, voz, etc.)
Código de Ejemplo aplicando las características vistas anteriormente:
<html>
<head>
<title>Tabla - Ejemplo de "summary"</title>
</head>
<body>
<table width="100" height="50" border="1" bordercolorlight="red" bordercolordark="maroon" cellspacing="50" cellpadding="50%" summary="Esta es una tabla de prueba para ver el efecto de diferentes etiquetas y atributos">
<caption>Tabla de ejemplo</caption>
<tr>
<th width="20%" >Nombre</th>
<th width="20%" >Telefono</th>
<th width="20%" >Otros</th>
<th width="20%">Comentarios</th>
</tr>
<tr>
<td width="20%" align="left">Izquierda</td>
<td width="20%" align="right">derecha</td>
<td width="20%" align="center">centro</td>
<td width="20%" align="justify">texto justificado izq. y derecha</td>
</tr>
<tr>
<td width="20%" align="left">Izquierda</td>
<td width="20%" align="right">derecha</td>
<td width="10%" align="center">centro</td>
<td width="20%" align="justify">texto justificado izq. y derecha</td>
</tr>
<tr>
<td width="20%" align="left">Izquierda</td>
<td width="20%" align="right">derecha</td>
<td width="20%" align="center">centro</td>
<td width="20%" align="justify">texto justificado izq. y derecha</td>
</tr>
</table>
</body>
</html>
Programa 70
Hemos probado el código en Chrome, IE, IE 64 bits, y no hemos visto ninguna diferencia, seguramente porque no utilizan ningún sintetizador de voz.
No hay comentarios:
Publicar un comentario