Kolory czcionek HTML/CSS w porównaniu z stylem zakresu

Question

Co powinienem użyć?

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

lub

<font color="red">test</font> 

i dlaczego?

Answer 1

Powinieneś użyć <span>, ponieważ as specified by the spec, <font> został wycofany i prawdopodobnie nie będzie wyświetlany zgodnie z twoim przeznaczeniem.

Answer 2

Użyj stylu. Znacznik czcionki jest przestarzały (W3C Wiki).

Answer 3

Znacznik <font> został deprecated, co najmniej w XHTML. Oznacza to, że jego użycie jest oficjalnie "marszczone" i nie ma żadnej gwarancji, że przyszłe przeglądarki będą wyświetlać tekst zgodnie z Twoim przeznaczeniem.

Musisz użyć CSS. Przejdź do tagu <span> lub oddzielnego arkusza stylów. Zgodnie z jego numerem specification znacznik <span> nie ma znaczenia semantycznego i pozwala tylko zmienić styl określonego regionu.

Answer 4

Pierwsza preferencja zewnętrznego arkusza stylów.

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

css

.myClass 
{ 
color:red; 
} 

2-te preferencji styl inline

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

<font> jak wspomniano jest przestarzała.

Answer 5

Ani. Należy oddzielić treść i prezentację, podając kody logiczne kodu HTML. Pomyśl o tym w ten sposób; osobie niewidomej lub przeglądarce, która nie może wyświetlać kolorów, co pozostało z kodu? Dlaczego chcesz, aby było czerwone?

Najprawdopodobniej twoja decyzja, aby tekst był czerwony, ponieważ chcesz go podkreślić. Więc HTML kod powinien być:

<em>test</em> 

W ten sposób, nawet przeglądarek innych niż wizualne mogą mieć pewność, że dają nacisk tekstu w taki czy inny sposób.

Kolejnym krokiem jest sprawienie, aby tekst był czerwony. Ale nie chcesz, aby dodać kod koloru wszędzie, o wiele bardziej wydajny, aby po prostu dodać go raz:

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

ten sposób wszystko podkreślił kod na swojej stronie staje się czerwony, co czyni go bardziej stała.

Answer 6

Właściwie powiedziałbym 1st preferencji byłoby zewnętrznego arkusza stylów (zewnętrzna CSS), 2. preferencji byłoby pisanie CSS w znacznikach stylu w sekcji nagłówka bieżącej strony (wewnętrzne CSS)

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

I jako trzecia opcja - lub raczej w ostateczności - użyłbym CSS w samych tagach (Inline CSS).

Answer 7

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

Działa to dobrze dla mnie :) Jak już wspomniano powyżej „Znacznik czcionki została zaniechana, przynajmniej w XHTML. Zawsze bezpieczny w użyciu znacznika zakresu. Czcionka nie może dać chec wyników, przynajmniej w moim przypadku tak się nie stało.