A semântica e o elemento HTML q

Postado por: Pedro Rogério em
  • 20 set
  • 8

Provavelmente você nunca deve ter usado o elemento <q> do HTML, eu particularmente também não tinha conhecimento de sua importância, que serve para marcar o texto com citações, outros preferem usar entidades de caracteres para citar o texto, mas isso com certeza fere a semântica. Usar o <q> ao invés das entidades de caracteres nos permite também que você aplique estilos CSS, como alterações da cor, tamanho, etc.

Exemplo:


<q>Nunca devemos esquecer que arte não é uma forma de propaganda, é uma forma de verdade</q>, disse John Kennedy.

Que seria renderizado dessa forma: “Nunca devemos esquecer que arte não é uma forma de propaganda, é uma forma de verdade”, disse John Kennedy.

13 elementos que deveriam conter em sua página

Postado por: Pedro Rogério em
  • 15 set
  • 9
  • 1- Buscador interno amigável e eficaz.
  • 2- Mapa do site.
  • 3- Links internos com URI absoluta.
  • 4- Conteúdo significativo no início da página.
  • 5- Desenvolver com as últimas tecnologias.
  • 6- Validar o HTML, XHTML e o CSS.
  • 7- Comprovar que não existem links quebrados.
  • 8- Uso limitado de tabelas.
  • 9- Uso limitado de Flash.
  • 10- Arquivos externos para folhas de estilo e javascript.
  • 11- Incorporar sempre atributos de identificação (alt, title).
  • 12- Incluir informação de contato.
  • 13- Uso moderado de imagens. Sempre justificadas e com valor não superior a 12KB

Estou atacando de colunista

Postado por: Pedro Rogério em
  • 13 set
  • 6

É gente, além de escrever para esse humilde blog, agora também vou começar a escrever para o site Oficina da Net, um portal direcionado aos desenvolvedores web. Estou escrevendo na coluna XHTML, que pode ser acessada aqui. Nesse 1° artigo eu publiquei uma matéria que havia colocado aqui no meu blog, que se chama: Uma vez programando errado, sempre dará errado. Eu acho importante isso, manter o código sempre organizado que para uma eventual manutenção, não ocorra problemas.

Apresentações na web com HTML Slidy

Postado por: Pedro Rogério em
  • 6 set
  • 1

Muitas vezes quando precisamos desenvolver alguma apresentação, o primeiro programa que nos vem a cabeça com certeza é Power Point, e na maioria das vezes acabamos criando apresentações com uma interface pobre, sem imagens, mas hoje em dia existem várias opções, que dentre elas posso citar o HTML SLIDY, desenvolvido por Dave Ragget, que se encontra hospedado nos servidores da W3C, com isso temos a certeza de absoluta adequação aos padrões web e a acessibilidade.

Para utilizá-lo basta baixar o script e seguir as instruções para formatar o código adequadamente.

Uma vez programando errado – Sempre dará errado

Postado por: Pedro Rogério em
  • 21 jul
  • 2

Manter o seu código organizado e bem estruturado não é luxo de nenhum programador, pelo contrário, não importa a linguagem em que você está programando, seja ela HTML, CSS, ASP, JavaScript, PHP, manter um código limpo e claro é essencial para uma eventual manutenção e compreensão, tanto sua como de terceiros. Principalmente se você trabalha em uma agência, onde existe toda uma equipe de desenvolvimento, manter o código limpo é primordial para o desenrolar dos projetos.

Peguemos como exemplo a área de CSS, onde temos que definir nomes para várias classes, devemos procurar dar nomes adequados, seja para os arquivos, para as classes ou para IDs. Pra você ver como pode haver uma confusão, você fez aquele site lindo para o seu cliente, código o mais semântico possível, e lá você tem um menu que fica do lado direito, logicamente, você quer colocar o nome de sua referência como menudireita, mas o cliente lhe liga pedindo que mudou de idéia, quer o menu no topo do site, você tem uma div chamada menudireita que fica no topo do site, entendeu agora a extensão do problema, você agora teria que mexer não só no CSS, mas também no HTML, não seria mais fácil, se você tiver um só menu em seu site, chamá-lo simplesmente de menu? Por isso é que devemos usar nomes simples e diretos para tudo, referentes as suas funções, por que programando uma vez errado, sempre dará errado!

Utilizando atributos alt equivalente as imagens

Postado por: Pedro Rogério em
  • 20 jul
  • 1

Em um artigo anterior, eu falei como fazer o uso correto da tag alt em imagens, como vocês podem ver, é rotineiro os usuários usarem a tag alt como tooltip, mas essa não é a verdadeira função dessa tag, sua função é proporcionar um texto altenativo caso as imagens não sejam carregadas, por exemplo, os leitores de tela, eles lêem o texto do atributo para o usuário. Um outro exemplo é o Google Image Searchs, ele não faz o uso das tags meta para indexar as imagens em seu banco, ele também faz o uso das tags alt, por isso a importância de se fornecer um texto que tenha conivência com as imagens.

Continuar lendo »

Páginas:«12345678»