1.11.10

HTML5

Aquí una pagina que muestra en tablas que navegadores soportan los nuevos elementos introducidos en HTML5.
http://caniuse.com/

HTML5 nos dá la opción de crear el documento usando la vieja sintaxis compatible con HTML 4 u optar por un documento XML.

Ejemplo para la primera opción:
<!DOCTYPE html>
<html>
  <head>
    <meta charset="UTF-8">
    <title>Documento de ejemplo</title>
  </head>
  <body>
    <p><img src="/images/logo.png" alt="" /> Hola mundo</p>
  </body>
</html>
Datos importantes:
  • El documento se sirve como Content-Type: text/html
  • El DOCTYPE  es requerido y no necesita referirse a ningún DTD.
  • Nueva forma de especificar el juego de caracteres mediante el atributo charset del <meta>.
  • Por cuestiones de compatibilidad, se permite cerrar los tags vacíos como <img>, <input> o <br> con una barra, usando la misma sintaxis que XML.
  • Ventaja: compatible con navegadores que no soportan HTML5
Ejemplo conforme a la sintaxis XML:
<?xml version="1.0" encoding="UTF-8"?>
<html xmlns="http://www.w3.org/1999/xhtml">
  <head>
    <title>Documento de ejemplo</title>
  </head>
  <body>
    <p><img src="/images/logo.png" alt="" /> Hola mundo</p>
  </body>
</html>
Datos importantes:
  • El documento se sirve como Content-Type: application/xhtml+xml
  • El DOCTYPE  es opcional.
  • Se requiere definir el namespace como http://www.w3.org/1999/xhtml
  • Alcanza con especificar el charset en la definición del XML.
  • Ventaja: obliga a escribir código XML válido.

No hay comentarios. :

Publicar un comentario

Sentite libre de comentar, criticar y/o aportar tu granito en este (proyecto de..) mar de conocimiento ;)