Ficaram assustados com o título desse post não? Mas é verdade, recentemente o W3C anunciou o seguinte:

Today [July 2, 2009] the Director announces that when the XHTML 2 Working Group charter expires as scheduled at the end of 2009, the charter will not be renewed. By doing so, and by increasing resources in the HTML Working Group, W3C hopes to accelerate the progress of HTML 5 and clarify W3C’s position regarding the future of HTML.

Como podem ver, o W3C só irá trabalhar em cima do XHTML2 até o final do ano e o deixará de lado para trabalhar encima do HTML5. Será que aí se inicia o processo de morte do XHTML? Em 2005 já se falava que o XHTML já estava morto, sabe por que? Vamos a alguns pontos que deixam isso claro:

• Devido aquele browser azul ainda ter uma grande parcela no mercado, XHTML 1.0/XHTML1.1 ainda não pode ser servido como XML, que é a forma correta de se utilizar o XHTML.
• Embora XHTML2 possa nos proporcionar um desenvolvimento excitante, até agora não houve um desenvolvimento concreto.
• HTML5 terá uma característica de serialização do XHTML

HTML5 é o futuro, portanto deixe de ficar se preocupando com browsers obsoletos e vá já correndo estudar as especificações do novo HTML, pois quando você acordar para isso já vai ser tarde. Um lugar legal para começar é por aqui.

Você ainda não está me seguindo no Twitter, o que está esperando para fazer isso?

• A história do HTML
• Curso de HTML5 e CSS3 do W3C
• HTML5 é diferente de CSS3
• Sites brasileiros em HTML5
• Framework HTML5 + CSS3

Construíndo sites com CSS e (x)HTML

Esse foi o primeiro livro totalmente nacional, lançado pelo Maujor sobre CSS, para quem quer aprender CSS esse deve ser ser livro de cabeceira. Este livro aborda a técnica de construção de sites baseada nas Web Standards do W3C, cujo princípio básico é separar a marcação (X)HTML da apresentação visual. De forma didática, são apresentadas as razões da criação das Web Standards e suas vantagens, a sintaxe (X)HTML e CSS, as propriedades CSS e a criação de layouts fixos e elásticos multicolunares. Os assuntos tratados são ilustrados com códigos, exemplos e figuras que mostram a renderização no navegador. No site de apoio, o leitor encontrará os códigos para download e informações complementares sobre o livro.

Criando sites com HTML

Construir sites em conformidade com os Padrões Web do W3C, mais do que uma opção de desenvolvimento, é uma exigência do mercado. Resgatar a finalidade original da linguagem de marcação HTML, tal como idealizada pelo seu inventor, Tim Berners-Lee é a palavra-chave que norteia o moderno conceito de escrever HTML. Este livro descreve de forma detalhada cada um dos elementos do HTML, dando ênfase a sua finalidade. Um capítulo é dedicado exclusivamente às folhas de estilo em cascata (CSS), que forma uma dupla inseparável com HTML.

Esse foi o 2º livro escrito por Maujor.

Criando Páginas Web com CSS

Com lições passo a passo ricamente ilustradas, o livro reúne técnicas de CSS úteis e modernas para você começar a criar (ou aprimorar) imediatamente seu site Web, tornando seu layout profissional compatível com qualquer tipo de navegador. Este livro o ajudará a tornar um especialista em CSS num piscar de olhos, oferecendo as mais avançadas dicas, truques e técnicas que desmistificarão o universo de bugs e segredos sobre os quais você talvez já tenha ouvido falar.

Use a Cabeça HTML com CSS e XHTML

Use a Cabeça! HTML com CSS e XHTML 2a Edição permite que você evite a vergonha de pensar que as cores compatíveis com a Web ainda contam, e a tolice de perder uma tag em suas páginas. O melhor de tudo é que você aprenderá HTML, XHTML e CSS de uma maneira que não o fará dormir. Se você já leu algum livro da série Use a Cabeça!, sabe o que esperar: um formato visualmente rico, projetado para se adaptar à forma como seu cérebro funciona. Usando as últimas descobertas da neurobiologia, ciência cognitiva e teoria do aprendizado, este livro colocará o HTML e as CSS em seu cérebro para sempre. Aprenda os verdadeiros segredos da criação de páginas Web e porque tudo o que seu chefe disse a você sobre as tabelas HTML provavelmente estava errado (e o que fazer para dar tudo certo). E, o mais importante, concorde com seu colega de trabalho e impressione os amigos quando ele mencionar casualmente como o HTML dele agora está perfeito e a CSS é uma folha de estilos externa.

