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>
Tengo una web en html y me gustaría abandonar este código convirtiéndolo en html5. ¿Podrias echarme una mano o, al menos, ponerme en contacto con alguien que pudiera hacerlo? Gracias. Fernando
ResponderEliminarte puse una forma rápida en mi otro blog: https://javapro.org/lenguajes-de-maquetado/convertir-de-html4-a-html5-rapido/
Eliminar