W3C - World Wide Web Consortium

Conheça a W3C, entidade responsável pela padronização WEB como: XHTML, HTML, CSS, RSS etc, e os serviços de validações (selo de qualidade) que ela oferece, fundada pelo "pai da Web" Tim Berners Lee, útil para web designers. Confira!

[ Hits: 43.478 ]

Por: Michele Oliveira Soares em 24/06/2008 | Blog: https://www.facebook.com/srtapinkiss


Entendendo HTML, XHTML e CSS



Aqui vai uma simples abordagem sobre HTML, XHTML e CSS, com certeza se você for desenvolvedor Web, descarte este capítulo pois a existência dele é especialmente para iniciantes ou apenas curiosos.

HTML (HyperText Markup Language)

HTML é uma linguagem de marcação utilizada para produzir páginas Web, são documentos de texto escritos em códigos que podem ser interpretados pelos browsers para exibir as páginas da WWW.

O HTML é resultado da junção dos padrões HyTime (Hypermedia/Time-based Document Structuring Language) é um padrão para representação estruturada de hipermídia e informação baseada em tempo e SGML (Standard Generalized Markup Language) é um padrão de formatação de textos: não foi desenvolvido para hipertexto, mas torna-se conveniente para transformar documentos em hiper-objetos e para descrever as ligações.

A linguagem de marcação HTML já está na sua quarta versão (4.0) e está dando lugar ao XHTML, apesar de ainda ser recomendado pela W3C, muitos desenvolvedores preferem escrever suas páginas em XHTML.

XHTML (eXtensible HyperText Markup Language)

O XHTML é uma reformulação da linguagem de marcação HTML baseada em XML, essa substituição muda a descrição do conteúdo Web fornecendo recursos estensíveis, mais ricos e mais poderosos que a HTML citada acima, embora não existam muitas diferenças entre o HTML e o XHTML. Combina as tag's de marcação HTML com regras da XML, esse processo de padronização visa à exibição de páginas Web em diversos dispositivos. A idéia é acessibilidade.

Uma das características dessa linguagem é que o XHTML consegue ser interpretado por qualquer dispositivo independente da plataforma, isso não ocorre no HTML por não conseguir esta implementação. Para saber a diferença entre um documento HTML e um XHTML é o bom conhecimento do Programador que está construindo os códigos com relação aos Padrões de XHTML recomendados pela W3C, basta verificar se está criando páginas XHTML da maneira correta é conferindo seu código através de um validador online da W3C, descrito no próximo capítulo.

Existem atualmente três versões do XHTML: XHTML 1.0 - Transitional, Strict, Frameset e Basic; XHTML 1.1 e HTML 2.0 (em desenvolvimento).

O XHTML 1.0 tornou-se uma recomendação da W3C no dia 26 de janeiro de 2000.

A XHTML 1,0 Recommendation (http://www.w3.org/TR/xhtml1) contém informações gerais sobre a XHTML 1.0, questões de compatibilidade, informações de definição de tipo de documento, terminologia e muito mais.

CSS (Cascading Style Sheets)

CSS são estilos para páginas Web de marcação das informações para a formatação e apresentação das informações, envolvendo um conceito inovador: possibilitar a mudança da aparência simultânea de todas as páginas relacionadas com o mesmo estilo, trata-se de um padrão de formatação para páginas web que vai além das limitações impostas pelo html.

Essa tecnologia da W3C permite ao invés de colocar a formatação dentro do código, o programador cria um link para uma página que contém os estilos, procedendo de forma idêntica para todas as páginas de um site. Quando quiser alterar a aparência do site basta portanto modificar apenas um arquivo ao invés de alterar página por página.

Sua necessidade foi ao fato de o HTML aos poucos ter deixado de ser usado apenas para criação de conteúdo na Web, havendo uma mistura de formatação e conteúdo textual dentro do código de uma mesma página. Contudo, na criação de um grande portal, fica quase impossível manter uma identidade visual, bem como a produtividade do desenvolvedor. É nesse ponto que entra o CSS.

As especificações do CSS podem ser obtidas no site da W3C.

Fonte: pt.wikipedia.org

Página anterior     Próxima página

Páginas do artigo
   1. Introdução
   2. O que é W3C?
   3. Entendendo HTML, XHTML e CSS
   4. Criando os arquivos necessários para a validação
   5. Serviço de validação XHTML da W3C
   6. Serviço de validação CSS da W3C
   7. Conclusão, referências, agradecimentos e perfumarias
Outros artigos deste autor
Nenhum artigo encontrado.
Leitura recomendada

MathML - Mathematical Markup Language

Como camuflar seu WhatsApp Web usando Snippets JavaScript

Diferenças de sites Web Standards

Web sites dinâmicos com Ajax + JSP + MySQL

jQuery - Criando um simples jogo da velha

  
Comentários
[1] Comentário enviado por maran em 24/06/2008 - 16:48h

;)
Caracas a falta de um namorado te fez um bem tremendo em, que qualidade de artigo pink, e ao pensar que é apenas o primeiro me empolgo pensando nos proximos.
Voce abordou um tema muito bom, e soube dicertar perfeitamente sobre o mesmo, realmente abriu a minha mente.

