: Home / HTML / CSS / artykuły / Oznaczanie linków zewnętrznych
Oznaczanie linków zewnętrznych
Ocena użytkowników: / 0
SłabyŚwietny 
Wpisany przez Patryk yarpo Jar   
piątek, 25 września 2009 19:43

Dobrym, a nawet bardzo dobrym zwyczajem jest oznaczanie linków zewnętrznych w specyficzny sposób. Internauta powinien być w pełni świadomy, że klikając na jakiś link zostanie przeniesiony na inną witrynę.

 

Można to zrobić na kilka sposobów.

 

Sposób pierwszy:

 <a href="http://strona.pl" class="ext">Link</a> 

Oczywiście, aby to działało należałoby dodać jakiś kod, np.

<style type="text/css">

a.ext {

        background: red;

}

</style>

 

Sposób drugi:

 <a href="http://strona.pl">Link</a> 

I co? To wszystko?! No, nie do końca :) Oto kod CSS sprawiający, że sposób drugi zaczyna mieć sens:

<style type="text/css">
a[href^='http://'] {
        background: red;
}
</style>
 

Dla każdego elementu o nazwie `a', który posiada atrybut http, zaczynający się od 'http://' ustaw taką regułę.

 

Wady

Wadą jest sytuacja, kiedy ustawisz sobie linki na swojej stronie zaczynające się od http://twoja_strona.pl/tu_nazwa_pliku.htm. Można zawsze zamienić je na:

<a href="/tu_nazwa_pliku_htm">link</a>

 

Dodaj komentarz


Kod antysapmowy
Odśwież