‹strong› oder ‹b›? ‹em› oder ‹i›?
Jedem, der sich ein bisschen mit HTML auskennt, sind die Tags ‹strong›, ‹b›, ‹em› und ‹i› ein Begriff. Doch haben ‹b› und ‹strong›, ‹em› und ‹i› nicht jeweils die gleiche Funktion? Nein, haben sie nicht. Wo genau die Unterschiede liegen und wann man welches Tag einsetzt werde ich euch in diesem Artikel erklären.
Über Kommentare und eure Meinungen freu ich mich natürlich.
‹strong› und ‹b›:
Da beide Tags in den meisten Browsern gleich dargestellt werden, wird dem Anwender die Unterscheidung nicht gerade erleichtert. Allerdings ist hier vorsicht geboten, nur weil es in den meisten Browsern gleich dargestellt wird, heißt es nicht, dass es grundsätzlich immer so ist. Ihr solltet dem mit ein bisschen CSS-Code nachhelfen.
1 2 3 | strong{ font-weight: bold; } |
Beide Tags werden verwendet um etwas fettgedruckt darzustellen, wobei meistens das ‹b›-Tag (engl. bold, dt. fett) verwendet wird, da es kürzer ist. Doch wieso wollen wir eigentlich etwas fettgedruckt darstellen? Richtig, um es zu betonen, und genau dort liegt der Unterschied zwischen den beiden Tags. Denn b verwendet man nur um etwas fettgedruckt darzustellen und strong um etwas zu betonen. Doch was heißt das jetzt genau?
Das ‹b›-Tag hat einen rein physisch-visuellen Präsentationscharakter und verändert den Text nur augenscheinlich, sodass wir die Wörter zwar visuell verstärkt darstellen, sie aber nicht inhaltlich(semantisch) hervorheben und betonen. Genau dieses passiert allerdings, wenn man das ‹strong› anstatt das ‹b›-Tag verwendet. Denn dieses hat einen inhaltlich-semantischen Präsentationscharakter und von anderen Maschinen (Handys, Auto-Display, Organizer,..) anders behandelt. Zusätzlich unterstützt ‹strong› die Barrierefreiheit, welche immer mehr an Bedeutung zunimmt und es wird vermutet, dass es von Suchmaschinen berücksichtigt wird.
‹em› und ‹i›:
‹em› und ‹i› verhalten sich genauso wie ‹strong› und ‹b› zueinander. Der einzigste Unterschied liegt darin, dass ‹em› (engl. to emphasize, dt. emphatisch, betonen, hervorheben)nicht so stark betont wie ‹strong›. Ebenfalls werden auch ‹em› und ‹i› in den meisten Browsern identisch dargestellt, doch auch hier sollte man das ganze mit etwas CSS-Code nochmals absichern.
1 2 3 | em{ font-style: italic; } |