HTML/CSS-lettertypekleur versus spanstijl

Wat moet ik gebruiken?

<span style="color:red">test</span>

of

<font color="red">test</font>

en waarom?


Antwoord 1, autoriteit 100%

U moet <span>gebruiken, omdat zoals gespecificeerd door de spec, <font>is verouderd en zal waarschijnlijk niet worden weergegeven zoals u van plan bent.


Antwoord 2, autoriteit 53%

Geen van beide. U moet inhoud en presentatie scheiden en uw HTML-code logische codes geven. Zie het op deze manier; voor een blinde, of in een browser die geen kleuren kan weergeven, wat blijft er over van uw code? Waarom wil je dat het rood is?

Hoogstwaarschijnlijk is uw beslissing om tekst rood te maken, omdat u er nadruk op wilt leggen. Dus uw HTML-code zou moeten zijn:

<em>test</em>

Op deze manier kunnen zelfs niet-visuele browsers ervoor zorgen dat ze de tekst op de een of andere manier benadrukken.

De volgende stap is om de tekst rood te maken. Maar je wilt de kleurcode niet overal toevoegen, veel efficiënter om het maar één keer toe te voegen:

<style>
  em { color: red; }
</style>

Op deze manier wordt allebenadrukte code op uw website rood, waardoor deze constanter wordt.


Antwoord 3, autoriteit 23%

Eerste voorkeur externe stylesheet.

<span class="myClass">test</span>

css

.myClass
{
color:red;
}

Tweede voorkeur inline stijl

<span style="color:red">test</span>

<font>zoals vermeld is verouderd.


Antwoord 4, autoriteit 15%

Gebruik stijl. De font-tag is verouderd (W3C Wiki).


Antwoord 5, autoriteit 8%

De <font>-tag is verouderd, althans in XHTML. Dat betekent dat het gebruik ervan officieel “afgekeurd” is en dat er geen garantie is dat toekomstige browsers de tekst zullen blijven weergeven zoals u het bedoeld had.

Je moet CSS gebruiken. Gebruik de tag <span>of een apart stijlblad. Volgens de specificatieheeft de tag <span>geen semantische betekenis en kunt u alleen de stijl van een bepaalde regio wijzigen.


Antwoord 6, autoriteit 6%

Eigenlijk zou ik zeggen dat de eerste voorkeur een externe stylesheet zou zijn (Externe CSS), de tweede voorkeur zou zijn om CSS te schrijven in stijltags in het kopgedeelte van de huidige pagina (Interne CSS)

<style type="text/css">
<!-- CSS goes here -->
</style>

En als derde optie – of liever laatste redmiddel – zou ik CSS in de tags zelf gebruiken (Inline CSS).


Antwoord 7, autoriteit 6%

<span style="color:#ffffff; font-size:18px; line-height:35px; font-family: Calibri;">Our Activities </span>

Dit werkt goed voor mij:) Zoals hierboven al is vermeld “De font-tag is verouderd, althans in XHTML. Het is altijd veilig om span-tag te gebruiken. font geeft u misschien niet de gewenste resultaten, althans in mijn als dat niet het geval was.

Other episodes