Semântica de Formulários

Eu sei que diversas pessoas já escreveram sobre tópicos como este, em outros lugares. Mas quero concentrar o máximo de informações sobre semântica web e webstandards quanto possível, sem ter que reinventar a roda aqui no Revolução Etc. Pois esta é a minha versão sobre semântica de formulários.

Continue reading “Semântica de Formulários”

Semântica de Títulos

Trabalhar com headings (títulos) é simples e tão necessário em um documento quanto qualquer outra tag. A utilização de títulos é de enorme importância na hora em que os mecanismos de busca, como o Google, vão indexar suas páginas. Escrevem-se títulos da seguinte maneira:

Continue reading “Semântica de Títulos”

Semântica de listagens

A melhor maneira de saber qual tag deve ser usada em uma situação, é definindo o tipo de informação que você quer inserir. Sempre faça a seguinte pergunta para você mesmo: qual é a característica dessa informação? Depois de respondida esta pergunta básica, você possuiu um leque de tags disponíveis para inserir no seu documento XHTML. Você deve escolher exatamente aquela que se enquadra no tipo de informação que você quer exibir. Se for um endereço, uma listagem, uma tabela de campeonato de futebol, uma receita de bolo etc.

Continue reading “Semântica de listagens”

Semântica de tabelas

As tabelas foram e ainda são utilizadas para estruturar sites, obviamente de forma errada. Mas muitas pessoas pensam que desenvolver um site em webstandards significa nunca usar uma tabela no site. Isso não é verdade. Para estruturar um site, o correto é utilizar as tags corretamente respeitando o propósito pelo qual elas foram criadas, assim como a tag <table> que foi criada para exibir dados tabulares. Já me perguntaram o que são dados tabulares e minha resposta foi: "São dados em formato de tabela!". No propósito que estou discutindo aqui, são dados exibidos e organizados em linhas e colunas. Tudo que tem este formato é uma tabela.

Continue reading “Semântica de tabelas”

Image Replacement

Há diversas técnicas de substituir um texto por imagens através de Image Replacement, que é o nome pelo qual essa técnica ficou conhecida. Recentemente o Diego Eis do Tableless postou um ótimo vídeo tutorial ensinando como criar um image replacement sem usar a tag span, que é uma técnica, por incrível que pareça ainda utilizada até pelo Dave Shea no CSS Zen Garden. Claro que, eu imagino, que ele não deve ter trocado o layout do site até mesmo para não ter que modificar todos os layouts que já foram feitos até agora.

Continue reading “Image Replacement”

Não bata palmas para meias-verdades!

Recentemente se tem discutido muito sobre critérios de avaliação de um trabalho web, se é "tableless" ou não, se é "webstandards" ou não e por aí vai. Alguns defendem simplesmente trocar tabelas por divs outros defendem que apenas se o código estiver validado pelo validador da W3C é que o trabalho será webstandards. Navegando pelo site do Maujor, CSS para Web Design encontrei o CheckList para web standards que é uma tradução de um artigo do Russ Weakley.

Continue reading “Não bata palmas para meias-verdades!”