Skocz do zawartości

Obrazek + tekst jako link przy użyciu CSS


lukasamd
 Udostępnij

Rekomendowane odpowiedzi

Witam,

jakiś czas temu miałem na swoim serwisie nawigację w topie zrobioną przy użyciu linków-obrazków, w tradycyjny sposób czyli:

<a><img /></a>

Po najechaniu myszką na obrazek zmieniał się on na inny przy użyciu javascript.

Jakiś czas temu zrezygnowałem jednak z tego rozwiązania na rzecz Rollover w css, w efekcie linki-obrazki w nawigacji wyglądają tak:

<a href="adres" title="tytul" class="klasa_przycisku" />

Cały efekt jest realizowany za pomocą CSS'a, dzięki czemu nie ma problemu z js a i szybkość działania się poprawiła.

Zastanowiło mnie jednak coś innego: co widzi robot sieciowy? W sumie nie widzi chyba tych linków wcale, bo przecież nie bierze pod uwagę css'a... postanowiłem więc dodać tekst, który byłby wyświetlany zamiast obrazków, gdy css nie jest obsługiwane, wyglądałoby to mniej-więcej tak:

<a href="adres" title="tytul" class="klasa_przycisku"><span class="unlink">Anchor linka</span></a>

Klasa unlink ma za zadanie... ukrywać to co jest w niej zawarte. W wyniku tego, anchor będzie ukrywany a pojawią się obrazki gdy przeglądający ma włączoną obsługę css, a gdy nie ma, będzie widoczny tekst a nie będzie obrazków:

.unlink {
display: none;
}

No dobra, wszystko opisałem, to teraz czas na dwa pytania odnośnie tego rozwiązania:

1. Czy to jest sensowne rozwiązanie? Tzn. w każdym wypadku coś jest serwowane przeglądającym / robotem, co pozwala na przeglądanie strony.

2. Czy to może w jakiś sposób zostać potraktowane jako cloaking? Z jednej strony nie robię nic złego, z drugiej jednak, pokazuję / ukrywam przed niektórymi przeglądającymi pewne elementy. Nie wydaje mi się, ale chciałbym poznać również wasza zdanie na ten temat :D

Edytowane przez lukasamd
Odnośnik do komentarza
Udostępnij na innych stronach

Ad 1) tak

Ad 2) nie

HTTP 200 usługi IT -> Dariusz Janicki | Realizacja serwisów www oraz oprogramowania w PHP / C# / Golang / Node.js / MySQL/ Laravel

Artykuły medyczne -> Jak otrzymać receptę online od lekarza? Przydatne informacja na temat e-recepty.

Odnośnik do komentarza
Udostępnij na innych stronach

Jeśli chcesz dodać odpowiedź, zaloguj się lub zarejestruj nowe konto

Jedynie zarejestrowani użytkownicy mogą komentować zawartość tej strony.

Zarejestruj nowe konto

Załóż nowe konto. To bardzo proste!

Zarejestruj się

Zaloguj się

Posiadasz już konto? Zaloguj się poniżej.

Zaloguj się
 Udostępnij

  • Ostatnio przeglądający   0 użytkowników

    • Brak zarejestrowanych użytkowników przeglądających tę stronę.
×
×
  • Dodaj nową pozycję...

Powiadomienie o plikach cookie

Umieściliśmy na Twoim urządzeniu pliki cookie, aby pomóc Ci usprawnić przeglądanie strony. Możesz dostosować ustawienia plików cookie, w przeciwnym wypadku zakładamy, że wyrażasz na to zgodę. Warunki użytkowania Polityka prywatności