Estrategia de prompts, primeras ideas para su construcción
Presentación Multimedia - HTML5
1. Home | HTML5 | Componentes | Estructura Semántica | Nuevos Elementos | Elementos eliminados |
Soportado por | Fuentes
Integrantes:
Borrás, Génesis
Martínez, Robert
Montemarano, Daniela
Segura, Karem
INICIO
@2014 Copyright GRDK
2. Home | HTML5 | Componentes | Estructura Semántica | Nuevos Elementos | Elementos eliminados |
Hoe| HTML5| Estructura Semántica| Nuevos Elementos | Elementos eliminados | Soportado por |Fuentes
Soportado por | Fuentes
Es la última evolución de la norma que define HTML. El término representa dos
conceptos diferentes:
•
Se trata de una nueva versión del lenguaje HTML
•
Tiene un conjunto más amplio de tecnologías que permite a los sitios Web y las
aplicaciones más diversas y de gran alcance.
Diseñado para ser utilizable por todos los desarrolladores de Open Web, esta
referencia página enlaza numerosos recursos sobre las tecnologías de HTML5, que
se clasifican en varios grupos según su función.
•
•
•
•
•
•
•
•
Semántica
Conectividad
Desconectado y almacenamiento .
Multimedia
Gráficos y efectos 2D/3D
Rendimiento e Integración
Dispositivo de Acceso
Styling
@2014 Copyright GRDK
3. Home | HTML5 | Componentes | Estructura Semántica | Nuevos Elementos | Elementos eliminados |
Soportado por | Fuentes
@2014 Copyright GRDK
4. Home | HTML5 | Componentes | Estructura Semántica | Nuevos Elementos | Elementos eliminados |
Soportado por | Fuentes
@2014 Copyright GRDK
5. Home | HTML5 | Componentes | Estructura Semántica | Nuevos Elementos | Elementos eliminados |
Soportado por | Fuentes
@2014 Copyright GRDK
6. Home | HTML5 | Componentes | Estructura Semántica | Nuevos Elementos | Elementos eliminados |
Soportado por | Fuentes
@2014 Copyright GRDK
7. Home | HTML5 | Componentes | Estructura Semántica | Nuevos Elementos | Elementos eliminados |
Soportado por | Fuentes
@2014 Copyright GRDK
8. Home | HTML5 | Componentes | Estructura Semántica | Nuevos Elementos | Elementos eliminados |
Soportado por | Fuentes
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8" />
<title>Using main</title>
</head>
<body>
<header>
My page
</header>
<nav>
<a href="#">Home</a>
</nav>
<main>
<article>
<h1>My article</h1>
<p>Content</p>
</article>
<aside>
<p>
More information
</p>
</aside>
</main>
<footer>
Copyright 2013
</footer>
</body>
</html>
@2014 Copyright GRDK
9. Home | HTML5 | Componentes | Estructura Semántica | Nuevos Elementos | Elementos eliminados |
Soportado por | Fuentes
Nuevos Elementos Form
Tag
Descripción
Tag
Descripción
<canvas> Used to draw graphics, on the fly, via scripting (usually JavaScript)
<datalist> Specifies a list of pre-defined options for input controls
<keygen>
Defines a key-pair generator field (for forms)
<output>
Defines the result of a calculation
Nuevos Elementos Semánticos/ Estructural
Tag
Descripción
<article>
Defines an article
<aside>
Defines content aside from the page content
<bdi>
Isolates a part of text that might be formatted in a different
direction from other text outside it
<command Defines a command button that a user can invoke
>
<details>
Defines additional details that the user can view or hide
<dialog>
Defines a dialog box or window
@2014 Copyright GRDK
10. Home | HTML5 | Componentes | Estructura Semántica | Nuevos Elementos | Elementos eliminados |
Soportado por | Fuentes
<summary>
Defines a visible heading for a <details> element
<figure>
Specifies self-contained content, like illustrations, diagrams,
photos, code listings, etc.
<figcaption>
Defines a caption for a <figure> element
<footer>
Defines a footer for a document or section
<header>
Defines a header for a document or section
<mark>
Defines marked/highlighted text
<meter>
Defines a scalar measurement within a known range (a gauge)
<nav>
Defines navigation links
<progress>
Represents the progress of a task
<ruby>
Defines a ruby annotation (for East Asian typography)
<rt>
Defines an explanation/pronunciation of characters (for East Asian
typography)
<rp>
Defines what to show in browsers that do not support ruby
annotations
<section>
Defines a section in a document
<time>
Defines a date/time
<wbr>
Defines a possible line-break
@2014 Copyright GRDK
11. Home | HTML5 | Componentes | Estructura Semántica | Nuevos Elementos | Elementos eliminados |
Soportado por | Fuentes
Tipo de dato
Búsqueda
Teléfono
Url
Email
Fecha y hora
Fecha
Sintáxis
<input type=“search” name=“busqueda”>
<input type=“tel” name=“telefono”>
<input type=“url” name=“url”>
<input type=“email” name=“correo”>
<input type=“datetime” name=“fechahora”>
<input type="date" name="fecha">
Número
<input type="number" name="num" min="0" max="50">
Rango
<input type="range" name="rango" min="0" max="50">
Color
<input type="color" name="color">
@2014 Copyright GRDK
13. Home | HTML5 | Componentes | Estructura Semántica | Nuevos Elementos | Elementos eliminados |
Soportado por | Fuentes
•
iPhone
•
iPod Touch
•
iPad
•
Android OS
•
Blackberry
•
•
Chrome 3.0+
•
Safari 3.1+
•
Opera 10.5+
•
@2014 Copyright GRDK
Firefox 3.5+
IE 9.0+
14. Home | HTML5 | Componentes | Estructura Semántica | Nuevos Elementos | Elementos eliminados |
Soportado por | Fuentes
@2014 Copyright GRDK
15. Home | HTML5 | Componentes | Estructura Semántica | Nuevos Elementos | Elementos eliminados |
Soportado por | Fuentes
Explorer 8.0
@2014 Copyright GRDK
16. Home | HTML5 | Componentes | Estructura Semántica | Nuevos Elementos | Elementos eliminados |
Soportado por | Fuentes
Explorer 11.0
@2014 Copyright GRDK
17. Home | HTML5 | Componentes | Estructura Semántica | Nuevos Elementos | Elementos eliminados |
Soportado por | Fuentes
Firefox 22.0
@2014 Copyright GRDK
18. Home | HTML5 | Componentes | Estructura Semántica | Nuevos Elementos | Elementos eliminados |
Soportado por | Fuentes
Chrome 32
@2014 Copyright GRDK
19. Home | HTML5 | Componentes | Estructura Semántica | Nuevos Elementos | Elementos eliminados |
Soportado por | Fuentes
Integrantes:
Borrás, Génesis
Martínez, Robert
Montemarano, Daniela
Segura, Karem
@2014 Copyright GRDK
FIN.