• <header>
    El elemento de encabezado contiene información introductoria a una sección o página. Esto puede implicar cualquier cosa, desde nuestros encabezados de documentos normales (información de marca) hasta toda una tabla de contenido .
  • <nav>
    El elemento nav está reservado para una sección de un documento que contiene enlaces a otras páginas o enlaces a secciones de la misma página. No todos los grupos de enlaces deben estar contenidos dentro del elemento <nav>, solo la navegación primaria .
  • <section>
    El elemento de sección representa un documento genérico o una sección de aplicación . Actúa de la misma manera que una <div>separación de una parte del documento.
  • <article>
    El elemento de artículo representa una parte de una página que puede estar sola, como por ejemplo: una entrada en un blog, una entrada en un foro, comentarios enviados por el usuario o cualquier elemento independiente de contenido .
  • <aside>
    Aparte, representa el contenido relacionado con el área principal del documento. Esto se expresa generalmente en barras laterales que contienen elementos como mensajes relacionados, nubes de etiquetas, etc. También pueden usarse para citas de trazo .
  • <footer>
    El elemento de pie de página es para marcar el pie de página, no sólo la página actual, sino cada sección contenida en la página. Por lo tanto, es muy probable que utilice el elemento <pie de página> varias veces dentro de una página.

Documento de estructura HTML5

  • Sección de raíz : una raíz de seccionamiento es un contenedor que proporciona un ámbito para las secciones de contenido discreto que se definirá en él. Cada raíz seccionadora obtiene su propioesquema individual. La raíz seccionadora de nivel superior de cualquier página está formada por sus<body>etiquetas, por lo que siempre hay un esquema generado para cualquier página web, empezando por las<body>etiquetas y trabajando a través de las secciones en las que se divide.
    • Seccionar las etiquetas de raíz: <body><blockquote><figure><td><details><dialog>,<fieldset>
  • Sección de contenido : Cada raíz de sección se divide en una serie de secciones de contenido. Estas secciones se crean colocando etiquetas de elemento de seccionamiento de secciones sobre partes discretas de contenido. Sección de elementos de contenido son nestable y semántica. El tipo que debe utilizarse depende de la naturaleza del contenido que contendrá. (Discutiremos cómo usar cada elemento de sección de contenido más adelante.)
    • Seccionar etiquetas de contenido: <section><article><nav>,<aside>
  • Contenido de título : Etiquetas de sólo texto para secciones de contenido. En ausencia de etiquetas de contenido seccionadas, la presencia de una etiqueta de encabezado seguirá siendo interpretada como el comienzo de una nueva sección de contenido.
    • Etiquetas del título: <h1><h2><h3><h4><h5>,<h6>



HTML 5 New Structure

HTML 5 recognizes that Web pages have a structure, just like books have a structure or other XML documents. In general, Web pages have navigation, body content, and sidebar content plus headers, footers, and other features. And HTML 5 has created tags to support those elements of the page.

  •   <section> – to define sections of pages
  •   <header> – defines the header of a page
  •   <footer> – defines the footer of a page
  •   <nav> – defines the navigation on a page
  •   <article> – defines the article or primary content on a page
  •   <aside> – defines extra content like a sidebar on a page
  •   <figure> – defines images that annotate an article

HTML 5 New Inline Elements

These inline elements define some basic concepts and keep them semantically marked up, mostly to do with time:

  • <mark> – to indicate content that is marked in some fashion
  •  <time> – to indicate content that is a time or date
  •  <meter> – to indicate content that is a fraction of a known range – such as disk usage
  • <progress> – to indicate the progress of a task towards completion


HTML 5 New Inline Elements

These inline elements define some basic concepts and keep them semantically marked up, mostly to do with time:

  •  <mark> – to indicate content that is marked in some fashion
  •   <time> – to indicate content that is a time or date
  •   <meter> – to indicate content that is a fraction of a known range – such as disk usage
  •   <progress> – to indicate the progress of a task towards completion
  • HTML 5 New Dynamic Pages Support

HTML 5 was developed to help Web application developers, so there are a lot of new features to make it easy to create dynamic HTML pages:

  •   Context menus – HTML 5 will support the creation and use of context menus within Web pages and applications
  •   href is not required on a tag – this allows you to use the a tag with scripts and in Web applications without needing a place to send that anchor
  •   async attribute – This is added to the script tag to tell the browser that the script should be loaded asynchronously so that it doesn’t slow down the load and display of the rest of the page.
  •   <details> – provides details about an element. This would be like tooltips in non-Web applications.
  •   <datagrid> – creates a table that is built from a database or other dynamic source
  •   <menu> – an old tag brought back and given new life allowing you to create a menu system on your Web pages
  •   <command> – defines actions that should happen when a dynamic element is activated

HTML 5 New Form Types

HTML 5 supports all the standard form input types, but it adds a few more:

  datetime,   datetime-local,  date,  month.   week,   time,  number,   range,   email,   url

HTML 5 new Graphics and Multimedia Elements

