Escrevendo o Primeiro XHTML

Mãos à obra, vamos agora escrever nosso primeiro código XHTML. Abaixo o código já pronto e comentado:

<!DOCTYPE html PUBLIC “-//W3C//DTD XHTML 1.0 Strict//EN”
http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd”&gt;

<html xmlns=”http://www.w3.org/1999/xhtml&#8221; xml:lang=”pt” lang=”pt”>

<head>
<title> Título </title>
<meta name=”Generator” content=”” />
<meta name=”Author” content=”” />
<meta name=”Keywords” content=”” />
<meta name=”Description” content=”” />
<meta name=”language” content=”pt-br” />
<!– Favicon –>
<link rel=”shortcut icon” href=”favicon.ico” />
<!– Style –>
<link rel=”stylesheet” href=”style.css” type=”text/css”/>

</head>
<body>

</body>
</html>

Antes de iniciar a tag html é declarado o tipo da página, o Doctype, se você não sabe o que é: leia aqui e/ou aqui.

Nesse caso foi definido como Strict, caso você ainda não esteje preparado pode utilizar como Transitional.

<!DOCTYPE HTML PUBLIC “-//W3C//DTD XHTML 1.0 Transitional//EN” “http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd”&gt;

Você deve estar se perguntando: Por que aquele “xmlns” dentro da tag html ?

É chamado de namespace e serve para mostrar para o browser quais elementos pertencem a qual linguagem no documento. Dúvida? Mais? Mais!

As tags meta servem para colocar informações adicionais, tais como, autor, idioma, palavras-chave e etc. – essas tags são utilizadas por mecanismos de buscas, como o Google por exemplo, para localizar os sites. Um site bem estruturado e definido tem chance maior de aparecer primeiro na busca.

Logo abaixo aparece a tag link referenciando um arquivo externo, ícone. Chamado Favicon – ícone do favoritos – que é nada mais nada menos do que aquele íconezinho que fica aparecendo no browser ao lado do endereço do seu site e nos favoritos também é claro. Caso ainda tenha dúvida veja aqui.

Depois como já vimos aparece novamente a tag link para “puxar” o arquivo de estilo da página – CSS.

Fecha-se a tag head, abre e fecha a body e fecha a html, e pronto. O seu XHTML já está pronto.

Na próxima veremos o um layout já pronto com o CSS.

3 thoughts on “Escrevendo o Primeiro XHTML

  1. Pingback: Rogério Lino

  2. henriquedigital

    OI,ROGÉRIO.PRECISO DE AJUDA.QUANDO ALGUÉM CLICA EM ALGUMA CATEGORIA NO MEU BLOG,SÓ APARECEM OS TÍTULO-COM LINKS-MAS NÃO O TEXTO DO POST.O QUE FZER?DESDE JÁ,OBRIGADO.WWW.HENRIQUEDIGITAL.WORDPRESS.COM.( E-MAIL TEMPORÁRIO:MONICAIRIQUE.HOTMAIL.COM)

    Responder
  3. DOMINGOS MARIA

    ROGÉRIO LINO

    PROCURO UMA FORMA DE APLICAR O XHTML, DE UMA FORMA SIMPLES

    PARA CADA CÓDIGO, O SEU SIMDOLO

    SE QUER AJUDAR E SE TEM TELEFONE FIXO, DIGA QUAL O NUMERO QUE EU LIGO-LHE

    DIGA-ME QUAL O DIA E HORA QUE ESTÁ DISPONIVEL E PERTO DO SE TELEFONE FIXO, QUE EU LHE LIGO; CASO QUEIRA É CLARO.

    CUMPRIMENTOS

    DOMINGOS MARIA

    Responder

Deixe uma Resposta

Preencha os seus detalhes abaixo ou clique num ícone para iniciar sessão:

Logótipo da WordPress.com

Está a comentar usando a sua conta WordPress.com Terminar Sessão / Alterar )

Imagem do Twitter

Está a comentar usando a sua conta Twitter Terminar Sessão / Alterar )

Facebook photo

Está a comentar usando a sua conta Facebook Terminar Sessão / Alterar )

Google+ photo

Está a comentar usando a sua conta Google+ Terminar Sessão / Alterar )

Connecting to %s