Cargando

l

label

Este elemento define una etiqueta para un campo del formulario, de forma que nos permite denominar ese campo de alguna forma, es decir, nos permite dar un nombre a un campo del formulario, el cual nos servirá tambien para referirnos a ese campo de tal manera que si se selecciona con el ratón ese texto se interprete como un focus en el campo en cuestión. Este tag simula una etiqueta que se asigna al campo como un texto descriptivo del mismo.

Atributos importantes: for.
Atributos nuevos: form.

legend

Este elemento nos permite agregar un título que nos puede servir para ofrecer una información adicional sobre un grupo de campos de un formulario <fieldset> de esta manera podemos por ejemplo agrupar los campos referentes a los datos personales de un usuario que se registra en nuestra web (nombre, apellidos, dirección, etc) con un título que indique: “Datos Personales”. De esta forma queda claramente diferenciado del resto de campos que contenga el formulario de registro.

Por otra parte en HTML 5, se puede aplicar el tag legend a otros elementos como figure o details, aunque en el caso del elemento figure, ya disponemos de figcaption para este fin.

li

El tag li define un elemento dentro de una lista ya sea ordenada (ol) o desordenada ul. En HTML 5 los atributos type y value han sido eliminados. Por ejemplo, en un índice, los tags li son los elementos que albergan el contenido del índice. A continuación se muestra un ejemplo.

<ul> <li>Lugares de Barcelona</li> <ul> <li>Las Ramblas</li> <li>Sagrada Familia</li> </ul> </ul>

link

Este elemento permite relacionar el HTML de nuestra web con el css. También admite otros tipos de documento, pero lo más común, es enlazar las hojas de estilos con las plantillas HTML, de esta forma, podemos definir los estilos de la web sin necesidad de hacerlo directamente en la plantilla, que es incomodo, además de costoso y se duplica muchísima información.

Atributos importantes:

rel. Nos permite especificar el tipo de documento que se va a enlazar con la web. Existen distintos tipos, pero el más común es el de las hojas de estilos (“stylesheet”).

href. Indica la lacalización en la que se encuentra el documento externo.

Atributos nuevos:

size. Indica el tamaño del documento que se va a enlazar.

<link rel="stylesheet" href="/css/general.css">