woony zei:
maar 1 h1 per pagina? dat is ook het eerste wat ik daarvan hoor... kun je dit ergens ondersteunen ofzo?
--edit--
na wat nalezen zie ik inderdaad dit vaak verschijnen, ter ondersteuning van de titel van je pagina. Vind het op zich geen zo'n grote fout, maar ja ok
Ja een exacte waarom kan ik u echt niet geven ze. Het lijkt gewoon logisch maar is zeker niet verplicht. Op SEO vlak is een h1 samen met title en url zowat het belangrijkste dat je kan/moet optimaliseren. Als je een stuk of 5 h1's op je pagina hebt staan, maak je het moeilijk om goed aan SEO te doen.
In principe moet je altijd je URL , titel en H1 zo goed mogelijk afstemmen op de belangrijkste keywords van je website en dat botst als je i.p.v. 3- 5 keywords in een H1 hebt staan, 3-5 steeds verschillende keywords heb staan in verschillende H1's.
Waarom geen lege divs? Wel in principe mag je geen html gebruiken om je pagina te designen. Daar zijn natuurlijk wel toepassingen in als je een heeel clean design wilt maken waar het niet anders kan, maar hier kan het zeker beter
Octavian zei:
Een lege div, is daar iets mis mee? De ribbons hebben geen content vandaar dat ze leeg zijn. Wat is jouw oplossing? Een image element invoeren, makes no sense.
Je doet het nochtans hier wel, wat ook fout is. Je moet je h1 die image als background nemen. Je a zo stijlen dat hij perfect over je logo past en dan in je <a> een span steken die tekst aanduidt en vervolgens die text met text-indent van je scherm weghalen.
HTML:
<h1 class="header">
<a href="http://www.octavian.be">
<img src="img/logo.png" alt="octavian // web designer, developer and entrepreneur" />
</a>
</h1>
Nu is je a in de h1 zelfs helemaal niet klikbaar op de website.. Als je dan vervolgens maar 1 h1 gebruikt moet je die classe nooit aan een h1 hangen. Het is zeer lang geleden( speaking in internet times) dat ik nog een class aan eender welke header heb gegeven om deze te stijlen. Dit doe je gewoon aan de hand van het wrappende element.
bvb:
Code:
.post h2{
// hier komt stijl
}
(alle h2's in het wrappende element met class "post")
of
Code:
.post > h2{
// hier komt stijl
}
(enkele het directe h2 child in .post class)
ipv
Code:
h2.post{
// hier komt stijl
}
Uw telefoon item in je definition list is ook niet zo mooi.
ps: Ik vind trouwens, IMO, dat die ribbons op niets slagen.. Je wilt 3D effect creëren maar doet het geheel fout. Het klopt gewoon niet. Maar dit zal IK altijd zeggen en moet je je niet teveel van aantrekken
?