Eu falei anteriormente de Pseudo-Classes CSS (se voce nao viu clique aqui), agora veremos os Pseudo-Elementos. Os pseudo-elementos permitem que elementos logicos sejam definidos sem estarem necessariamente declarados na arvore de elementos do documento. A unica limitacao no uso de pseudo-elementos e no tocante a sua declaracao em style-sheets locais. Sao eles:Before - Usado com a propriedade content para adicionar conteudo antes de um elemento:[elemento]:before { [bloco-de-declaracoes] }Ex: a:before { content: "Teste"; } /* Adiciona a strig "Teste" antes das ocorrencias do elemento a */After - Usado com a propriedade content para adicionar conteudo apos um elemento: [elemento]:after { [bloco-de-declaracoes] }Ex: a:after { content: "Teste"; } /* Adiciona a strig "Teste" depois das ocorrencias do elemento a */First-letter - Permite aplicar propriedades ao primeiro caractere do texto de um elemento:[elemento]:first-letter { [bloco-de-declaracoes] }Ex: p:first-letter { font-weight:bold; } /* Coloca a primeira letra de todo paragrafo em negrito */First-line - Permite aplicar propriedades aos caracteres da primeira linha do texto de um elemento:[elemento]:first-line { [bloco-de-declaracoes] }Ex: p:first-line { font-weight:bold; } /* Coloca a primeira linha de todo paragrafo em negrito */ Esse artigo foi postado por Diego Eis no site da iniciativa Tableless. Eu simplesmente copiei seu artigo original que pode ser encontrado no endereco: http://tableless.com.br/nem-so-de-client-side-vive-um-site/Estou feliz porque o mercado de client-side tem amadurecido de forma inteligente no Brasil. Empresas mais espertas entenderam a importancia do codigo HTML/CSS/ JavaScript bem escrito. O problema e que grande parte das empresas, clientes e desenvolvedores acham que o trio HTML/CSS/JavaScript faz milagres. E certo pensar que um codigo bem escrito traz grandes vantagens para o projeto, mas ele sozinho nao faz milages.E errado pensar que apenas por que voce escreveu codigo HTML semantico seu site aparecera em primeiro no Google ou ficara mais acessivel para deficientes visuais. O codigo client-side e apenas a porta de entrada para uma serie de outras tarefas.SEOPara criar um projeto de SEO e preciso seguir uma serie de etapas que formam um grande pacote e que so entao e possivel perceber as vantagens do trabalho do SEO.O codigo client-side entrara como uma pequena parte do esforco. De forma bem simples, podemos listar alguns pontos importantes que precisamos tomar atencao alem do HTML bem feito:Estudo de concorrentes;Definicao de diagramacao e quantidade de texto nas diversas partes do site;Estudo de palavras chave e termos de uso;Planejamento de landing pages, entradas e saidas;Criacao de robot.txt e sitemap.xml;Monitoramento de palavras, visitacao e buscadores;Estudo de funil e preparacao de goals;Eu nao sou um especialista do Google nem nada do genero, mas sei que estes topicos sao importantes ao manter ou criar um website otimizado. O HTML certamente faz parte destes topicos, mas ele nao invalida nenhum dos outros pontos.Obviamente nao adianta nada fazer um bom estudo de palavraschave e marca-las de forma errada com HTML.AcessibilidadeComo em projetos de SEO, o planejamento de Acessibilidade precisa de uma serie de etapas funcionar corretamente. No caso da acessibilidade o HTML ocupa um grau de importancia muito grande, contudo, ha pequenos pontos que o HTML nao pode resolver sozinho. Veja alguns exemplos:Contraste e cores do layout;Estudo de atalhos de teclado;Menu