Seja semanticamente correto

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 messenger entendí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.

Let’s Go

Para entender a internet

Bom dia pessoas, hoje escrevo para fazer "jabá" espontâneo sobre um livro que estou lendo: Para entender a internet

O livro é gratuito para download

Eu fiz download do livro á algumas semanas e ele estava no meu desktop desde então. Esses dias, organizando meu desktop, resolvi dar uma "lidinha" neste livro. Eu já sabia que o livro tratava sobre temas relativos á web, mas ao começar a ler tive algumas agradáveis surpresas. A minha cabeça já explodiu ao saber que o livro foi idealizado durante a Campus Party, seguindo a leitura também descobri que o livro foi um projeto colaborativo, ou seja, não um livro de um autor apenas, o organizador do livro Juliano Spyer teve a brilhante ideia de pedir a diversas pessoas que escrevessem sobre assuntos diversos, e ai meus amigos ele se superou, ele não foi pedir á qualquer pessoa pra escrever esses artigos, ele foi pedir á que realmente entende do assunto, foi atrás de diversas "personalidades" virtuais, acadêmicos, resumindo, ele pediu a profissionais que vivem e respiram á web, cada um em com seu método consegue enriquecer mais nossos conhecimentos e abrir nossas mentes de forma que não imaginávamos. Por exemplo, você encontra nesse livro textos de Carlos Merigo, EdineySouza(Interney) , Cris Dias(o homem que inventou a internet :) ), Luli Radfahrer, Rosana Hermann, entre tantas outras pessoas de "conteúdo". A maestria do livro está na forma que cada autor conduziu os textos, eles conseguiram transformar textos de temas até às vezes complexos em formas simples, ou seja, tanto alguém que começa com web hoje quanto quem já convive com ela a anos entenda e gosta do livro, lendo ele eu me senti em uma mesa de bar, conversando com um amigo, em um clima completamente informal. Só faltou mesmo um batuque na mesa e uns salgadinhos :)

Parabéns aos autores pelos ótimos conteúdos e parabéns ao Juliano Spyer e a sua equipe pelo ótimo trabalho e iniciativa, e que venham mais materiais de qualidade como este e que o grande ganhador seja sempre á comunidade.

Blog do livro

Download do livro

Extensões, minhas queridas Extensões

Boa Galera,
Vamos falar do Firefox, ele foi o primeiro à conseguir fazer algo que nenhum software ou movimento conseguiu, quebrar a hegemonia da Microsoft em uma área onde ela já estava consolidada à anos, ele chegou modesto como mais um projeto da Mozilla, e hoje é líder na web, batendo o IE em recursos, segurança, qualidade e quantidade. ao meu ver isso foi muito bom, pois fez com que surgisse na Microsoft a necessidade de se reinventar e descobrir que o mercado não estava morto e que mesmo ela precisava se desenvolver. Eu utilizo o IE 7, o Firefox 3 e agora o Crome. Mas em 70% do que faço na web hoje em dia é com o Firefox, ao meu ver o que matou-a-pau para que o Firefox dominasse geral forão as extensões. EXTENSÔES do FIREFOX, hoje em dia há pessoas que não vivem sem elas(eu por exemplo), como vou viver sem indexar meu links com tags direto no Delicious, ou sem depurar scripts em tempo de execução, ou mesmo sem preencher formulários automaticamente. Se você nunca utilizou uma extensão do Firefox eu explico o que é, essas extensões são recursos extras que você pode agregar ao seu Firefox, esses recursos são desenvolvidos por usuários diversos, Desde de empresas até usuários indepentes e tem como princípio adicionar uma nova funcionalidade ao seu browser. Essas funcionalidades variam desde adicionar um novo post no "twiter" até salvar uma página da web em pdf. Vale e muito a pena explorar o potencial das extensões.
O link abaixo é a página de extensões(ou add-ons como também são chamados) oficial do Firefox, lá as extensões estão separadas por categorias, tornando fácil achar as extensões desejadas.


https://pt-br.add-ons.mozilla.com/pt-BR/firefox/