Nada mais a declarar oO'',

# mv W3C-World-Wide-Web-Consortium ~/favoritos

bjOos...

[2] Comentário enviado por Ed_slacker em 24/06/2008 - 18:14h

Nunca li um artigo e, português sobre a W3C que fosse de tão boa qualidade como este que postastes aqui e teve a bondade de compartilhar com todos os frequentadores deste sítio!

Meus parabéns à autora!

[3] Comentário enviado por KelvinVicente em 24/06/2008 - 19:56h

Excelente, explicou cada detalhe e ainda deu exemplos de como realizar as etapas de validação.

[4] Comentário enviado por fulllinux em 24/06/2008 - 22:14h

Exata explanação da coisa chamada W3C, é muito bom ver um artigo com tamanha qualidade como esse, ainda mais eu como Design Gráfico e Web Design que sempre me refugio em outros sites para fazer tais leituras... fico extremamente contente em poder contemplar este excelente artigo de sua autoria.

Menina, a senhorita me espanta com tamanha capacidade de colocar suas palavras de uma maneira simples sem agressão a paciência do leitor.

Também defendo os padrões da web com unhas e dentes, acessibilidade e usabilidade a todos esse é meu voto... muitos criticam a W3C por algumas de suas decisões, mas o que eles não intendem é que esse é um jeito defender os que realmente são profissionais web!

Fico muito grato por mais uma surpresa que preparou... e quando vai parar de surpreender???

Bjos.
Rafael Santana @fulllinux

credit's of maran:
# mv W3C-World-Wide-Web-Consortium ~/favoritos

[5] Comentário enviado por albertguedes em 25/06/2008 - 01:32h

Esse artigo deve ter dado trabalheira hein Pink ?
Outro agora só ano que vem. hehehe
Brincadeia, eu sei que inspiração todo mundo tem uma hora ou outra e quando vem, melhor não deixar esfriar, então quando tiver mais um artigão desses, manda ver.
Gostei mais da parte da validação CSS, sempre passo cinco vezes por ele antes de conseguir o bendito "selo" de validação.
Tenho que melhorar minhas técnicas senão fico atrasado em relação a vocês aqui. : )
Até mais.

[6] Comentário enviado por elgio em 25/06/2008 - 10:25h

Muito bom!
Pena que muitos desenvolvedores parecem que nunca houviram falar de padrões!!

Ah, maran e CIA:

cp W3C-World-Wide-Web-Consortium ~/favoritos

Desaconselho o mv :-D

[7] Comentário enviado por pink em 25/06/2008 - 13:19h

Olá a todos!!!!
Fico muito feliz e agradecida pelos comentários.... A W3C é muito complexa, espero poder escrever mais sobre esse tema e outros em andamento com a WAI.... pra falar a verdade comecei este artigo em 12/2006 e esqueci.... semana passada lembrei e decidi terminar e postei sábado....

# maran
Fico muito feliz pelo seu comentário, o objetivo era esse abrir a mente hehehe... Quanto à outros artigos espero escrever ainda melhor com ou sem namorado hehe...

# edi_oliver
Muito obrigada por suas palavras, compartilhar não é somente bondade, também é um dever da Filosofia Software Livre (a tal das 4 liberdades), enfim obrigada novamente.

# KelvinVicente
Obrigada pelo comentário.