Profissional Padrões de Projeto com CSS e HTML

Usar padrões de projetos para estilizar (X)HTML e CSS poupará seu tempo e esforço. Profissional Padrões de Projetos com CSS e HTML contém mais de 350 padrões de projetos prontos para uso que podem ser combinados para criar um número ilimitado de soluções para projetos. Você pode se beneficiar instantaneamente de seu poder reutilizável e de sua eficiência simplesmente colocando-os em seu código e ajustando alguns valores!

Cada padrão funciona em todos os principais navegadores da web, incluindo o Internet Explorer 7, o Internet Explorer 6. Este livro será inteiramente útil e prático – ele elimina a necessidade de hacks, truques, testes sem fim, e ajustes constantes nos navegadores para fazer algo funcionar.

Ele é mais do que simplesmente um livro de receitas. Cobre sistematicamente cada característica utilizável de CSS e combina essas características com HTML para criar padrões reutilizáveis. Cada padrão possui um nome intuitivo para facilitar ao procurar, para lembrar e para fazer referência a ele. A acessibilidade e as melhores práticas foram cuidadosamente projetadas em cada padrão de projeto, em cada exemplo e em cada código fonte.

JavaScript – O Guia Definitivo

Esse livro fornece uma descrição completa do núcleo da linguagem JavaScript, do padrão DOM e legado implementados nos navegadores Web. O livro inclui exemplos sofisticados que mostram como tratar tarefas comuns, como a validação de dados em formulários, o trabalho com cookies e a criação de animações portáveis usando DHTML. O livro também contém seções de referência detalhadas que abrangem o núcleo da API JavaScript, a API “legada” do lado cliente e a API padrão DOM do W3C, documentando cada objeto, método, propriedade, construtor, constante, e função de JavaScript, assim como o tratamento de eventos nessas APIs. Esta é uma leitura particularmente útil para os desenvolvedores que trabalham com navegadores Web compatíveis com os últimos padrões, como o Internet Explorer 6, o Netscape 6 e o Mozilla. Desenvolvedores HTML podem aprender a usar JavaScript para construir páginas Web dinâmicas. Programadores experientes podem encontrar rapidamente as informações necessárias para começar a escrever programas sofisticados em JavaScript. Este livro é uma referência indispensável para todos os programadores de JavaScript, independentemente do nível de experiência.

jQuery: A Bíblia do Programador JavaScript

jQuery é uma poderosa biblioteca JavaScript criada para simplificar a criação de efeitos visuais e de interatividade em websites. Desenvolvedores especialistas em JavaScript, ao conhecerem as maravilhas de que a biblioteca é capaz, com certeza vão se perguntar: ?Por que não pensei nisso antes??. Iniciantes, com noções rudimentares de JavaScript, experimentarão uma curva de aprendizado inimaginável para aqueles experientes com a linguagem.

jQuery propicia a criação de scripts de uma forma tão simples e intuitiva que consegue com meia dúzia de linhas os mesmos efeitos de um script de 30 a 40 linhas desenvolvido com JavaScript tradicional. Simplicidade foi a diretriz que norteou John Resig na criação da biblioteca. Este livro, na primeira parte, apresenta a biblioteca e um estudo da sintaxe e emprego dos seletores e comandos jQuery, desenvolvendo scripts de exemplo para cada um deles, que podem ser examinados ao vivo em arquivos disponíveis para download no site do livro. Na segunda parte, são desenvolvidos vários scripts de emprego real, todos comentados e disponíveis para download.

AJAX: Guia Prático para Windows

O livro mostra a trajetória de uma aplicação web por meio dessa nova tecnologia. Ele apresenta os conceitos básicos, estrutura de programação JavaScript, comandos, principais funções e formas de interação com o browser.

