[HTML][PHP] Strona responsywna, a logo Opcje

[adam882]

Witam!

Mam na stronie logo o wymiarach 1000x80px, które jest załączone przez <img src=""> (specjalnie załączam w taki sposób, aby można było umieścić logo wewnątrz linka do strony głównej) . Wydaje mi się, że przy węższych szerokościach strony bardziej opłaca się zmienić plik loga na mniejszy, niż zwężać plik o tak dużej szerokości. W jaki sposób można to zrobić? Czy da się przy pomocy pliku CSS zmienić wartość wybranego <img src=""> ?

Pozdrawiam!

[b4rt3kk]

Link do strony głównej nie musi mieć wewnątrz img, żeby mieć obrazek... Wystarczy, że link będzie opisany mniej więcej w ten sposób:

[HTML] pobierz, plaintext 
a.logo {
  display: block;
  background: url('obrazek_logo.png') center center;
  width: 100%;
  height:  80px;
}
[HTML] pobierz, plaintext 

[adam882]

W sumie racja, tylko martwi mnie jedno - link ma być wtedy pusty? (np. <a href="..." id="logo"></a> ) Czy to czasem nie jest złe z punktu widzenia seo ?

[b4rt3kk]

W sumie racja, tylko martwi mnie jedno - link ma być wtedy pusty? (np. <a href="..." id="logo"></a> ) Czy to czasem nie jest złe z punktu widzenia seo ?

Tak, link ma być pusty. Nie wiem jakie to ma znaczenie z punktu widzenia seo, bo nie jestem specjalistą, ale na pewno obrazek w linku niewiele więcej zmienia w tym zakresie.

[viking]

<a> ma title. Opisz czym to jest. Możesz zastosować ukryty tekst do opisu wewnątrz a.

[by_ikar]

Ukryty tekst nie jest dobrym pomysłem, bo za takie coś można dostać bana albo spaść w wyniku wyszukiwania. Od całkiem niedawna stosuje się też atrybut role, do opisywania czym dany element jest, gdyby to nie było oczywiste.