Hlavní strana » Návody » Zvýraznění textu
<b> a <strong>Může se zdát, že mezi těmito značkami není vlastně žádný rozdíl. Snad všechny prohlížeče obsah těchto elementů vykreslí tučným písmem a přesto mezi nimi rozdíl je. Značka <b> totiž slouží k vymezení textu, který má být tučný, kdežto značka <strong> vymezuje důležitý či silně zvýrazněný text (nenechte se zmást, na tomto webu mám značku <strong> přestylovanou na zeleno, bez stylů se zobrazí stejně).
Takže pokud budete chtít vyzdvihnout důležitost nějakého slova, použijete značku <strong>, ale pokud budete chtít udělat text tučný, ale přitom rovnocenný s ostatními texty, použijete na to kaskádové styly, které byly k tomuto účelu navrhnuty. V případě, kdy je vysloveně řečeno, že daný úsek musí být tučný (například je to ustálený standardní zápis - většinou se s tím setkáte třeba v matematice nebo ve fyzice), můžete použít značku <b>.
Vše ještě ukáži na příkladu, to bývá obvykle nejlepší. Takže máme větu „Každý stý návštěvník má vstup zdarma”. Jelikož poslední dvě slova jsou více než důležitá, vložím je do značky <strong> a výstup tedy bude vypadat takto: „Každý stý návštěvník má vstup zdarma”. Nyní se podívejte na menu nahoře. Odkazy v něm jsou zobrazovány tučným písmem. Vzhledem k tomu, že jsem necítil potřebu zdůrazňovat odkazy v hlavním menu, ale pouze je udělat tučné, jelikož normální (netučné) vypadaly fakt strašně, použil jsem CSS vlastnost font-weight:bold; namísto značky <strong> či <b>. Pokud se ale vektory obvykle zapisují tučným písmem, vypadal by správný zápis vektoru takto: Vektor <b>v</b> vynásobíme třemi.
Kromě značky <strong> existuje ještě element <em>, který slouží ke stejnému účelu. Rozdíl mezi značkou <strong> a <em> je ten, že <strong> je důležitější, dává na slovo větší důraz. Žádný jiný sémantický rozdíl mezi nimi není. V prohlížeči se pak <em> obvykle vykreslí kurzívou. Rozdíl mezi <em> a <i> je v podstatě stejný jako rozdíl, který jsem vysvětlil v předchozí kapitole. Značka <i> nemá sémantický význam. Pouze vykreslí obsah kurzívou, nic víc neurčuje.
Pamatujte, že i tyto elementy můžete stylovat a tak pokud chcete například nějaký text zdůraznit změnou barvy, není to vůbec žádný problém. Ve stylech stačí použít přibližně takovýto předpis: strong{color:#f00}. Všechny důležité texty nyní budou zobrazeny červenou barvou. Samozřejmě můžete opět použít třídy či identifikátory.
Toto je trochu zvláštnost, protože HTML má sice dvě značky na zesílení důrazu, ale ani jeden na zeslabení důrazu, což je trochu škoda. Jediná značka, která má podobný účel, je <small>. Jenže u ní je ten problém, že vlastně nemá sémantický význam, je to podobný problém jako třeba s <b>. Leč bohužel, jiná možnost prozatím neexistuje, takže pokud budete chtít zeslabit důraz nějaké části textu, použijte tento element. Já jej kupříkladu používám pro patičku. Není to sice zrovna sémantický vrchol, ale je to pořád lepší, než na méně důležitý text použít <span>, který potom pouze nějak nastylovat.
«« Základní kostra stránky » rozcestník « Úprava textu »»
o web se stará Lukáš Havrlant (kontakt)