HTML | <td> atributo de alcance

El atributo de alcance HTML <td> se usa para especificar la celda que se usa para la fila de encabezado, la columna, el grupo de columnas o el grupo de filas . Este atributo no muestra ningún efecto visual en el navegador, pero se usa para lectores de pantalla.

Nota : este atributo no es compatible con HTML5.

Sintaxis:

<td scope="col | row | colgroup | rowgroup">

Valores de atributos:

  • col: Especifica que la celda del encabezado se usa para la columna.
  • fila: Especifica que la celda del encabezado se usa para la fila.
  • colgroup: especifica que la celda de encabezado se usa para el grupo de columnas.
  • grupo de filas: especifica que la celda del encabezado se usa para el grupo de filas.

Ejemplo:

<!DOCTYPE html>
<html>
  
<head>
    <title>HTML scope Attribute</title>
    <style>
        table,
        th,
        td {
            border: 1px solid black;
            border-collapse: collapse;
            padding: 6px;
        }
    </style>
</head>
  
<body style="text-align:center">
  
    <h1 style="color: green;">GeeksforGeeks</h1>
    <h2>HTML <td>scope Attribute</h2>
    <center>
        <table>
            <tr>
                <th>Name</th>
                <th>Age</th>
            </tr>
            <tr>
                <td scope="col">Ajay</td>
                <!-- This cell will take up space on 
                    two rows -->
                <td>24</td>
                <td>24</td>
                <td>44</td>
            </tr>
            <tr>
                <td>Priya</td>
            </tr>
        </table>
    </center>
  
</body>
  
</html>

Producción:

Navegadores compatibles: los navegadores compatibles con el atributo de alcance HTML <td> se enumeran a continuación:

  • Google Chrome
  • explorador de Internet
  • Firefox
  • safari de manzana
  • Ópera

Publicación traducida automáticamente

Artículo escrito por ManasChhabra2 y traducido por Barcelona Geeks. The original can be accessed here. Licence: CCBY-SA

Deja una respuesta

Tu dirección de correo electrónico no será publicada. Los campos obligatorios están marcados con *