XML, API DOM e manipulação de páginas web são assuntos tratados em detalhes, assim como o CSS (Cascading Stylesheet) ou folhas de estilo, pois permite a interação direta com o usuário, alterando elementos da página de forma dinâmica. Possui vários exemplos de utilização do AJAX, desde os mais simples até os mais complexos, que utilizam JavaScript orientado a objetos e técnicas modernas de programação.

Não Me faça Pensar – Usabilidade na Web

Uma Abordagem de Bom Senso à Usabilidade na Web. Cinco anos e mais de 100 mil exemplares após ter sido publicado pela primeira vez, é difícil imaginar alguém trabalhando em projeto Web que não tenha lido o “clássico instantâneo” de Steve Krug sobre usabilidade na Web, contudo, as pessoas ainda o estão descobrindo todos os dias. Nesta segunda edição, Steve acrescenta três novos capítulos no mesmo estilo do original: divertido e interessante, mas, ainda assim, cheio de informações e conselhos práticos, tanto para novatos quanto para veteranos. Não fique surpreso se ele mudar completamente a forma pela qual você pensa em projeto para Web.

Você ainda não está me seguindo no Twitter, o que está esperando para fazer isso?

• Referência HTML/XHTML, CSS e JavaScript no Firefox
• CSS Conditional comments
• Diferença entre elementos inline e de bloco em HTML
• Ajax RSS Widget
• Twitter Bootstrap – CSS Toolkit do Twitter

A grade maioria dos desenvolvedores sabe que a tag embed caiu em desuso desde 2006 por se tratar de uma tag proprietária da Netscape, assim não obedecendo aos WebStandards.

É comum você ver por aí códigos que ainda utilizam embed, como no Youtube, vejam esse código de exemplo abaixo para entenderem o que estou dizendo:

<object width="425" height="344">
    <param name="movie" value="http://www.youtube.com/v/YV3gxkXpkno&hl=pt-br&fs=1"></param>
    <param name="allowFullScreen" value="true"></param>
    <param name="allowscriptaccess" value="always"></param>
    <embed src="http://www.youtube.com/v/YV3gxkXpkno&hl=pt-br&fs=1" type="application/x-shockwave-flash" allowscriptaccess="always" allowfullscreen="true" width="425" height="344"></embed>
</object>

Esse código faz a utilização de embed, deixando assim seu HTML inválido. Uma forma simples e correta de escrita do mesmo código acima pode ser utilizada da forma abaixo:

<object width="480" height="385" type="application/x-shockwave-flash" data="http://www.youtube.com/v/YV3gxkXpkno">
    <param value="high" name="quality" />
    <param name="allowFullScreen" value="true" />
    <param name="allowscriptaccess" value="always" />
    <param value="http://www.youtube.com/v/YV3gxkXpkno" name="movie" />
</object>

E você ainda pode ir além proporcionando um alternativa ao usuário caso ele não tenha o plugin do Flash instalado no PC. No meu caso vou utilizar aqui uma imagem dizendo que alí deveria aparecer um objeto multimídia.

<object width="480" height="385" type="application/x-shockwave-flash" data="http://www.youtube.com/v/YV3gxkXpkno">
    <param value="high" name="quality" />
    <param name="allowFullScreen" value="true" />
    <param name="allowscriptaccess" value="always" />
    <param value="http://www.youtube.com/v/YV3gxkXpkno" name="movie" />
    <img src="http://www.cssnolanche.com.br/uploads/video.png" alt="Vídeo (Objeto multimídia)" title="Vídeo (Objeto multimídia)" />
</object>

Vejam abaixo esse código funcionando:

Caso você queira inserir Windows Media Player em seu site, basta utilizar o seguinte código de exemplo:

<object type="video/x-ms-wmv" data="http://www.sarahsnotecards.com/catalunyalive/fishstore.wmv" width="320" height="260">
  <param name="src" value="http://www.sarahsnotecards.com/catalunyalive/fishstore.wmv" />
  <param name="autostart" value="true" />
  <param name="controller" value="true" />
  <img src="http://www.cssnolanche.com.br/uploads/video.png" alt="Vídeo (Objeto multimídia)" title="Vídeo (Objeto multimídia)" />
</object>

E comoo podem ver, funciona corretamente.

