Introducción
En este pequeño tutorial les enseñaré como pasar su HTML y XHTML a HTML5, aunque muchas características les enseñaré como agregarlas después. Este tutorial es solamente sobre como modernizar su página antes de que descontinúen el soporte para HTML4 y XHTML.Doctype
HTML
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">XHTML
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">HTML 5
<!DOCTYPE html>
Etiqueta de documento
XHTML<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="es" lang="es" >HTML5
<html lang="es" >
Codificación de caracteres
HTML<meta http-equiv="Content-Type" content="text/html; charset=UTF-8">XHTML
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8" />HTML5
<meta charset="UTF-8" />
Scripts
HTML<script src="miScript.js" type="text/javascript"></script>HTML5
<script src="miScript.js"></script>
Hoja de estilos CSS
HTML<link href="miHoja.css" rel="stylesheet" type="text/css" />HTML5
<link href="miHoja.css" rel="stylesheet" />Uso de comillas
HTML
<meta charset="UTF-8">HTML5
<meta charset=UTF-8> <meta charset=’UTF-8’> <meta charset="UTF-8">pero si un atributo tiene varios valores deberemos de usar comillas dobles
<div class="estilo1 estilo2">
Elementos sin etiqueta de cierre
HTML<br /> <img src="imagen.png" />HTML5
<br> <img src="imagen.png">
Uso de mayúsculas
HTML<script src="miScript.js"></script>HTML5
<SCRIPT src="miScript.js"></script> <script SRC="MIscript.JS"></SCRIPT> <sCriPt SrC="MiScript.js"></scRIpt>
Atributos booleanos
HTML<input type="checkbox" checked="checked" name="checkedbox">HTML5
<input type="checkbox" checked name="checkedbox">
Elementos opcionales
En HTML5 podemos omitir algunos elementos muy típicos<!DOCTYPE HTML> <meta charset="UTF-8" /> <title>Mi primer documento HTML5 </title> <h1>Esto es HTML5</h1> <p>Mi contenido</p>
Elementos obsoletos
En HTML5 funcionan, pero ya no se deberían de usar<frame>, <frameset> y <noframes>
