Web Introdução Design Doctypes & Head Prof. Bruno Angelo Medeiros [email protected] http://www.bruno.dump.com.br O que veremos... • Doctype • O que é? • • Para que serve? • Os três tipos existentes • HTML 5 • HTML 4.01 Strict • HTML 4.01 Transitional XHTML – Regras • Head • <meta> <!DOCTYPE> O que é? O <! DOCTYPE> não é uma tag HTML, ele é uma instrução/declaração, e deve ser a primeira coisa em seu documento HTML, antes da tag <html>. Para que serve? Serve para o navegador saber qual versão do HTML a página está escrita, consequentemente como ela deverá ser interpretada. Os três tipos existentes Os doctypes possuem três tipos de declarações, são elas: • HTML 5 • Strict • Transitional Obs.: Essas variações valem tanto para documentos HTML 4.01 como para documentos XHTML 1.0. No nosso caso iremos usar o XHTML 1.0, por ser baseado em XML e garantir que toda tag deve estar fechada. HTML 5 <!DOCTYPE html> <html> <head> <title>Title of document</title> </head> <body> ...... </body> </html> Strict <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd"> <html lang="pt-br”> <head> <title>Title of document</title> </head> <body> ...... </body> </html> Transitional <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> <html lang="pt-br"> <head> <title>Title of document</title> </head> <body> ...... </body> </html> XHTML - Regras XHTML - Regras XHTML - Regras HEAD Algumas tags <meta> que podemos utilizar em nosso <head>: Tag Descrição <meta charset=“UTF-8" /> Serve para definir a codificação(funcionar acentos, caracteres especiais, etc.) e o tipo do documento em questão. <meta name="author" content=“Bruno Angelo Medeiros“ /> Criador/Autor do site <meta name="description" content=“Descrição da página“ /> Descrição da página