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>
