Zunächst scheint diese Frage einfach zu sein, von allen realen Beispielen, die ich gesehen habe, wird sie für die Darstellung von Icons verwendet. Zum Beispiel die Twitter-Bootstrap-Symbole .
Wenn ich jedoch tag in Google suche, sagt die w3c-Schule, dass kursiv geschrieben ist .
>Ich bin verwirrt, wenn es für kursiven Text verwendet wird, warum benutzt es jeder für Icons? Was ist die richtige Verwendung dieses Tags?
Es sollte verwendet werden, um Text kursiv zu formatieren. Die meisten semantischen Verwendungen für kursiven Text sind <em> , da sie von Screenreadern zur Betonung unterstützt werden.
<i> und <b> gehen langsam aus der Mode, um CSS zum Formatieren von Text zu verwenden und <em> und <strong> aus Gründen der Barrierefreiheit beizubehalten.
Ich nehme an, dass es für Symbole ausgewählt wurde, da es das nächste Element ist und alphabetisch Sinn macht (d. h. i = Symbol).
Das Tag wurde nun in HTML5 neu definiert und ich glaube, TwitterBootstrap hat diese Konvention nur für Icons verwendet, aber es ist definitiv keine Standardmethode für Icons.
Das <i> -Tag ist entmutigt , weil es keinen semantischen Hinweis darauf gibt, warum der Text kursiv ist.
Um kursiven Text anzuzeigen, sollte das <em> -Tag verwendet werden. (oder ein anderes Tag mit entsprechender semantischer Bedeutung, kombiniert mit CSS)
In jüngerer Zeit haben die Benutzer <i> -Tags für Icons verwendet, weil i für icon steht.