Controles

Hay algunos controles nuevos en HTML 5 que son:

• progress representa el progreso de una tarea, se utiliza junto con JavaScript para representar un progreso de una tarea

                            Progreso de la tarea:
                            <progress value=”22” max=”1000”></progress>
                          

• meter define una medida escalar dentro de un rango conocido, o un valor fraccionario, es un indicador

                            Espacio libre en el disco duro
                            <meter value=”2” min=”0” max=”5”>De 5 GB</meter>
                            <br>
                            <meter value=”0.6”>60%</meter>
                          

• output se utiliza para aceptar y mostar un resultado de un cálculo, como añadir el transporte al carrito de compra

                            <form oninput=”x.value=parseInt(a.value)+parseInt(b.value)”>0
                            <input type=”range” id=”a” value=”50”>100
                            + <input type =”number” id=”b” value=”50”>
                            = <output name=”x” for =”a b”>
                            </output>
                            </form>
                          

---

Cambios que encontraremos en html 5

• el nuevo atributo booleano es novalidate por si quieremos no validar algo en html
• si no definimos el atributo action, el formulario enviaran los datos a la pagina actual
• el atributo autocomplete si lo aplicamos a form, se aplicara a todos los campos del formulario
• en textarea no es necesario determinar los atributos rows y cols, ya que lo podemos hacer con CSS

Html está a cargo de la estructura de una web, mientras que CSS presenta esa estructura y su contenido en la pantalla y JavaScript hace el resto.

---

Tambien disponemos de etiquetas nuevas en HTML 5

• mark se utiliza para resaltar parte de un texto en acorde con las acciones de un usuario, como por ejemplo en una busqueda
• em reemplaza la etiqueta i
• small para presentar letras pequeñas
• cite encierra el titulo de un trabajo como el nombre de una película o una canción
• address se utiliza dentro de footer para presentar información de contacto
• time para indicar cuando ha sido publicado un mensaje o un articulo, se utiliza dentro de header

  <time datetime=”2016-02-04” pubdate>publicado 04-02-2016</time>

Siguiente

Anterior