Diego Gauchat Juan - El gran libro de HTML5, CSS3 y Javascript

Para datos que no están relacionados con fecha y hora, se puede utilizar el elemento .Este elemento utiliza el atributo valuepara representar el valor legible para navegadores.

Codigo 1-28

Uso del elemento .

En los primeros días de desarrollo de la red, el fin de los atributos era proporcionar estilo a los elementos a los que aquellos eran aplicados. Con la integración de HTML, CSS y Javascript, esto cambió. Ahora los atributos se centran en declarar el tipo de contenido que contiene el elemento y la función que cumplirá. Para lograr esto, HTML5 modificó las características de algunos de los viejos atributos y añadió otros atributos nuevos.

Si necesita declarar datos adicionales, no solo para los elementos y sino para cualquier elemento HTML, entonces el atributo data* es la solución. Este atributo permite asignar información adicional a un elemento sin exponerla al usuario. Se trata de información que está destinada a ser utilizada por la página web y es accesible desde el código Javascript, tal como estudiaremos más adelante. El nombre del atributo está compuesto por el prefijo data- seguido por un nombre personalizado.

Código 1-29

Usar el atributo de data-*.

Importante

Vamos a trabajar con el atributo data-* y la propiedad dataset en el Capítulo 4.

En el documento HTML del Código 1-20, nos aprovechamos de los tradicionales elementos

y
• para generar una lista de elementos. En ese caso, el orden de los elementos no era particularmente importante, así que el uso del elemento
  era correcto pero, cuando el orden es relevante, se debe utilizar en su lugar el elemento
  .Este elemento genera una lista en orden ascendente identificada con los números por defecto. La mejora en HTML5 es la adición del atributo booleano reversedpara crear una lista de artículos en orden descendente.

  Código 1-30

  Generar una lista en orden descendente.

  Los elementos siempre se muestran en el orden en que fueron declarados, pero los números que hacen referencia a ellos reflejan el orden ascendente o descendente.

  1.7.3 pingy download

  El elemento es probablemente el elemento más importante del HTML. Define la característica más importante del lenguaje: el hipervínculo. Fue creado para vincular un documento a otro, permitiendo a los usuarios navegar y acceder fácilmente a la información proporcionada por el sitio web. Pero ahora hacemos mucho más que acceder a documentos. Los usuarios necesitan ser capaces de descargar los documentos y los desarrolladores necesitan poder realizar seguimiento de nuestra actividad. HTML5 incorpora dos nuevos atributos que conservan la vigencia de este elemento y añadir la funcionalidad requerida:

  ping: Este atributo declara la ruta de la URL e informa cuando el usuario hace clic en el enlace. El valor puede ser una o más URL separadas por un espacio.

  download: Éste es un atributo booleano que indica al navegador que debe descargar el archivo en lugar de leerlo.

  

  Código 1-31

  Aplicación de los atributos ping y download.

  En el ejemplo del Código 1-31, la URL del hipervínculo apunta al archivo myfile.pdf.En circunstancias normales, un navegador moderno mostraría el contenido del archivo en la pantalla, pero en este caso el atributo download fuerza al navegador a descargar el archivo. También incluimos un atributo ping que apunta a un archivo llamado control.php.Como resultado, cada vez que un usuario hace clic en el enlace, el archivo PDF se descarga y el script PHP es ejecuado, lo que permite al desarrollador hacer un seguimiento de esta actividad (es posible almacenar información del usuario en una base de datos, por ejemplo).

  Hágalo usted mismo

  Copie el Código 1-31en un archivo de texto, guárdelo con un nombre y la extensión .html, y abra el archivo en su navegador. Al hacer clic en el enlace, el navegador le pedirá autorización para descargar el archivo. Luego elimine el atributo download y compruebe la diferencia.

  1.7.4 translate

  La mayoría de los navegadores actuales traducen automáticamente cualquier documento en el que detectan lengua extrajera, pero en algunos casos hay textos que deben permanecer intactos, como pueden ser nombres, títulos originales, etc. El atributo translate se añade para controlar el proceso de traducción desde HTML.

  

  Codigo 1-32

  Uso el atributo translate.

  El atributo translate puede tener dos valores: yes (sí) o no (no).Por defecto, el valor es yes , salvo que un elemento de mayor jerarquía haya sido cambiado a no.En el ejemplo del Código 1-32, el nombre de la película está rodeado por etiquetas para especificar que esta parte del texto debe ser preservada tal como se presenta.

  Conceptos básicos

  es un elemento genérico usado para los propósitos organizacionales o de estilo. Debido a sus características, se utiliza a menudo para aplicar estilo al texto, en sustitución del tradicional elemento , actualmente en desuso. Este elemento comparte características similares con el elemento