# fulllinux
Fico extremamente feliz, um dos motivos da conclusão desse artigo foi a motivação que recebi através daquela sua avaliação :)... Concordo plenamente com você.... Está certo que as vezes é chato seguir padrões mas eles existem para serem seguidos para que sejam visualizados por qualquer um independente da deficiência ou não... por isso eu também defendo os padrões da web com unhas e dentes. Surpreender? Quem foi surpreendida fui eu hehe. Obrigada de coração mesmo.

# albertguedes
Obrigada pelo comentário, deu um certo trabalho porque o site da W3C teve várias modificações, quando eu ía postar, eles atualização a área de validação e eu tinha que trocar as imagens e atualizar os textos.... Quanto ao próximo artigo, ano que vem não sei, mas talvez em breve quando eu tiver uns 5 minutos hahaha

# elgio
Obrigada, pois é a tecnologia W3C é ignorada pelo não conhecimento dos padrões, mas acredito que isso irá mudar depois do lançamento do W3C Escritório Brasil que foi nesse mês, é esperar pra ver.....

Enfim, obrigada.....
Bjos

[8] Comentário enviado por foguinho.peruca em 25/06/2008 - 23:04h

Olá!

Gostei de ver... mto bom divulgar padrões abertos pois eles facilitam e muito a nossa vida. Acho que não existe nada melhor do que tecnologia aberta pois com ela podemos evoluir do ponto de onde outros pararam e também contribuir para a comunidade com a nossa evolução... é uma situação típica do "ganha-ganha".... Vc tá de parabéns....

Quanto ao namorado, bom acho que vc deveria ficar mais um tempinho sem pq vai sair mais artigos bacanas.... ;) Ou talvez vc axe um por aki... vai saber... alias vai ter o 2º encontro do VOL em SP agora em julho, vc vai? O.o

Bom, eu ia copiar o comando do maran, achei mto criativo mas o elgios relamente teve uma sacada legal trocando o mv pelo cp... ^^'' portanto:

cp W3C-World-Wide-Web-Consortium ~/favoritos

Jeff

[9] Comentário enviado por tsanches em 26/06/2008 - 00:08h

Grande Pink!
Não sabia nada sobre W3C, você me deu um norte sobre esse assunto, excelente artigo! Parabéns!!!
Como o maran, estou empolgado para conhecer os outros :-)
Um grande abraço,
TSANCHES
"O Prazer de ser Livre"

[10] Comentário enviado por juliaojunior em 27/06/2008 - 10:09h

Parabéns!!! Bom, claro e extremamente bem escrito.

[11] Comentário enviado por pink em 27/06/2008 - 12:57h

Oieeeeeee, agradecendo......

