URL: https://linuxfr.org/suivi/affichage-de-la-langue-des-liens
Title: Affichage de la langue des liens
Authors: barmic 🦦
Date: 2021年02月23日T12:47:02+01:00
License: CC By-SA
Tags: 
Score: 3
L'affichage de la langue des liens via un drapeau n'est pas génial à mon avis. Je crois que représenter un langue par un drapeau est un anti pattern (voir : [Why flags do not represent language](http://www.flagsarenotlanguages.com/blog/why-flags-do-not-represent-language/)).
D'un point de vu technique wrapper la lien dans un liste pour en modifier le style ne me semble pas une très bonne idée. Utiliser le pseudo-élément `::before` me paraît tout indiquer à cet usage (sans nécessiter de complexifier le DOM pour autant).
Quelque chose comme ça :
```css
a[lang="fr"]::before {
 content: "[FR]";
}
```
Ça évite aussi de dupliquer la langue dans le lien et la liste.
</div><div class="naked_ctrl">
<form action="/index.cgi/contrast" method="get" name="gate">
<p><a href="http://altstyle.alfasado.net">AltStyle</a> によって変換されたページ <a href="httpS://linuxfr.org/suivi/affichage-de-la-langue-des-liens.md">(-&gt;オリジナル)</a>
/ <label>アドレス: <input type="text" name="naked_post_url" value="httpS://linuxfr.org/suivi/affichage-de-la-langue-des-liens.md" size="22" /></label> <label>モード: <select name="naked_post_mode">
<option value="default">デフォルト</option>
<option value="speech">音声ブラウザ</option>
<option value="ruby">ルビ付き</option>
<option value="contrast" selected="selected">配色反転</option>
<option value="larger-text">文字拡大</option>
<option value="mobile">モバイル</option>
</select>
<input type="submit" value="表示" />
</p>
</form>
</div>