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>

Un comentario sobre “HTML5 doctype”

Deja un comentario

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