Media Print

Existe uma técnica de CSS muito simples e relativamente pouco utilizada conhecida como Media Print, que fornece uma adaptação do conteúdo de um site para impressão. Para você ter uma idéia do porque utilizar esta técnica vou te dar um exemplo prático. Imagine um site de RPG com fundo preto e letras em brando, cheio de imagens grandes e vários itens de menu. Este site fornece diversas dicas e informações sobre diversos games. Continue reading “Media Print”

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”