Web,ruby, Ajax ou qualquer outra coisa que me venha a cabeça (com prioridade para esta última)

28 novembro, 2005

Erros comuns em XHTML

  • Não fechar elementos vazios (elementos sem marcador de final)
    • Incorrecto: <br>
    • Correcto: <br />
  • Não fechar elementos não vazios
    • Incorrecto: <p>Isto é um parágrafo.<p>Isto é um outro parágrafo.
    • Correcto: <p>Isto é um parágrafo.</p><p>Isto é outro parágrafo.</p>
  • Aninhar elementos de forma imprópria (os elementos têm que ser fechado pela ordem inversa)
    • Incorrecto: <em><strong>Isto é algum texto.</em></strong>
    • Correcto: <em><strong>Isto é algum texto.</strong></em>
  • Não especificar texto alternativo para imagens (usar o atributo alt, que ajuda a tornar as páginas acessíveis a utilizadores com dispositivos que não carregam imagens ou têm dificiência visual)
    • Incorrecto: <img src="/peles/comuns/imagens/alimentadoporblabla.png" />
    • Correcto: <img src="/peles/comuns/imagens/alimentadoporblabla.png" alt="Blabla" />
  • Colocar texto directamente no corpo do documento (isto não é um erro em XHTML 1.0 Transitional)
    • Incorrecto: <body>Bem vindo à minha página.</body>
    • Correcto: <body><p>Bem vindo à minha página.</p></body>
  • Aninhar elementos bloco dentro de elementos em linha
    • Incorrecto: <em><h2>Introdução</h2></em>
    • Correcto: <h2><em>Introduction</em></h2>
  • Não colocar pelicas à volta de valores de atributos
    • Incorrecto: <td rowspan=3>
    • Correcto: <td rowspan="3">
  • Usar e comercial fora de entidades (usar &amp; para mostrar o caracter «e comercial»)
    • Incorrecto: <title>Carros & Camiões</title>
    • Correcto: <title>Carros &amp; Camiões</title>
  • Uso de e comercial fora de entidades em URLs (usar & em vez de & também em ligações)
    • Incorrecto: <a href="index.php?page=noticias&estilo=5">Notícias</a>
    • Correcto: <a href="index.php?page=noticias&amp;estilo=5"gt;News</a>
  • Uso de nomes de elementos ou atributos em maísculas
    • Incorrecto: <BODY><P>A Melhor Página de Sempre</P></BODY>
    • Correcto: <body><p>A Melhor Página de Sempre</p></body>
  • Minimização de atributo
    • Incorrecto: <textarea readonly>SÓ DE LEITURA</textarea>
    • Correcto: <textarea readonly="readonly">SÓ DE LEITURA</textarea>

Esta é uma lista muito abreviada dos erros encontrados

1 comentário:

Unknown disse...

Muito bom..