There are a few exciting new elements in HTML 5:

  • <canvas> – an element to give you a drawing space in JavaScript on your Web pages. It can let you add images or graphs to tool tips or just create dyanmic graphs on your Web pages, built on the fly.
  • <video> – add video to your Web pages with this simple tag.
  • <audio> – add sound to your Web pages with this simple tag.

Improvement in <iframe>

sing the sandbox, seamless, and srcdoc attributes, authors can now be precise about the level of security and the wished rendering of an <iframe> element.


acronym,   applet,   basefont,   big,   center,   dir,   font,  frame,   frameset,   isindex

noframes,   noscript,   s,   strike,   tt,   u.

New APIs

In addition to specifying markup, HTML5 specifies scripting application programming interfaces (APIs) that can be used with JavaScript. Existing document object model (DOM) interfaces are extended for features documented. There are also new APIs, such as:

  • The canvas element for immediate mode 2D drawing.
  • Timed media playback
  • Offline Web Applications
  • Document editing
  • Drag-and-drop
  • Cross-document messaging
  • Browser history management
  • MIME type and protocol handler registration
  • Microdata
  • Web Storage, a key-value pair storage framework that provides behaviour similar to cookies but with larger storage capacity and improved API.

Not all of the above technologies are included in the W3C HTML5 specification, though they are in the WHATWG HTML specification. Some related technologies, which are not part of either the W3C HTML5 or the WHATWG HTML specification, are as follows. The W3C publishes specifications for these separately:

  • Geolocation
  • Web SQL Database, a local SQL Database (no longer maintained).
  • The Indexed Database API, an indexed hierarchical key-value store (formerly WebSimpleDB).
  • HTML5 File API, handles file uploads and file manipulation.
  • Directories and System, an API intended to satisfy client-side-storage use cases not well served by databases.
  • File Writer, an API for writing to files from web applications.
  • Web Audio API, a high-level JavaScript API for processing and synthesizing audio in web applications.
  • ClassList API

HTML5 cannot provide animation within web pages. Additional JavaScript or CSS3 functionality is necessary for animating HTML elements. Animation is also possible using JavaScript and HTML 4 and within SVG elements through SMIL, although browser support of the latter remains uneven as of 2011.


Web Sockets

Allows creating a permanent connection between the page and the server and to exchange non-HTML data through that means.

Server-sent events

Allows a server to push events to a client, rather than the classical paradigm where the server could send data only in response to a client’s request.


This technology, where RTC stands for Real-Time Communication, allows connecting to other people and controlling videoconferencing directly in the browser, without the need for a plugin or an external application.

Offline & Storage

Offline resources: The application cache

HTML5 provides an application caching mechanism that lets web-based applications run offline. Developers can use the Application Cache (AppCache) interface to specify resources that the browser should cache and make available to offline users. Applications that are cached load and work correctly even if users click the refresh button when they are offline.

Online and offline events

In online and offline events, which let applications and extensions detect whether or not there’s an active Internet connection, as well as to detect when the connection goes up and down.

WHATWG client-side session and persistent storage (aka DOM storage)

Client-side session and persistent storage allows web applications to store structured data on the client side.


IndexedDB is a web standard for the storage of significant amounts of structured data in the browser and for high performance searches on this data using indexes.

Using files from web applications

Support for the new HTML5 File API has been added to Gecko, making it possible for web applications to access local files selected by the user. This includes support for selecting multiple files using the <input> of type file HTML element’s new multiple attribute. There also is FileReader.




Html Html5
Doctype declaration in Html is too longer
<!DOCTYPE HTML PUBLIC “-//W3C//DTD HTML 4.01//EN” “”&gt;
DOCTYPE declaration in Html5 is very simple “<!DOCTYPE html>
character encoding in Html is also longer
<!DOCTYPE HTML PUBLIC “-//W3C//DTD HTML 4.0 Transitional//EN”>
character encoding (charset) declaration is also very simple <meta charset=”UTF-8″>
Audio and Video are not part of HTML4 Audio and Videos are integral part of HTML5 e.g. <audio> and <video> tags.
Vector Graphics is possible with the help of technologies such as VML, Silverlight, Flash etc Vector graphics is integral part of HTML5 e.g. SVG and canvas
It is almost impossible to get true GeoLocation of user browsing any website especially if it comes to mobile devices. JS GeoLocation API in HTML5 helps identify location of user browsing any website (provided user allows it)
Html5 use cookies. It provides local storage in place of cookies.
Not possible to draw shapes like circle, rectangle, triangle. Using Html5 you can draw shapes like circle, rectangle, triangle.
Does not allow JavaScript to run in browser. JS runs in same thread as browser interface. Allows JavaScript to run in background. This is possible due to JS Web worker API in HTML5
Works with all old browsers Supported by all new browser.





































About 911computer

Yo necesito aprender algo nuevo cada día
This entry was posted in PROGRAMACIÓN. Bookmark the permalink.

Leave a Reply

Fill in your details below or click an icon to log in: Logo

You are commenting using your account. Log Out /  Change )

Google+ photo

You are commenting using your Google+ account. Log Out /  Change )

Twitter picture

You are commenting using your Twitter account. Log Out /  Change )

Facebook photo

You are commenting using your Facebook account. Log Out /  Change )


Connecting to %s