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”