Empecemos de lo más sencillo:
HTML 5 te permite tener un código mucho más limpio que el de antes:
Código:
<!DOCTYPE html>
<html lang="es">
<head>
<meta charset="utf-8">
<link rel="stylesheet" href="estilos.css">
<link rel="icon" href="favicon.png" type="image/png">
<!-- script para que los navegadores que no usan HTML5 igual lo entiendan -->
<!--[if lte IE 8]>
<script src="http://html5shim.googlecode.com/svn/trunk/html5.js"></script>
<![endif]-->
<!-- fin de script para que los navegadores que no usan HTML5 igual lo entiendan -->
<title></title>
<meta name="description" content="">
<meta name="keywords" content=""> <!-- totalmente ignorado ahora, pero bueno -->
</head>
<body>
</body>
</html>
El CSS sale mucho más limpio:
Código:
section,nav,aside
{display: block; position: absolute}
section
{top: 210px; right: 21em; max-width: 55em}
section img
{display: block; margin: .7em auto}
nav
{top: 110px; right: 0px; border-bottom: thin dashed #a6a}
nav li
{float: left; margin-left: 1em; list-style: none}
nav li a
{border-bottom: 0; font-size: 1.1em}
aside
{top: 220px; right: 0; width: 300px}
Y la página, por ser más limpia, carga más rápido en el servidor...
XHTML 1.0 strict > 5.80 segundos
HTML 5 > 1.92 segundos
Ahora, si a eso le quieres complicar las cosas (perdón, agregar funciones), puedes hacerlo sin mayores problemas.
Espero ayude.