# foguinho.peruca
Obrigada pelo comentário hehehe pois é estou solteira então quem sabe saia algum outro artigo rsrs Quanto ao 2º Encontro VOL gostaria de ir mas.... além de ser difícil sair final de semana, eu não gosto de viajar sozinha :(... mas enfim valew

# tsanches
Obrigada e um grande abraço, também adoro seus artigos...

# juliaojunior
Obrigada por suas palavras....

Um grande abraço, pink

[12] Comentário enviado por engos em 27/06/2008 - 17:49h

Depois de um tempo com problemas pessoais estou voltando agora para o VOL e me deparei com seu artigo, o qual me deixou impressionado.

Parabéns pela qualidade, poucos artigos atingem esse um nível tão alto, principalmente o primeiro.

Só um detalhe (não li os outros comentários para saber se já falaram a respeito), existe um navegador, um tal de IE, que diz seguir a W3C, mas segue apenas parte dela, sendo assim, mesmo que se siga a W3C exatamente como deve, ainda assim você corre o risco de nem todos os navegadores funcionarem adequadamente. Isso foi prometido ser resolvido no IE 8...

Só para finalizar, esse foi o primeiro artigo do ano que me chama a atenção e o leio de forma a dizer que não conseguiria fazer de forma melhor e apesar de nada de novo me ser apresentado, ainda assim considero o melhor artigo do ano.

Abraços

[13] Comentário enviado por removido em 28/06/2008 - 09:41h

Olá Michele...

parabéns pelo seu artigo... realmente ficou a sua altura... algo competente e explicativo. Esse é o seu perfil.

Mais uma vez Parabéns!!!

Tenho orgulho de ter contribuído na sua formação. Agradeço a referência nos agradecimentos.

Fique com Deus!

Prof. Cesar Cusin - "Tio Cesar"

[14] Comentário enviado por pink em 01/07/2008 - 11:56h

Olá
# engos
Nossaaaaaaaa muita obrigada, quem dera o "melhor artigo do ano", pois é o IE 8......, felizes somos nós que não dependemos dele hehehe

# cesarcusin
Obrigada, não esperava te ver por aqui......... Fico muito feliz, por suas palavras, você contribuiu e muito.... esse artigo foi escrito após as suas aulas..... obrigada po tudo Tio Cesar!!!

Fiquem com Deus!
Paz, Amor e Linux!

[15] Comentário enviado por ramon.silva em 22/04/2009 - 11:58h

Olá Pink,

Muito bom o artigo, mas tenho algumas considerações:

"Neste meu primeiro artigo abordo a tecnologia W3C" - Não concordo que W3C seja uma tecnologia, na verdade são, como vc disse posteriormente, recomentadações.

"falta de um namorado geek/nerd" - Eu sou nerd, agora só falta a gente se conhecer. rs

"em dúvida se tua página vai rodar no browser X ou Y, a W3C criou padrões" - Não é porque a sua página validará que rodará em todos os browsers corretamente.

Só mais um ponto, acho interessante frisar é que a W3C foi criada devido à guerra dos browsers, que na época cada browser fazia "a coisa" da forma que queria, a web era a verdadeira terra de ninguém, por isso foi criado, senão hoje, nós, pobres desenvolvedores, estaríamos "fritos".

No mais, muito bom o seu artigo, imagino o trablho que deu fazê-lo. Espero que minhas observações (não críticas) tenham sido pertinentes.

Fuiii...

[16] Comentário enviado por albertguedes em 22/04/2009 - 18:07h

Só queria uma coisa: que o <center> fosse padrão.
Usar CSS pra centralizar as coisas é um inferno hehehe


[17] Comentário enviado por alegrife em 14/07/2009 - 11:57h

Adoreii seu artigoOoOoO
Ficou excelente, que tal minha tia hein????
Embora eu não entenda tanto de programação WEB, eu consegui entender sobre a W3C rsrsrs <amo>Michele</amo>
Parabens, ficou ótimo minha tia pinguim!
Adoro-te

[18] Comentário enviado por gustavo luis em 26/10/2009 - 20:27h

otimo artigo
mais eu acho q por mais que venham tentar padronizar surgira algum Navegador q nem vai rolar pod crer, muitas pessoas estao no custume de pegar algo ja pronto mais sempre tem um louco que adora inventar o que é bom!!!
como no mundo nao existe só um louco , mmais sim varios como padronizar ???
meio impossivel
né???
mais boto mó fé no w3c Deus queira que vá para frente!
ae parabens mesmo pelo artigo varias coisas que nem sabia

[19] Comentário enviado por pink em 26/10/2009 - 20:46h

Olá gustavo luis, muito obrigada pelo comentário....
Pois é as normas estão aí para serem usadas... pode não ser 100% visível nos browsers.... mas existem para que os desenvolvedoras sigam para aumentar a acessibilidade entre usuários...
[]'s

[20] Comentário enviado por albertguedes em 26/10/2009 - 20:48h

Mas ninguém é louco de perder mercado também. Quando se aceita um padrão, sabe-se que todos vão trabalhar com ele, o que significa menos custo com treinamento de mão de obra, se algo fora do padrão é feito, é muito mais carao contratar alguém que entenda desse "não-padrão", pois o cara vai ser um especialista nesse algo, portanto vai ser mais caro sua contratação.
Fora que nem citei a velocidade de produção de com um padrão do que com algo fora dele.
Mas também pode haver padrões que mais atrapalham que qualquer coisa (w3c strict dizem ser um deles, mas eu me acostumei :P ).

Resumo da ópera: padrões ajudam, mas desde que sejam bem feitos.

[21] Comentário enviado por pink em 26/10/2009 - 21:01h

Bom albertguedes, concordo com você.... nunca é demais um desenvolvedor seguir padrões, além de vantagem é qualidade....
W3C Strict é complicado, mas é possível rsrsr, é o meu preferido :)


Contribuir com comentário




Patrocínio

Site hospedado pelo provedor RedeHost.
Linux banner

Destaques

Artigos

Dicas

Tópicos

Top 10 do mês

Scripts