Attributen
Dit element bevat alleen de globale attributen.
Gebruiksnotities
Het <strong>-element is bedoeld voor inhoud die "van groot belang" is, waaronder zaken van grote ernst of urgentie (zoals waarschuwingen). Dit kan een zin zijn die van groot belang is voor de hele pagina, of je kunt er simpelweg mee aangeven dat bepaalde woorden belangrijker zijn dan de omliggende inhoud.
Doorgaans wordt dit element standaard weergegeven met een vet lettergewicht. Het moet echter niet worden gebruikt om vette opmaak toe te passen; gebruik daarvoor de CSS-eigenschap font-weight. Gebruik het <b>-element om de aandacht op bepaalde tekst te vestigen zonder een hoger belang aan te duiden. Gebruik het <em>-element om tekst te markeren die klemtoon-nadruk heeft.
Een ander geaccepteerd gebruik van <strong> is om de labels aan te duiden van paragrafen die notities of waarschuwingen binnen de tekst van een pagina vertegenwoordigen.
<b> versus <strong>
Het is vaak verwarrend voor nieuwe ontwikkelaars waarom er zoveel manieren zijn om hetzelfde uit te drukken op een weergegeven website. <b> en <strong> zijn misschien wel een van de meest voorkomende bronnen van verwarring, waardoor ontwikkelaars zich afvragen: "Moet ik <b> of <strong> gebruiken? Doen ze niet allebei hetzelfde?"
Niet precies. Het <strong>-element is bedoeld voor inhoud die van groter belang is, terwijl het <b>-element wordt gebruikt om de aandacht op tekst te vestigen zonder aan te geven dat deze belangrijker is.
Het kan helpen om te beseffen dat beide geldige en semantische elementen zijn in HTML, en dat het toeval is dat ze in de meeste browsers dezelfde standaardstyling (vetgedrukt) hebben (hoewel sommige oudere browsers <strong> daadwerkelijk onderstrepen). Elk element is bedoeld voor gebruik in bepaalde soorten scenario's, en als je tekst voor decoratieve doeleinden vet wilt maken, moet je in plaats daarvan de CSS-eigenschap font-weight gebruiken.
De bedoelde betekenis of het doel van de omsloten tekst moet bepalend zijn voor welk element je gebruikt. Betekenis overbrengen is waar semantiek om draait.
<em> versus <strong>
Om de verwarring nog groter te maken: HTML 4 definieerde <strong> als een aanduiding van sterkere nadruk, terwijl HTML 5 <strong> definieert als iets dat "sterk belang voor de inhoud ervan" vertegenwoordigt. Dit is een belangrijk onderscheid.
Terwijl <em> wordt gebruikt om de betekenis van een zin te veranderen zoals gesproken nadruk dat doet ("Ik hou van wortels" versus "Ik hou van wortels"), wordt <strong> gebruikt om delen van een zin extra belang te geven (bijvoorbeeld: "Waarschuwing! Dit is zeer gevaarlijk."). Zowel <strong> als <em> kunnen genest worden om respectievelijk de relatieve mate van belang of klemtoon-nadruk te verhogen.
Voorbeelden
Basisvoorbeeld
<p>
Before proceeding, <strong>make sure you put on your safety goggles</strong>.
</p>Resultaat
Waarschuwingen labelen
<p>
<strong>Important:</strong> Before proceeding, make sure you add plenty of
butter.
</p>Resultaat
Technische samenvatting
| Content categories | Flow content, phrasing content, palpable content. |
|---|---|
| Toegestane inhoud | Phrasing content. |
| Weglaten van tags | Geen; moet zowel een begintag als een eindtag hebben. |
| Toegestane bovenliggende elementen | Elk element dat phrasing content accepteert, of elk element dat flow content accepteert. |
| Impliciete ARIA-rol |
strong
|
| Toegestane ARIA-rollen | Alle |
| DOM-interface | HTMLElement |