Pelo que li (e não cheguei a testar!), os dois únicos métodos compatíveis com as versões mais antigas do IE são as duas primeiras: diretiva como declaração de atributo e como classe.
<div atributo></div>
<div class="classe"></div>
Mais a mais, tags customizadas (<elemento></elemento>
) não são consideradas HTML5 válido, por mais que funcionem nos browsers mais modernos.
Da mesma forma, atributos customizados também não serão aceitos, a menos que sejam iniciados por prefixo "data-" (<div data-atributo></div>
). Porém, é importante notar que, se há interesse em validar o código como XHTML5, a minificação de atributos (<div data-atributo></div>
) não é permitida, sendo obrigatória a explicitação dos valores dos atributos, por mais redundante ou desnecessário que possa parecer (<div data-atributo="simQueroAtivarEsteAtributo"></div>
).
Até aqui, a lógica nos diz, então, que o "mais correto" seria utilizar o formato de diretiva como classe. Porém, conforme discutido neste texto de Jeremy Zerr, a própria documentação do AngularJS nos indica usar
Logo, baseado nisso e no restante da discussão da página dele, ele organiza um resuminho que achei bem útil e vou traduzir (de maneira livre) a seguir:
Diretrizes para boas práticas nas Diretivas AngularJS
- Use sua diretiva como um nome de elemento ao invés de atributo quando você estiver no controle do template
- Use sua diretiva como um atributo ao invés de um nome de elemento quando você estiver adicionando funcionalidade a um elemento já
existente
- Se você de fato usar uma diretiva como elemento, adicione um prefixo a ele [e a todas as outras diretivas como elementos] para
evitar conflitos de nome com futuras versões do HTML5 e com possíveis
outras bibliotecas [Nota: isso não faz muito sentido se os nomes das
diretivas estiverem em português]
- Se a validação como HTML5 é um requisito, você será forçado a usar todas as diretivas como atributos com um prefixo "data-"
- Se a validação como XHTML5 é um requisito, as mesmas regras da validação como HTML5 se aplicam, porém ainda é necessário adicionar um "=" e um valor ao final dos atributos.
- Use escopo isolado quando possível, mas não se sinta derrotado se você não conseguir isolar o escopo por causa da necessidade de two-way data-bind com um escopo externo.