Você ainda não está me seguindo no Twitter, o que está esperando para fazer isso?

• A Morte do XHTML
• Recomendações de livros
• A história do HTML
• CSS Conditional comments
• Estrutura mínima de um documento XHTML

HTML é a sigla para HyperText Markup Language, é a linguagem de marcação base para páginas web. Fornece um meio para descrever a estrutura do texto com base em informações de um documento-texto, denotando algumas ligações, cabeçalhos, parágrafos, listas, etc, e para completar o texto, com formas interativas, imagens incorporadas, e outros objetos. HTML é escrito na forma de “tags” que são cercados por colchetes angulares. HTML também pode descrever, de alguma forma, a aparência e a semântica de um documento, e podem incluir de forma embutida outras linguagens (como JavaScript) que podem afetar o comportamento dos navegadores da Web e outros elementos HTML.

Como tudo começou

Em 1980, o físico Tim Berners-Lee, que trabalhava de forma independente na CERN, desenvolveu um sistema chamado ENQUIRE, projeto esse utilizado para reconhecer e armazenar associações de informação. O ENQUIRE tinha algumas das mesmas idéias da web e da web semântica, e serviu como base para o desenvolvimento das duas, mas era diferente em vários aspectos importantes, como no fato de não ser viável ser liberado para o público em geral. Ele foi implementado em uma máquina NORD-10, da Norsk Data, mas nunca foi publicado.

Em 1989, Tim Berners-Lee e o engenheiro do CERN Robert Cailliau apresentaram cada um propostas separadas para uma Internet baseada em Hipertexto mais com funcioalidades semelhantes. No ano seguinte, trabalhando de forma conjunta, o WorldWideWeb (W3) foi aceito pelo CERN.

As primeiras especificações

A primeira especificação do HTML tornou-se pública em 1991 e chamava-se originalmente de HTML Tags. Ela descrevia os 22 elementos que compunham o HTML, relativamente muito simples. Treze desses elementos ainda existem no HTML 4.

Tim Berners-Lee considerava na época o HTML uma aplicação SGML, mas não foi formalmente publicado como um padrão até meados de 1993. O projeto terminou após 6 meses e foi enviado a NCSA Mosaic para reconhecimento de Tags e imagens em seu browser, o que reflete a imagem do IETF de propor padronização das tecnologias e protocolos envolvidos. De mesmo modo, Dave Raggett’s, concorrente da IETF, no final de 1993 sugeriu padrões já implementados para o HTML.

Após o término dos rascunhos do HTML em 1994, o IETF criou o HTML Working Group que em 1995 completou o HTML 2.0, a primeira especificação HTML a ser tratada como padrão para implementações futuras. Publicado no Request for Comments 1866, HTML 2.0 incluia idéias a partir do HTML e rascunhos do HTML. O HTML 1.0 não existiu, a especificação 2.0 foi destinada a destinguir a nova edição de projetos anteriores.

Prosseguir o desenvolvimento do HTML sob o olhar do IETF foi interrompido devido o olhar dos concorrentes. Desde 1996 as especificações HTML foram mantidas pelo World Wide Web Consortium (W3C). A última especificação HTML publicada pelo W3C é a recomendação HTML 4.01, publicada no final de 1999. Seus problemas e os erros foram reconhecidos pela última errata publicada em 2001.

Versões do HTML

Novembro de 1995

HTML 2.0 foi publicado pelo IETF RFC 1866. Novos suplementos foram adicionados:

• Novembro de 1995: RFC 1867 (formulário base para upload de arquivos)
• Maio 1996: RFC 1942 (tabelas)
• Agosto 1996: RFC 1980 (mapas de imagem do lado cliente)
• Janeiro 1997: RFC 2070 (Internacionalização)

Em junho de 2000, todos esses se tornaram obsoletos/ registro no RFC 2854.

Janeiro de 1997

HTML 3.2 é publicado como uma recomendação do W3C. Foi a primeira versão desenvolvida e padronizada pelo W3C, pois o IETF havia fechado o seu grupo de trabalho em setembro de 1997.

