Atualmente, imaginar que a internet é acessada somente através de computadores é uma total falta de noção da realidade, e eu diria mais, diria que chega a ser uma total falta de imaginação restringir o uso da web apenas aos microcomputadores. Estamos vivendo a era do móvel, do compartilhamento, do acessível, e a web representa muito bem esses conceitos.
geladeira com acesso á internet
A tempos já se tem noticias de geladeiras que acessavam a internet ( http://migre.me/1oA3 ), atualmente pode-se encontrar rádios de carros que buscam sua programação direto da web (http://migre.me/1ozU). Isso sem falar nos celulares que acessam a web que se tornaram tão comuns hoje em dia. Com isso conseguimos concluir que o computador se tornou apenas mais uma maneira de se acessar a web e não mais o único meio.
Com o XHTML visamos projetar web sites acessíveis de qualquer dispositivo, desde o computador até a sua geladeira. Com o HTML isso não era possível pois ele é portável a esses dispositivos, já o XHTML se utiliza da portabilidade do XML, que já nasceu para ser acessível de todos os modos.
Á página que irei desenvolver aqui será projetada com XHTML e CSS, visando separar conteúdo de formatação, prática recomendada no desenvolvimento web atual. O layout será baseado no layout abaixo:
Desenvolveremos esse layout utilizando algumas imagens e veremos um pouco do poder da combinação xhtml + css.
Todos que desenvolvem para web já ouviram ou leram sobre escrever um código semanticamente correto. Por exemplo, escrever HTML semanticamente correto. Mas o que é semântica e o que seria semanticamente correto?
A definição de semântica segundo o dicionário Aurélio é: “Semântica: E. Ling. Estudo das mudanças ou translações sofridas, no tempo e no espaço, pela significação das palavras; semasiologia, sematologia, semiótica. 2. E. Ling. O estudo da relação de significação nos signos [ v. signo (4 e 5)] e da representação do sentido dos enunciados. 3. E. Ling. P. us. V. semasiologia (1).”
Para nós, desenvolvedores e designers, semântica significa escrever da maneira correta e não apenas de uma maneira que possa ser entendida.
conversa via messengerentendível, mas não correta
Por exemplo: se eu escrever ocê, todos entenderam que significa você, assim como na internet, em um chat ou messenger se eu escrever vc as pessoas entenderam que significa você. Escrever ocê ou vc é o correto?Não. Mas é entendível? Sim. É a mesma coisa com o nosso HTML, você às vezes escreve o comando de uma maneira incorreta, mas entendível. Observe o trecho de código abaixo:
código html semanticamente incorreto
Se você digitar o código acima em um editor de texto e salvar com a extensão .html vai funcionar normalmente, porém não é o semanticamente correto. O mesmo código semanticamente correto deveria ter as tag’s fechadas corretamente e em ordem, não deveria ter tag’s escritas em maiúscula, de uma olhada no código abaixo:
código html semanticamente correto
O código acima foi escrito semanticamente correto. Durante a execução de sua página, esteticamente você não perceberá diferença por dois motivos: por se tratar de um código pequeno e por serem tag’s simples sem a utilização de outras tecnologias como javascript ou css. Ai vem à pergunta, qual a vantagem de se escrever semanticamente correto se o resultado final é aparentemente o mesmo? A vantagem é que as técnicas, ou boas práticas, de SEO (otimização para sistemas de busca [Google, Yahoo!, etc]) indicam que escrevendo o código semanticamente correto ajuda a indexação de sua página pelo sistemas de busca, não estou aqui dizendo que isso garantirá seu site em primeiro lugar no Google, mas ajuda, e toda a ajuda é bem nesta área.
Com isso inicio uma série de artigos que serão publicados todas as sextas-feiras. O primeiro conteúdo abordado nesses artigos será o desenvolvimento com XHTML, onde será demonstrado a utilização correta dessa tecnologia para desenvolvimento de páginas web.
Dúvidas, críticas ou sugestões podem ser postados nos comentários do post.
geladeira com acesso á internet
