HTML5 guía

Hoe| HTML5| Estructura Semántica| Nuevos Elementos | Elementos eliminados | 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



<!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>



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


<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



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">



•
•
•
•
•
•
•
•
•
•
•
•

<acronym>
<applet>
<basefont>
<big>
<center>
<dir>
<font>
<frame>
<frameset>
<noframes>
<strike>
<tt>



•

iPhone

•

iPod Touch

•

iPad

•

Android OS

•

Blackberry

•
•

Chrome 3.0+

•

Safari 3.1+

•

Opera 10.5+

•


Firefox 3.5+

IE 9.0+


Explorer 8.0



Explorer 11.0



Firefox 22.0



Chrome 32



Integrantes:
Borrás, Génesis
Martínez, Robert
Montemarano, Daniela
Segura, Karem


FIN.

HTML5 guía

Empfohlen

Empfohlen

Weitere ähnliche Inhalte

Andere mochten auch

Andere mochten auch (12)

Ähnlich wie HTML5 guía

Ähnlich wie HTML5 guía (20)

Mehr von Viviana Trujillo

Mehr von Viviana Trujillo (17)

Kürzlich hochgeladen

Kürzlich hochgeladen (20)

HTML5 guía