O HTML 3.2 omitiu várias fórmulas matemáticas, sobrepos várias extensões proprietárias e adotou Markup tags do Netscape. Tags como <blink> da Netscape e <marquee> da Microsoft foram omitidas após um acordo mútuo entre as duas empresas. A capacidade de incluir fórmulas matemáticas no HTML não foi padronizado até anos mais tarde, com o MathML.

Dezembro de 1997

O HTML 4.0 é publicado como uma recomendação do W3C. Foram criadas 3 “versões”:

• Strict: elementos em desuso são proibidos
• Transitional: elementos em desuso aqui são permitidos
• Frameset: utilizado em documentos que fazem o uso de frames

Inicialmente sob o codinome “Cougar”, o HTML 4.0 adotou vários elementos e atributos, mas ao mesmo tempo procurou eliminar marcação prorpietária e em desuso a favor das folhas de estilo.

Abril de 1998

HTML 4.0 foi editado em edições menores mais sem aumentar o número de versão.

Dezembro de 1999

HTML 4.01 foi publicado como uma recomendação do W3C. Ele possuia as mesmas versões do HTML 4.0 e sua errata foi publicada em 12 de Maio de 2001.

Maio de 2000

ISO/IEC 15445:2000 (“ISO HTML”, baseado no HTML 4.01 Strict), foi publicado como uma norma ISO / IEC padrão internacional. Em meados de 2008, HTML 4.01 e ISO / IEC 15445:2000 são as versões mais recentes do HTML. Desenvolvida em paralelo, o XHTML, baseado em XML ocupava o grupo de trabalho do W3C até meados de 2000.

Janeiro de 2008

HTML5 é publicado como um novo projeto do W3C. Apesar de sua sintaxe ser semelhante a do SGML, o HTML 5 abandonou qualquer tentativa de ser uma aplicação SGML, e tem definido seu próprio vocabulário HTML, além de uma alternativa baseada em XML, o XHTML 5

Versões do XHTML

XHTML é uma linguagem que começou como uma reformulação do HTML 4.01 usando XML 1.0:

• XHTML 1.0: Publicado em 26 de Janeiro de 2000 como uma recomendação do W3C, posteriormente revisto e republicado em 1 de Agosto de 2002, ele oferece as mesmas três “versões” que o HTML 4.0 e HTML 4.01, baseado em XML, com menores restrições.
• XHTML 1.1: Publicado em 31 de Maio de 2001 como uma recomendação W3C. É baseado em XHTML 1.0 Strict, mas inclui alterações menores, podem ser personalizadas, e é reformulado utilizando módulos de modularização do XHTML, que foi publicado em 10 de abril de 2001 como uma Recomendação W3C.
• XHTML 2.0: Ainda é um projeto de trabalho do W3C. XHTML 2.0 é compatível com XHTML 1.x, e, portanto, seria mais adequado caracterizar como uma nova linguagem inspirada em XHTML do que uma atualização para XHTML 1.x
• XHTML 5.0: é uma atualização para o XHTML 1.x, está sendo definido juntamente com o HTML5 no mesmo projeto.

Leia também

• HTML 4.01, the last valid specification
• Dave Raggett’s Introduction to HTML
• Empty elements in SGML, HTML, XML, and XHTML

Esse artigo foi escrito com base no artigo original da Wikipédia: History of HTML (em Inglês).

Você ainda não está me seguindo no Twitter, o que está esperando para fazer isso?

• A Morte do XHTML
• Diferença entre elementos inline e de bloco em HTML
• Referência HTML/XHTML, CSS e JavaScript no Firefox
• Curso de HTML5 e CSS3 do W3C
• HTML5 é diferente de CSS3

O HTML, acrônimo para a expressão HyperText Markup Language, que significa Linguagem de marcação de Hipertexto é utilizado para a criação de páginas web. Tudo isso que você vê aqui no browser é Hipertexto. A última versão do HTML é a 4.01, que foi desenvolvida em 1999, e o XHTML 1.0, uma reformulação do HTML 4.01 baseado em XML, foi desenvolvido no ano 2000 e revisto no ano de 2002. Lá se vão cerca de 8 anos de uma tecnologia aparentemente ultrapassada.

Sim, o HTML 4 teve seu lugar ao sol, mas com a evolução da tecnologia, dos browsers, novas tecnologias precisavam nascer, e com isso surgiu o HTML5 e o XHTML2

