volgorde css
Quote:
Waarom 3 tags verzinnen om uiteindelijk hetzelfde resultaat te krijgen, nml een bold tekst.
Hierbij moet ik ook gaan gissen. Maar ik denk dat ze het gebruiken voor zoekmachines. Die besteden waarschijnlijk aan de strong en em tags meer aandacht dan aan de b tags. De B tags wordt waarschijnlijk gewoon als plain text gezien (zoals de hele content), maar de strong en em tags als keywords van die pagina.
<em> (emphasis) zegt dat je ergens de nadruk op wilt leggen.
Het verschil zit hem in de semantiek. <i> zegt iets over het uiterlijk, <em> zegt iets over de inhoud. Dat eerste is de taak van CSS, en dat tweede de taak van HTML. <strong> en <em> en <mark> hebben allemaal een andere semantische waarde, ze geven iets anders aan.
Voor de doorsnee bezoeker maakt het niet uit hoe de tekst bold is gemaakt, de gemiddelde bezoeker is geen webbouwer/designer en zal niet zo snel de paginabron bekijken, de meeste zullen niet eens weten dat dit kan.
Toch denk ik wel dat 1 tag voldoende is, aangezien je de tekst alleen bold maakt als je iets wilt benadrukken of belangrijk wilt maken en dat kan voor zoekmachines allemaal als 'belangrijk' gezien worden.
Maar dat is mijn mening.
De <strong> en de <em> tag geven de inhoud een bepaalde waarde (belangrijk voor zoekmachines), terwijl je de <b> en de <i> tag moet zien als "versiersels" waar de zoekmachines verder niks mee doen.
td { background: red; }
td { background: pink; }
de td krijgt nu een background pink omdat die het laatst genoemd is.
Als je iets specifiek benadert met bv class of id krijgt die voorrang. Hoe meer je een element benaderd met classes hoe meer voorrang hij heeft. Dus .wrapper .content .content-inner p krijgt voorrang op de regel .wrapper p.
De volgorde die ik vaak aan hou in een CSS bestand is vaak iets van:
- Globale styles (a, a:hover, body, h1, h2, h3 etc)
- Header
- Content
- Footer
- Specifieke pagina 1
etc