1. Zuhause
  2. Frage und Antwort
  3. HTML/CSS Schriftfarbe vs span style

HTML/CSS Schriftfarbe vs span style

2010-11-15 14 views

Antwort

45

Sie sollten <span> verwenden, da as specified by the spec, <font> veraltet ist und wahrscheinlich nicht wie gewünscht angezeigt wird.

Quelle

2010-11-15 08:21:59 Kyle

+0

Span (und div) sind nicht veraltet, aber sie sind nicht Semantisch entweder. Sie fügen dem Text keine "Bedeutung" hinzu. Sie sollten nur verwendet werden, um Elemente zu gruppieren, ohne Bedeutung hinzuzufügen: http://en.wikipedia.org/wiki/Span_and_div – Peter

+2

Ich sagte nie Span oder div sind veraltet, ich finde es schwer zu glauben, dass sie jemals veraltet sein werden. span wurde genau für seinen Zweck entwickelt: Nicht semantisch in der Lage sein, bestimmte Teile des Textes zu ändern. – Kyle

+1

Ich habe nie gesagt, dass auch span und div veraltet sind und ich stimme dir zu, dass sie wahrscheinlich niemals sein werden. Aber es scheint vernünftig anzunehmen, dass das OP eine Bedeutung mit rotem Text, zum Beispiel Betonung, hat. Also sollte er dafür ein semantisches Tag verwenden. Wenn jedoch der Text nur rot ohne semantische Bedeutung gefärbt werden muss (z. B. um eine gewisse Farbigkeit zu erzeugen), dann ist span eine gute Wahl. – Peter

9

Verwenden Sie den Stil. Das Schriftart-Tag ist veraltet (W3C Wiki).

Quelle

2010-11-15 08:21:30 fncomp

+0

geändert den Link verwenden, um eine maßgebliche Quelle zu verweisen. – fncomp

5

Das <font> Tag war deprecated, zumindest in XHTML. Das bedeutet, dass die Verwendung offiziell "verpönt" ist, und es gibt keine Garantie, dass zukünftige Browser den Text weiterhin so anzeigen, wie Sie es beabsichtigt haben.

Sie müssen CSS verwenden. Gehen Sie mit dem Tag <span> oder einem separaten Stylesheet. Gemäß seiner specification hat das <span> Tag keine semantische Bedeutung und erlaubt Ihnen nur, den Stil einer bestimmten Region zu ändern.

Quelle

2010-11-15 08:22:19

+0

Nein, zielen Sie nicht XHTML, wenn Sie wirklich wissen, was Sie tun: http://www.webdevout.net/articles/beware-of-xhtml. 99,9% der so genannten XHTML gibt es nicht (valides) XHTML. – Peter

+0

@Peter: Fair genug, ich gebe zu, dass es mehrere gültige Meinungen zu diesem Thema gibt. XHTML ist nur meine persönliche Vorliebe. Aber ich möchte darauf hinweisen, dass ich mit "Targeting" den Begriff "gültiges XML schreiben" implizieren wollte. –

10

1. Präferenz externen Stylesheet.

<span class="myClass">test</span>

css

.myClass 
{ 
color:red; 
}

2. Präferenz Inline-Stil

<span style="color:red">test</span>

<font> als veraltet erwähnt.

Quelle

2010-11-15 08:26:14 Michael

+0

Der einzige Verbesserungsvorschlag ist anstelle von "myClass" die Verwendung von "redText" oder "red". – jeffmcneill

29

Weder. Sie sollten Inhalt und Präsentation trennen und Ihrem HTML-Code logische Codes geben. Denk darüber so; bei einer blinden Person oder in einem Browser, der keine Farben anzeigen kann, was ist von Ihrem Code übrig? Warum willst du es rot?

Höchstwahrscheinlich ist Ihre Entscheidung, Text rot zu machen, weil Sie es betonen möchten. So sollten Sie Ihre HTML-Code sein:

<em>test</em>

Auf diese Weise, auch nicht-visuelle Browser sicherstellen können sie den Text Schwerpunkt in der einen oder anderen geben.

Der nächste Schritt besteht darin, den Text rot zu machen. Aber Sie wollen nicht den Farbcode überall hinzufügen, viel effizienter, um es nur einmal hinzufügen:

<style> 
    em { color: red; } 
</style>

Auf diese Weise alle betont Code auf Ihrer Webseite rot wird, so dass es konstant.

Quelle

2010-11-15 08:30:11 Peter

4

Eigentlich würde ich sagen, die erste Präferenz ein externes Stylesheet (External CSS) wäre, würde die zweite Präferenz CSS in Style-Tags im Header der aktuellen Seite schreiben (Internal CSS)

<style type="text/css"> 
<!-- CSS goes here --> 
</style>

Und als dritte Option - oder eher als letztes Mittel - würde ich CSS in den Tags selbst verwenden (Inline CSS).

Quelle

2010-11-15 08:30:15 Damien

+2

* Niemals * Inline-CSS verwenden! – Kyle

+0

Zustimmen. Erstellen Sie eine CSS-Klasse namens "rot", weisen Sie dem Tag die Klasse "rot" zu - einfach und gute Übung. – RPM1984

+2

Eigentlich ... .red wäre kein großer Klassenname, da es nicht semantisch ist. .red beschreibt nur das Aussehen der Klasse und nicht was es bedeutet, .warning oder .error wäre besser. – Damien

2 
<span style="color:#ffffff; font-size:18px; line-height:35px; font-family: Calibri;">Our Activities </span>

Das ist für mich gut funktioniert :) Wie es oben „Der font-Tag veraltet ist, zumindest in XHTML bereits erwähnt worden ist. Es ist immer sicher span-Tag zu verwenden. Schriftart, die Sie Ergebnisse wünschen, nicht geben kann, zumindest in meinem Fall ist es nicht.

Quelle

2015-12-28 19:47:52

+0

Großartiges Beispiel; aber es beantwortet nicht die Frage: Warum? – jpaugh

+0

@jpaugh, warum die Verwendung von span anstelle von font-Tag wurde bereits Adresse von anderen Mitgliedern oben. Das -Tag ist mindestens in XHTML veraltet. Danke, ich werde meine Antwort bearbeiten. –

+1

Nun, das ist eine Möglichkeit, es zu betrachten. Ich meinte, warum * deine * Lösung verwenden (unabhängig von anderen Lösungen)? Was ist einzigartig oder vorteilhaft an deinem Beispiel? – jpaugh

Verwandte Themen

 Verwandte Themen