HTML 5

Também conhecido como Web Applications 1.0, é uma tecnologia desenvolvida pelo grupo WHATWG, uma comunidade aberta formada por profissionais desenvolvedores de empresas como: Mozilla, Opera, e Apple prometem não só desenvolver uma atualização para o HTML4 e o XHTML 1 e sim uma evolução. Desenvolver utilizando HTML 5 seria muito mais fácil, pois ele é mais semântico, essa seria a proposta, mas quando os browsers terão suporte a ele? Eu já mexi meus pauzinhos e andei brincando com HTML 5, desenvolvi essa página teste em HTML 5.

Mas isso não quer dizer que você já pode sair por aí desenvolvendo seus sites em HTML 5 pois até agora nem todos os browsers tem suporte total a ele, pois é, já imaginam de quem eu estou querendo dizer não é? O Internet Explorer que não tem nem sequer suporte correto a HTML 4, sim, algumas tags do HTML 4 não funcionam corretamente no IE, ao HTML 5 então, você tem que utilizar de JavaScript para que as novas tags funcionem corretamente no Internet Explorer, aí é que encontramos a grande dificuldade de implementação dessa nova tecnologia, entenderam agora onde quero chegar? Se a Microsoft não está nem aí para seu browser, não procura desenvolver uma solução cabível para o mesmo, quando será que poderemos utilizar HTML 5 no desenvolvimento dos nossos sites?

Já existem algumas pessoas que estão utilizando, utilizando de tecnologia de ponta e nem aí para o Internet Explorer. Infelizmente ainda vivemos uma realidade que não podemos esquecer de perdermos tempo desenvolvendo para esse browser ultrapassado. Essa com certeza é a grande dificuldade, a pedra no sapato para os desenvolvedores darem um passo a frente e iniciarem um processo de desenvolvimento utilizando uma tecnologia totalmente nova.

CSS 3

E o CSS3? A especificação atual das CSS é a 2.1, está sendo desenvolvida a versão 3, que promete melhorar e muito a vida dos desenvolvedores, agora você teria a opção de desenvolver layouts multicolunas de maneira muito fácil, suporte a Webfonts, Media Queries, Ruby entre outras novidades. Quando será que poderemos utilizar definitivamente essas tecnologias? Se até agora o suporte a CSS3 pelos browsers é precário, creio que a realidade de utilização dessas tecnologias está muito longe.

E você desenvolvedor o que acha dessa realidade? Manifeste sua opinião nos comentários. O fomulário abaixo está aí pra isso.

Você ainda não está me seguindo no Twitter, o que está esperando para fazer isso?

• Curso de HTML5 e CSS3 do W3C
• HTML5 é diferente de CSS3
• Framework HTML5 + CSS3
• Sorteio – Livro CSS3
• ‘do a barrel roll’ com CSS3

Benefícios de utilização

Os principais benefícios de utilização são:

Menor impacto do lado cliente

Quando o navegador encontra um comentário condicional que não diz respeito a ele, ele o considera como um simples comentário HTML e o conteúdo não é analisado, baixado, economizando recursos da máquina cliente.

Não é necessário o uso de Scripts

Conditional comments são utilizam nenhum tipo de Script ou DHTML, durante o carregamento da página ele é analisado e direcionado somente para o browser necessário.

Separa o código da lógica

Utilizando Conditional comments você separa seu código em pequenos segmentos, tornando mais fácil o entendimento e a manutenção.

Cross-browser

A utilização de Conditional comments não é restrita somente ao Internet Explorer, eles podem ser utilizados nos browsers que suportam comentários condicionais para personalizar o conteúdo e aqueles que também não suportam.

Terminologia

Termos que serão utilizados no artigo:

Sintaxe dos Conditional comments

A sintaxe básica dos comentários condicionais é mostrada na tabela a seguir:

O HTML mostrado dentro de cada bloco de comentário condicional denota qualquer bloco de conteúdo HTML, incluindo scripts. Ambos os tipos de comentários condicionais utilizam uma expressão condicional para indicar se o conteúdo dentro do bloco deve ser analisado ou ignorado. A expressão condicional é formada a partir de uma combinação de funcionalidade, operador, e/ou valor, como mostrado na tabela a seguir:

