Introducción a HTML5
Upcoming SlideShare
Loading in...5
×
 

Introducción a HTML5

on

  • 638 views

Un overview de los principales elementos nuevos en HTML5, así como la explicación de ellos, de manera fácil de entender

Un overview de los principales elementos nuevos en HTML5, así como la explicación de ellos, de manera fácil de entender

Statistics

Views

Total Views
638
Slideshare-icon Views on SlideShare
638
Embed Views
0

Actions

Likes
0
Downloads
9
Comments
0

0 Embeds 0

No embeds

Accessibility

Categories

Upload Details

Uploaded via as Microsoft PowerPoint

Usage Rights

© All Rights Reserved

Report content

Flagged as inappropriate Flag as inappropriate
Flag as inappropriate

Select your reason for flagging this presentation as inappropriate.

Cancel
  • Full Name Full Name Comment goes here.
    Are you sure you want to
    Your message goes here
    Processing…
Post Comment
Edit your comment

    Introducción a HTML5 Introducción a HTML5 Presentation Transcript

    • Introducción a HTML 5 Alejandro LagosLagosRguez alejandrolagosr.wordpress.com
    • HTML 5 hace tan fácil <video> como <img>
    • //La API de geolocalización ofrece a tus aplicaciones un sistema de ubicación
    • //Localmente: bases de datos, almacenamiento en caché, el user data, y los recursos de la aplicación
    • Web poderosa == Aplicaciones poderosas Pero.. Más poder == Más responsabilidad
    • //Los web workers ayudan a ejecutar scripts en segundo plano.
    • • article • header• aside • mark• audio • meter• canvas • nav• command • nest• datagrid • output• datalist • progress• datatemplate • source• embed • time• event-source • video• figure • footer
    • <!DOCTYPE html PUBLIC “-//W3C//DTD XHTML 1.0 Strict//EN”http://www.w3.org/TR/xhtml1/DTD/chtml1-strict.dtd><html xmlns=http://www.w3.org/1999/xhtml> <head> <meta http-equiv=“Content-Type” content=“text/html:Charset=utf-8”>
    • <!doctype html><html> <head> <meta charset = “utf-8”>
    • • Frames• acronym, basefont, big, center, font, s, strike, tt, u• atributo language en los scripts• carga de atributos de presentación: cellpading, cellspacing, width & height en tablas y celdas, align & valign,clear,size en las entradas
    • • Un set de elementos, atributos y tipos de entrada• Completo modelo de repetición para formularios con campos recursivos• Mejores soluciones para Combo-boxes y sugerencias de búsqueda autocompletada (atributo list, datalist & select)
    • Tipo de entrada Descripción de la entradatel Un número telefónicosearch Una entrada de búsquedaurl Una direcciónmail Un e-maildatetime Una hora o fecharange Un numero dentro de un rangocolor Colores con valor hexadecimal
    • <input type = “date”> en Opera
    • • required, placeholder, autofocus, autocomplete, inputmode• Validación con el atributo pattern (usando expresiones regulares)• min, max (número de archivos para subidas multi- archivo)
    • • Set de elementos, atributos y APIs• Porque ya no estamos en 1998• La web ya no es una colección de páginas estáticas
    • • metter, progress, output, time• m para contenido marcado (como resultado de búsquedas)• embed (finalmente un estándar)• video y audio
    • • ping para links (rastreo de redireccionamientos)• target está de vuelta!• contenteditable (finalmente un estándar)• <iframe> tiene ahora seamless y sandbox
    • • Set de objetos Javascript, métodos y eventos +Drag and drop +Canvas (estandarizado) +Notificaciones +Mensajes entre documentos +Media (estandarizado) +Stream múltiple +add(), has(), remove(), hasFocus() +Mucho, mucho, mucho más…
    • *Incluyendo las dos especificaciones y la prueba completa.
    • 3 razones por las que no debe importarte:1.- En 2012 se acabará el mundo.2.- Hay implantaciones interoperables actualmente.3.- Por que puedes empezar desde HOY
    • Haz la prueba con tú navegador: http://html5test.com
    • The HTML 5 Test: http://html5test.com W3 Schools:http://www.w3schools.com HTML 5 Rocks:http://www.html5rocks.com W3: http://www.w3.org
    • Introducción a HTML 5 Alejandro Lagos Muchas Gracias!LagosRguez alejandrolagosr.wordpress.com