Farbe, Hintergrundfarbe, Randfarben und Umrissfarbe sowie die Farbanteile der (SVG) Füll- und Kontur-Eigenschaften
Ich lasse diesen Artikel aber zu Ihrer Information stehen. Sie können den Selektor immer noch verwenden und ihn nicht störend einsetzen.
Wie Sie vielleicht wissen, können Sie in Ihrem CSS einen Stil für a:visited definieren, der auf Links in den Browsern der Besucher angewendet wird, die diese bereits besucht haben. Die Nützlichkeit davon ist fraglich, aber egal, es ist am besten, diesem Stil nichts wirklich Fettgedrucktes oder Auffälliges zuzuweisen. Im besten Fall könnte es eine leichte Belästigung für Ihre Besucher sein. Im schlimmsten Fall könnte es sie so verwirren, dass sie nicht wiederkommen.
Webtrends haben sich generell vom Unterstreichen von Links abgewendet. Zumindest für Links inmitten von Inhalten. Es ist viel schicker, eine andere Farbe zu verwenden. Oder vielleicht eine andere Schriftstärke.
Ich schlage diese sehr nicht störende Art der Handhabung von Links innerhalb von Post-Inhalten vor
p {
color: #666666;
}
a {
font-weight: bold;
text-decoration: none;
color: #2a2a2a;
}
a:visited {
font-weight: normal;
}
a:hover {
text-decoration: underline;
}
In diesem Beispiel sind alle Links ein leicht dunklerer Grauton. Unbesuchte Links sind fett gedruckt, während besuchte Links wieder auf normale Schriftstärke zurückfallen und somit etwas schöner in den Inhalt übergehen.
Diese Technik wird definitiv in der neuen Version von CSS-Tricks verwendet werden (Hinweis, Hinweis).
nette Tipps.
Keine Unterstreichungen?
Die Unterstreichungen beim Darüberfahren.
Oh, ich meine, wenn die Leser ihren Mauszeiger nicht über den Link bewegen, könnten sie denken, dass der fett gedruckte Text „betonter“ Text und kein Hyperlink ist?
Das stimmt, aber ich denke, auf eine gewisse Weise ist ein Link eine Betonung. Es gibt einfach etwas, das mich ein wenig stört, wenn Unterstreichungen die Typografie verunreinigen. Stellen Sie sich eine Seite in einem Taschenbuch vor. Klarer, gut gesetzter Text. Stellen Sie sich nun vor, 10 dieser Wörter hätten eine große, lange Linie darunter. Ich verstehe, dass man ein Buch nicht verlinken kann, aber ich spreche von reiner Ästhetik.
Außerdem erzeugen Unterstreichungen einen seltsamen Lesefluss, der mich schon immer gestört hat.
Ich schlage vor, wir unterstreichen Links… text-decoration: underline funktioniert gut… oder text-decoration: none; border-bottom: 1px dotted black; für unbesuchte Links und „grau“ oder „silber“ für besuchte…
Benutzerfreundlichkeit und Erlebnis sind Schlüsselfaktoren. Wenn Sie Ihre Benutzer nicht darauf hinweisen, dass ein Wort ein Hyperlink ist (indem Sie sich an Konventionen halten), wie können Sie dann erwarten, dass sie mit der Maus darüber fahren, geschweige denn darauf klicken?
– http://www.JoeLevi.com
Hallo Joe,
Ich denke, Sie sprechen einen guten Punkt an, dass es für alle Benutzer von Vorteil sein könnte, wenn ein Standard etabliert wäre. Ich neige eher dazu, das abzulehnen, einfach weil ich denke, dass das Design einer Website den Stil der Links mehr bestimmen sollte als irgendein Standard.
Ich bemerke, dass Ihre eigene Website keine unterstrichenen Links hat =)
Ich neige dazu, den Leuten zuzustimmen, die vorschlagen, unbesuchte Links zu unterstreichen (ich denke, besucht ist in Ordnung, würde aber vorschlagen, Unterstreichungen beizubehalten). Ohne Unterstreichungen ist es schwieriger zu wissen, was ein Link ist oder nicht, Ihre Zugänglichkeit sinkt und Sie können kein Fett-/Stark-Format für Ihren Text verwenden, was Ihre SEO-Fähigkeiten einschränken kann.
Sie können auch den Abstand zwischen den Textzeilen vergrößern, wodurch unterstrichener Text nicht gequetscht aussieht.
Unterstreichen ist eine typografische Gräueltat. IMHO.
@Graham, aber du musst bedenken, dass dies kein Druck ist, es ist das Web! Sie sind anders, sehr anders!
Das Web hat, wie der Druck, bestimmte Regeln und Wege, wie Dinge positioniert und gemacht werden. Unterstreichen ist eines davon.
Ich mag unterstrichene Links inline mit dem Inhalt. Was mich stört, sind unterschiedliche Schriftstärken.
Danke für die Tipps!
Interessant zu wissen.