Para 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>