Novedades de HTML5. Parte 2

En la primera parte, analizamos la forma esctructurada de HTML5 y las etiquetas que se utilizan para ello.


Ahora nos concentraremos en los ‘atributos’ más interesantes, cabe mencionar que no son los únicos, pero si lo más usados para un desarrollador web.

Nuevos atributos.


Ping. Agregada al elemento a, este atributo contiene una lista de URL’s, las cuales serán llamadas cuando el usuario haga clic en el enlace.


Autofocus. Para los formularios; Indica que elemento formulario debe tener el foco al cargar la página.


Required. Para los formularios. Indica que es obligatorio rellenar un valor para poder enviar el formulario. Ya no es necesario hacerlo con JavaScript o desde el servidor.


Autocomplete, min, max, multiple, pattern y step. Para los elementos input de los formularios; Indican que el valor del input debe cumplir con ciertos requisitos.


Formaction, formenctype, formmethod, formnovalidate y formtarget. Para los formularios. Permiten modificar los atributos del formulario en relación a los elementos usados. Esto permite poder reutilizar un formulario en varias páginas, y que realice operaciones específicas.


 Atributos Globales


Ademas de los atributos anteriores, existen otro que se pueden aplicar a todos los elementos de una página. Esto es muy útil si vamos a utilizar Javascript para modificarlos dinámicamente.


Id, class, style, title, lang y tabindex, ya existentes, pero ahora permitidos en todos los elementos.


Contenteditable. Indica que el elemento es editable para el usuario.


ContextMenu. Para indicar un menú contextual sobre un elemento.


Draggable. Indica que un elemento se puede arrastrar.


Spellcheck. Para indicar si el contenido de un elemento debe ser pasado por el corrector ortográfico.


Formularios


El elemento input ha sido ampliado y ahora permite todos estos tipos de datos:


Datetime, datetime-local, date, month, week, time. Para indicar la fecha/hora.

Number. Para que el usuario indique un número.

Range. Indica el rango permito de números.

Email. Indica un correo electrónico.

Url. Indica una dirección web.

Search. Indica una búsqueda.

Color. Indica un color.

 

Si aun no has leído la primer parte de este articulo, da clic AQUI

Deja un comentario

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

12 + diecinueve =