Rafael Paulino Desenvolvedor web e mobile

portfolio de Rafael Paulino desenvolvedor web e mobile

Blog - Doctype HTML – O que é Doctype HTML e por que usá-lo

Postado por Rafael Paulino - sexta-feira, 12 de abril de 2013

O que é Doctype HTML e por que usá-lo.

Doctype HTML é definição do tipo de documento (Document Type Definition),também conhecido como DTD.

Ou seja Doctype HTML é a definição de qual tipo de HTML você está usando na sua página e você coloca esse Doctype para que o navegador processe a sua página corretamente.

E com o Doctype especificado na sua página,fica mais fácil para as ferramentas de validação checarem se o seu documento possuí algum erro que irá prejudicar a exibição da página em algum navegador.

Os tipos de Doctype HTML:

HTML 4.01 Strict

Você utiliza esse Doctype quando a sua página não possuí nenhum JavaScript,ou código CSS,misturado junto ao HTML.E sim quando a mesma só possuí um link externo para o código CSS, e o JavaScript.
Link externo seria isso:

<link rel="stylesheet" type="text/css" href="layout.css">

Exemplo de um link externo que chama um arquivo “.css”

<script type="text/javascript" language="javascript" src="arquivos/meujavascript.js"></script>

Exemplo de um link externo que chama um arquivo de JavaScript
E um código misturado ao HTML seria isso:

<body>
<p>Seja Bem - vindo:</p>
<script language="JavaScript">
<!--
alert("Olá mundo");
--></script>

Ou isso:

<body><p style="position:absolute; width: 350px; height:150px; top:250; left:10px;">Zoio,zoreia,zuvido</p>

Abaixo segue a declaração Doctype HTML 4.01 Strict:

Lembrando que você deve colocar o código abaixo antes da tag <html>

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd">

HTML 4.01 Transitional

Você utiliza esse Doctype quando na sua página existe algum código JavaScript,ou CSS,misturado junto ao HTML.
Abaixo segue a declaração Doctype HTML 4.01 Transitional:

Lembrando que você deve colocar o código abaixo antes da tag <html>

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">

HTML 4.01 Frameset

Você utiliza esse Doctype quando na sua página possuí Frames (Quadros).
Abaixo segue a declaração Doctype HTML 4.01 Frameset:

Lembrando que você deve colocar o código abaixo antes da tag <html>

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Frameset//EN" "http://www.w3.org/TR/html4/frameset.dtd">


Rafael Paulino

Rafael Paulino: Desenvolvedor web e mobile, atua na área desde 2008, apaixonado por esportes principalmente por corrida, musculação, natação e artes marciais. PHP - jQuery - Java Script - Ajax - XHTML5 - CSS - iOS

Veja também:



Recomende 

Entre em contato