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>
Si el artículo fue útil por favor compartilo!