Yuhůův weblog o webu

Odsazení kódu odkazu pomocí poznámky

Při psaní hezky strukturovaného odsazovaného HTML kódu mi vadí, že text odkazů (vnitřek tagu <a>) nemůžu dávat na samostatný řádek. Pokud se totiž na konci textu odkazu objeví mezera nebo jiný bílý znak (zalomení řádku či tabulátor -- tomu se při odsazování kódu nelze vyhnout), prohlížeče podtrhávají i mezeru, která následuje za odkazem, což je ošklivé. Níže popisuji málo známé řešení.

Normálně bych rád kód odkazu odsazoval nějak takto:

  <a href="cokoliv">
      text odkazu
  </a>
  a následující text

Jenomže pokud to udělám, na konci odkazu se podtrhne mezera:

text odkazu a následující text

V praxi se to řeší tak, že se celý kód odkazu dává na jeden řádek:

  <a href="cokoliv">text odkazu</a>
  a následující text

nebo se ukončovací tag </a> nedává na samostatný řádek:

  <a href="cokoliv">
      text odkazu</a>
  a následující text

Řešení s poznámkou

Možná tuhle fintu znáte, ale já jsem ji neznal, takže ji možná oceníte:

  <a href="cokoliv">
      text odkazu<!--
  --></a>
  a následující text

HTML poznámka požere všechny bílé znaky na konci odkazu, takže se za odkazem mezera nepodtrhává. Přitom kód zůstává odsazený a relativně dobře čitelný. Živý příklad:

text odkazu a následující text

Nejsem si ale jistý, zda to budu používat, protože se bojím i sebemírnějšího zesložitění kódu a vzniku omylů. Možná se to bude hodit v některých nouzových případech, kdy jsou bílé znaky na obtíž (problémy kolem tabulek a inline obrázků).

trvalý odkaz