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
Download

Doctypes & Head