Olyan webhely-könyvtárat építek, amely több ezer vállalatot sorol fel. Minden vállalatnak van egy külső vállalati weboldala, valamint számos közösségi oldala, például a Facebook, a Twitter és az Instagram. Van egy szép négyzet alakú ikonom, amely az egyes közösségi oldalakat ábrázolja.
A vállalat webhelyére mutató linkemhez van egy szöveges linkem, amely azt írja, hogy “látogasson el a weboldalunkra”. Ez azonban nem tűnik olyan jól, mint az ikonok.
Van-e általános vagy tipikus ikon, amely a vállalat webhelyére mutató linket jelöli?
Válasz
A szabvány hatálya alá tartozik a két “nagyobb” ikon könyvtárban.
Ez a szimbólum jól működött a tesztelésem során.
Anyagikonok
FontAwesome
Megjegyzések
- A FontAwesome külső hivatkozás ikonok teljes listáját itt találja: fontawesome.com/icons?d=gallery& q = external . Ne feledje, hogy a jelenlegi verzióhoz 2019-től csak A
external-link-square-altésexternal-link-altingyenesek. Bár aexternal-linkingyenes egy Earl-ben ier verzió.
Válasz
Nem tudom, hogy egy ikon önmagában elég tiszta lesz-e. ..
A GOV.UK oldalon a következő három ok miatt eltávolították az összes ikont:
- Nem kell mindig tájékoztatnia az embereket a külső linkekről
- Az ikon homályos és félreérthető
- A szavak hatékonyabbak
https://designnotes.blog.gov.uk/2016/11/28/removing-the-external-link-icon-from-gov-uk/
Megjegyzések
- A beszélgetés arról szól, hogy a fejlesztők panaszkodnak a kódot szennyező szolgáltatásra és spekulálnak arra, hogy mi lehet a felhasználó belegondol, nincs szilárd bizonyíték. Az okok szintén kifogásoknak tűnnek a funkció eltávolítására.
- Igaz ' igaz, hogy eredetileg fejlesztő volt ' aggodalomra ad okot, de ha alaposan elolvassa a cikket, ' látni fogja, hogy utólag tervezési irányelv lett, hogy ne használja tovább ezeket az ikonokat. Ez pedig ' is jó példa a tervezőcsapat és a fejlesztők közötti jó együttműködésre.
Válasz
Itt van egy SVG ikon, amelyet használhat közvetlenül (közvetlenül a HTML-kódban, ahol az ikonra szükség van).
<svg width="24px" height="24px" viewBox="0 0 24 24" style="cursor:pointer"><g stroke-width="2.1" stroke="#666" fill="none" stroke-linecap="round" stroke-linejoin="round"><polyline points="17 13.5 17 19.5 5 19.5 5 7.5 11 7.5"></polyline><path d="M14,4.5 L20,4.5 L20,10.5 M20,4.5 L11,13.5"></path></g></svg>
(Kölcsönkért a következőből: div div = = 2f713a896f “>
Quora )
Példa: 