Ja sam oduvek koristio:
Kôd:
<h1><span>Hello amigo</span></h1>
i onda sakrivao span sa h1 span { display: none }
Za različit logo na različitim stranicama: ako se naslov pojavljuje samo jednom dodeli mu ID, ako u više navrata klasu. Tipa:
Kôd:
u index.html
<h1 id="homepageLogo">...</h1>
u content.html
<h1 id="contentLogo">...</h1>
u contact.html
<h1 id="contactLogo">...</h1>
CSS:
Kôd:
h1 {
/* Zajedničko svim naslovima */
}
#homepageLogo {
background-image: url('...');
}
#contentLogo {
background-image: url('...');
}
#contactLogo {
background-image: url('...');
}
Radiće posao, a sav CSS i dalje može da bude smešten na jednom mestu.