Exemplos de utilização

Conditional comments não precisam ser utilizados especificamente para HTML, podem ser também utilizados para filtrar CSS para cada navegador(forma mais utilizada), e também para a utilização de Scripts. Vejam como se comporta o exemplo acima no browser.

Referências

• About Conditional comments
• CSS – Conditional comments
• Conditional comments for IE and non-IE browsers

Você ainda não está me seguindo no Twitter, o que está esperando para fazer isso?

• Recomendações de livros
• Inherit no Internet Explorer
• Diferença entre elementos inline e de bloco em HTML
• Referência HTML/XHTML, CSS e JavaScript no Firefox
• Twitter Bootstrap – CSS Toolkit do Twitter

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="pt-br" lang="pt-br">
<head>
    <meta http-equiv="content-type" content="text/html;charset=utf-8" />
    <title>Exemplo de XHTML Strict</title>
    <link rel="stylesheet" type="text/css" href="styles.css" media="screen" />
    <script type="text/javascript" src="scripts.js"></script>
</head>
<body>
    <p>…Conteúdo do XHTML aqui…</p>
</body>
</html>

Vamos as explicações:

• Doctype: Utilize sempre Doctype Strict, pois assim você força o browser a seguir corretamente os padrões web, dentro do possível, sempre que possível.
• xml:lang=”pt-br” lang=”pt-br”: Aqui é onde você define a linguagem do seu documento previsto no XML document schemas
• title, meta, stylesheet e scripts: Todos eles são definidos dentro da Tag head do seu HTML, title para título da página, meta para meta tags, stylesheet para o CSS e scripts são onde você irá adicionar seus arquivos JavaScript.
• body: É aí dentro que você irá construir sua página, todo o código HTML virá dentro da tag body.

Como podem ver não existem muitos segredos ao se escrever documentos XHTML.

Você ainda não está me seguindo no Twitter, o que está esperando para fazer isso?

• A Morte do XHTML
• Recomendações de livros
• Inserir Flash em XHTML
• A história do HTML
• CSS Conditional comments

Elementos a nível de bloco

Os elementos de bloco em HTML utilizam toda a sua largura disponível e criam uma linha invisível antes e depois de si próprio. Os elementos a nível de bloco são os seguintes:

address, blockquote, center, dir, div, dl, dt, dd, frameset, fieldset, form, h1, h2, h3, h4, h5, h6, hr, menu, noframes, noscript, ol, ul, li, p, pre, table, tbody, thead, tfoot, tr, td, th

Eu sou um elemento a nível de bloco

Elementos Inline

Os elementos HTML a nível inline são aqueles que ocupam somente sua largura necessária e não criam linhas antes e depois de si. Os elementos a nível inline são os seguintes:

a, abbr, acronym, applet, b, basefont, bdo, big, br, button, cite, code, del, dfn, em, font, i, iframe, img, input, ins, kbd, label, map, object, q, s, samp, select, small, span, strike, strong, sub, sup, textarea, tt, u, var

Eu sou um elemento a nível inline, Eu sou mais um elemento a nível inline

Elementos Invisíveis

São aqueles elementos que existem na página, mas não são mostrados ao usuário:

base, isindex, link, meta, script, style, title

Uma dica é que em CSS você pode tranformar um elemento de bloco em inline ou vice-versa através da propriedade CSS display.

Você ainda não está me seguindo no Twitter, o que está esperando para fazer isso?

• Referência HTML/XHTML, CSS e JavaScript no Firefox
• Recomendações de livros
• A história do HTML
• CSS Conditional comments
• Twitter Bootstrap – CSS Toolkit do Twitter

Para ter acesso a referência basta ter o plugin instalado e apertar as teclas “CTRL + F9″, é aberta uma espécie de Sidebar em seu browser, a partir daí é só procurar o que deseja. Dica do WebResourcesDepot.

Você ainda não está me seguindo no Twitter, o que está esperando para fazer isso?

• Recomendações de livros
• Diferença entre elementos inline e de bloco em HTML
• A história do HTML
• CSS Conditional comments
• Ajax RSS Widget