Cuatro errores al contratar empleados
marzo 23, 2011
Responsive design llega a WordPress
mayo 25, 2012

HTML5 doctype

HTML5Para empezar a trabajar con html5 vamos a ver los cambios que hay en la definición del doctype y en algunas etiquetas que usamos en el header:

  • Doctype
  • Script para incluir acrhivos javascript
  • Script para escribir código javascript
  • Link para incluir archivos de estilo css
  • Style para escribir codigo css

Primero veamos un ejemplo de html4:

<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01//EN"
"http://www.w3.org/TR/html4/TR/strict.dtd">
<meta http-equiv="Content-Type" content="text/html;charset=utf-8" >
<script type="text/javascript" src="js/jquery.js">
<script type="text/javascript">
var now = Date();
</script>
<link type="text/css" rel="stylesheet" href="css/style.css" media="screen">
<style type="text/css">
</style>

En HTML5 todo se simplifica

Simplemente debemos especificar que el doctype es «html»

<!DOCTYPE html>

Eliminamos unos cuantos caracteres y simplmente decimos que es utf-8

<meta charset="utf-8">

Al incluir un archivo con la etiqueta «script» no es necesario especificar el type ya que se entiende que es javascript.

<script src="js/jquery.js">

Lo mismo ocurre si vamos a escribir el javascript en el documento html5

<script>
var now = Date();
</script>

Al incluir un archivo css no es necesario incluir el type ya que al especificar rel=»stylesheet» se entiende que es css

<link rel="stylesheet" href="css/style.css" media="screen">

Al incluir css directamente en el documento usando la etiqueta <style> tampoco es necesario especificar el type ya el que navegador asume que es css

<style>
body { background: #ccc; }
</style>

1 Comment

  1. slipkvayne dice:

    Gracias por este tutorial, concreto pero de mucha utilidad. Ya con tiempo ire leyendo tu blog que hasta el momento me ha gustado bastante.

Deja un comentario

Tu dirección de correo electrónico no será publicada. Los campos obligatorios están marcados con *