Criando link com TARGET para validação W3C

Olá pessoal.

Aqui vai um código simples para que seu site passe na validação W3C no quesito de links, ou as tags “<a></a>”.

Se você escrever um código no seu HTML desta forma e tentar validar seu projeto, visualizará alguns erros de validação. Mas porque? A W3C não aceita o atributo target=”_blank” do link e mostrará um erro a ser corrigido no seu projeto. Uma saída simples, fácil e prática é implementar este atributo via Jquery.

Basta trabalhar com o atributo rel do link. Como? Veja o código abaixo:

Como ficaria o conteúdo da página “index.html

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
    <head>
        <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
        <title>Link com atributo Target para validação W3C</title>
        <script src="http://ajax.googleapis.com/ajax/libs/jquery/1.7.2/jquery.min.js" type="text/javascript"></script>
        <script type="text/javascript" src="jquery.functions.js"></script>
    </head>
    
    <body>
        <h1>Página de teste</h1>
        <a rel="external" href="https://willmendesnetoprojects.wordpress.com">Link Com Target</a>
    </body>
</html>

como ficaria o conteúdo da página “jquery.functions.js


$(document).ready(function(){

    $(‘a[rel=external]’).attr(‘target’,’_blank’);

});

E pronto! Seus links agora estarão redirecionando para a página que queira. O jquery fará o trabalho de atribuir o atributo target a todos as tags “<a></a>” que possuam o atributo rel=”external”

Antes:


<a href="https://willmendesnetoprojects.wordpress.com" rel="external" >Link Com Target</a>

Depois:


<a href="https://willmendesnetoprojects.wordpress.com" rel="external" 

target="_blank" >Link Com Target</a>

Simples e prático.
Espero ter ajudado.

Créditos:

Wilson Mendes “willmendesneto@gmail.com”

Thiago Teles: “thiagoteles.designer@gmail.com”

Anúncios