Entendendo como funciona Doctype em HTML

226 0

Neste artigo pretendo explicar o que é, e qual a importância do uso do Doctype em HTML. Geralmente, uma das perguntas mais colocadas em entrevistas de emprego para web designers e web developers é sobre o que é Doctype e qual a sua importância nos documentos HTML.

Doctype é diminuitivo para “Document Type Definition”, ou “Definição de Tipo de Documento”, numa tradução directa. Doctype deve ser o primeiro elemento em qualquer documento HTML, e deve aparecer antes de qualquer espaço ou linha em branco. É importante notar que Doctype não faz parte da lista de tags HTML. É usado apenas para que os browsers saibam qual a versão do HTML que a página web em questão usa. É a partir desta informação que os browsers saberão como fazer o render do código HTML na tela.

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN""http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">

No exemplo acima estamos a dizer ao browser que o documento em questão usa XHTML 1.0 Strict como versão do HTML. Incluimos também uma URL para o browser saber onde encontrar as especificações do HTML para a versão especidicada.Abaixo vemos outros tipos de DocTypes válidos para documentos HTML

HTML 4.01 Transitional

Possui todos os elementos e atributos do HTML 4 Strict, incluindo os atribuitos referentes a apresentação, elementos em desuso e outros. Lembre-se que o padrão normal de HTML é mover os atributos de apresentação para folhas CSS.

HTML 4.01 Strict

Possui todos os elementos do HTML 4, mas não inclui tags de apresentação nem elementos depreciados.

XHTML 1.0 Transitional

É o mesmo que HTML 4.01 Transitional, mas também possui suporte a XML

XHTML 1.0 Strict

É o mesmo que HTML 4.01 Strict, mas rambém possui suporte a XML.

XHTML 1.1

É o mesmo que XHTML 1.0 Strict, mas também permite que se integrem módulos adicionais

XHTML Mobile 1.0

É o Doctype ideal para se usar quando o site deve suportar dispositivos móveis. É o mesmo que XHTML 1.0, mas possui alguns módulos XHTML específicos para o desenvolvimento páginas com suporte a dispositivos móveis.

HTML 5

A partir do HTML 5 já não é obrigatório que se use Doctype. Porém, se mesmo assim quiser usar, use  o DocType abaixo:

<DocType html>
(Visited 99 times, 1 visits today)

Elisio Leonardo

Elisio Leonardo is an experienced Web Developer, Solutions Architect, Digital Marketing Expert, and content producer with a passion for technology, artificial intelligence, web development, and entertainment. With nearly 15 years of writing engaging content on technology and entertainment, particularly Comic Book Movies, Elisio has become a trusted source of information in the digital landscape.