Czy istnieje semantyczny sposób DEemphasize tekstu z html i css?

Question

Sposób, w jaki normalnie byłoby to zrobić w HTML (5) byłoby tak:

/* CSS For this example */ 
footer p { 
font-size: 16px; 
font-weight: normal; 
} 

footer strong { 
font-weight: bolder; 
} 

<!-- HTML for this example --> 
<footer> 
    <p>Title <strong>- Name. 1234 N. Main St., Anytown, USA</strong></p> 
</footer> 

Mój problem ze robi to w ten sposób, że wydaje się, że 90% tekstu w akapicie podano większy ważność, co wydaje mi się sprzeczne z intuicją. Wydaje mi się, że bardziej semantyczne jest zawijanie tekstu, który jest nienormalny w akapicie, który w tym przypadku jest tekstem o niższej wadze i pozostawić footer p {font-weight:bold}.

Czy <small> odpowiednim elementem tutaj, chociaż jej nie naprawdę za zrzeczenie się prawa, itp

Answer 1

Tak, w przypadku <small> ma odpowiedniego elementu, choć nie „de-podkreślić” tekst.

Lines od aktualnej specyfikacji HTML:

UWAGA: Mały druku zazwyczaj wyposażony zastrzeżenia, zastrzeżenia,, prawne ograniczenia lub prawa autorskie. Niewielki wydruk jest czasem używany do atrybucji lub do spełnienia wymagań licencyjnych.

Uwaga: Mały element nie "redukuje" ani nie zmniejsza znaczenia tekstu podkreślanego przez element em lub jest oznaczony jako ważny element jako ważny . Aby zaznaczyć tekst jako nie podkreślony lub ważny, po prostu nie oznaczaj go odpowiednio em lub silnymi elementami.

http://www.w3.org/TR/html5/text-level-semantics.html#the-small-element

Answer 2

Normalna czcionka kolor czarny (# 000). Dostosowanie koloru do jaśniejszej wersji spowoduje de-podkreślenie fragmentu tekstu.

Strong to tag podkreślający tekst, więc zamiast tego sugeruję użycie <small>.

footer small { 
    color: #999; 
} 

Wynik: http://jsfiddle.net/rzHgW/