Please note, this is a STATIC archive of website developer.mozilla.org from 03 Nov 2016, cach3.com does not collect or store any user information, there is no "phishing" involved.

Revision 1082384 of Introduction to HTML5

  • Revision slug: Web/Guide/HTML/HTML5/Introduction_to_HTML5
  • Revision title: Introducción a HTML5
  • Revision id: 1082384
  • Created:
  • Creator: MiguelTorres
  • Is current revision? No
  • Comment

Revision Content

HTML5 es la quinta revisión y nueva versión del estándar HTML. Ofrece nuevas características que proporcionan no sólo el soporte de medios enriquecidos, sino también mejorar el apoyo para la creación de aplicaciones web que pueden interactuar con el usuario, datos locales y servidores, más fácil y efectivo que en versiones anteriores.

Algunas características de HTML5 aún no son compatibles con todos los navegadores. Sin embargo, Gecko, y por extensión, Firefox, tienen muy buen soporte para HTML5, y el trabajo continúa hacia el apoyo de cada una de sus características. Gecko comenzó a apoyar algunas de las características de HTML5 en la versión 1.8.1. Puede encontrar una lista de todas las características de HTML5 que Gecko admite actualmente en la página principal de HTML5. Para obtener información detallada acerca de la compatibilidad de las características de HTML5 en múltiples navegadores, consulte el sitio web CanIUse.

Declarando que el documento contiene marcado HTML5 usando el elemento doctype

El elemento doctype es muy simple de usuar. Para indicar que el documento usa HTML5, sencillamente utilice:

<!DOCTYPE html>

Si lo hace, incluso los navegadores que no soportan actualmente HTML5 entrarán en el modo estándar, lo que significa que van a interpretar el marcado HTML de una manera compatible con HTML5 sin tener en cuenta las nuevas características de HTML5.

Este doctype es mucho mas simple y mas corto que en versiones anteriores, por lo que es más fácil de recordar y reduce la cantidad de bytes que se deben descargar.

Declarando el conjunto de caracteres con <meta charset>

Lo primero que se hace en una página por lo general es indicar el conjunto de caracteres a utilizar. En las versiones anteriores de HTML, se usaba un elemento muy complejo {{HTMLElement("meta")}}. Ahora es muy simple:

<meta charset="UTF-8">

La ubicación correcta es después del elemento {{HTMLElement("head") }}, ya que algunos navegadores reinician el análisis de un documento HTML si el conjunto de caracteres declarado es diferente del que habían previsto. Además, si usted no está utilizando actualmente UTF-8, se recomienda que cambie a él en sus páginas web, ya que simplifica el manejo de caracteres en los documentos que utilizan diferentes secuencias de comandos.

Tenga en cuenta que HTML5 restringe el conjunto de caracteres válidos para hacerlos compatible con ASCII y usa por lo menos 8 bits. Esto se hizo para reforzar la seguridad y prevenir algunos tipos de ataques.

Usando el nuevo analizador HTML5

La regla de análisis sintáctico que analiza el significado del marcado, se ha definido con mayor precisión en HTML5. Hasta la introducción de HTML5, sólo el significado del marcado valido fue definido, lo que significa que tan pronto como un pequeño error se presentó en el marcado (la mayoría de los sitios web tienen al menos uno), el comportamiento fue incoherente. En esencia, se entiende que todos los navegadores se comportaron de manera diferente, lo que ya no es el caso. Ahora, frente a los errores en el marcado, todos los navegadores compatibles deben comportarse exactamente de la misma manera.

Este requisito de alguna manera ayuda a los desarrolladores Web. Si bien es cierto que todos los navegadores modernos utilizan ahora estas reglas de análisis de HTML5, los navegadores no compatibles con HTML5 siguen siendo aún utilizados. Tenga en cuenta que todavía es muy recomendable una escritura limpia del marcado, como tal el código es más fácil de leer y mantener, y disminuye en gran medida la brecha de las incompatibilidades que existen en varios navegadores antiguos.

No se preocupe — usted no tiene que cambiar nada en su sitio web — los desarrolladores de los navegadores web lo han hecho todo por usted!

Revision Source

<p><a class="external" href="https://www.whatwg.org/specs/web-apps/current-work/" title="https://www.whatwg.org/specs/web-apps/current-work/">HTML5</a> es la quinta revisión y nueva versión del estándar HTML.&nbsp;Ofrece nuevas características que proporcionan no sólo el soporte de medios enriquecidos, sino también mejorar el apoyo para la creación de aplicaciones web que pueden interactuar con el usuario, datos locales y servidores, más fácil y efectivo que en versiones anteriores.</p>

<p>Algunas características de HTML5 aún no son compatibles con todos los navegadores.&nbsp;Sin embargo, Gecko, y por extensión, Firefox, tienen muy buen soporte para HTML5, y el trabajo continúa hacia el apoyo de cada una de sus características.&nbsp;Gecko comenzó a apoyar algunas de las características de HTML5 en la versión 1.8.1.&nbsp;Puede encontrar una lista de todas las características de HTML5 que Gecko admite actualmente en la&nbsp;<a href="https://developer.mozilla.org/es/docs/HTML/HTML5" title="es / HTML / HTML5">página principal de HTML5</a>.&nbsp;Para obtener información detallada acerca de la compatibilidad de las características de HTML5 en múltiples navegadores, consulte el sitio web&nbsp;<a href="https://caniuse.com/#cats=HTML5" title="https://caniuse.com/#cats=HTML5">CanIUse</a>.</p>

<h2 id="Declaring_that_the_document_contains_HTML5_mark-up_with_the_HTML5_doctype">Declarando que el documento contiene marcado HTML5 usando el elemento&nbsp;doctype</h2>

<p>El elemento doctype es muy simple de usuar.&nbsp;Para indicar que el documento usa HTML5, sencillamente utilice:</p>

<pre class="brush:html;">
&lt;!DOCTYPE&nbsp;html&gt;
</pre>

<p>Si lo hace, incluso los navegadores que no soportan actualmente HTML5 entrarán&nbsp;en el modo estándar, lo que significa que van a interpretar el marcado HTML de una manera compatible con HTML5 sin tener en cuenta las nuevas características de HTML5.</p>

<p>Este doctype es mucho mas simple y mas corto que en versiones anteriores, por lo que es más fácil de recordar y reduce&nbsp;la cantidad de bytes que se deben descargar.</p>

<h2 id="Declaring_the_character_set_with_the_&lt;meta_charset&gt;">Declarando el conjunto de caracteres con <code>&lt;meta charset&gt;</code></h2>

<p>Lo primero que se hace en una página por lo general es indicar&nbsp;el conjunto de caracteres a&nbsp;utilizar.&nbsp;En las versiones anteriores de HTML, se usaba un elemento muy complejo {{HTMLElement("meta")}}.&nbsp;Ahora&nbsp;es muy simple:</p>

<pre class="brush:html;">
&lt;meta charset="UTF-8"&gt;</pre>

<div>
<p>La ubicación correcta es después del elemento&nbsp;{{HTMLElement("head") }}, ya que algunos navegadores reinician&nbsp;el análisis de un documento HTML si el conjunto de caracteres declarado&nbsp;es diferente del&nbsp;que habían previsto.&nbsp;Además, si usted no está utilizando actualmente UTF-8, se recomienda que cambie a él en sus páginas web, ya que simplifica el manejo de caracteres en los documentos que utilizan diferentes secuencias de comandos.</p>
</div>

<p>Tenga en cuenta que HTML5 restringe el conjunto de caracteres válidos para hacerlos&nbsp;compatible con ASCII y usa&nbsp;por lo menos&nbsp;8 bits.&nbsp;Esto se hizo para reforzar la seguridad y prevenir algunos tipos de ataques.</p>

<h2 id="Using_the_new_HTML5_parser">Usando el nuevo analizador HTML5</h2>

<p>La regla de análisis sintáctico&nbsp;que analiza el significado del marcado, se ha definido con mayor precisión en HTML5.&nbsp;Hasta la introducción de HTML5, sólo el significado del marcado <em>valido</em> fue definido,&nbsp;lo que significa que tan pronto como un pequeño error se presentó&nbsp;en el marcado&nbsp;(la mayoría de los sitios web tienen al menos uno), el comportamiento fue incoherente.&nbsp;En esencia, se entiende que todos los navegadores se comportaron de manera diferente, lo que ya no es el caso.&nbsp;Ahora, frente a los errores en el marcado, todos los navegadores compatibles deben comportarse exactamente de la misma manera.</p>

<p>Este requisito de alguna manera ayuda a los desarrolladores Web.&nbsp;Si bien es cierto que todos los navegadores modernos utilizan ahora estas reglas de análisis de HTML5, los navegadores no compatibles con HTML5 siguen siendo aún&nbsp;utilizados.&nbsp;Tenga en cuenta que todavía es muy recomendable una escritura limpia&nbsp;del marcado, como tal el código es más fácil de leer y mantener, y disminuye en gran medida la brecha de las incompatibilidades que existen en varios navegadores antiguos.</p>

<p>No se preocupe — usted no tiene que cambiar nada en su sitio web — los desarrolladores de los navegadores web lo&nbsp;han hecho todo por&nbsp;usted!</p>
Revert to this revision