Quali sono gli svantaggi pratici nell'utilizzare elementi di presentazione validi del W3C, che non sono elencati come deprecati?

https://stackoverflow.com/questions/2235672

19-09-2019
|

Domanda

Quali sono gli svantaggi pratici nell'utilizzare elementi di presentazione validi del W3C, che non sono elencati come deprecati

per gli sviluppatori XHTML-CSS,
Utenti finali vedenti del sito,
e per gli utenti di lettori di schermo, ?

Piace  , ,  , <hr>,  Se utilizzo questi tag per scopi di presentazione.(Nota: questi sono supportati anche in HTML 5)

Per esempio:

Se uso  al posto di 
Se uso  al posto di 
Se uso   per interrompere la riga nel paragrafo per non fare spazio
Se uso <hr> al posto di <div style="border-bottom: 1px solid #666">
Se uso  al posto di

Conosco la differenza tra  E .La mia domanda non riguarda  contro 

Soluzione

Non c'è un "contro" nell'usarli di per sé.C'è un "contro" nell'usarli per la cosa sbagliata.In passato sono stati spesso utilizzati per la cosa sbagliata nelle pagine web, ma ciò non significa che non esista la cosa giusta.

 è semanticamente equivalente a :vale a dire, non esiste contenuto semantico.Una parola dentro ... non è più importante;un convertitore di sintesi vocale di una pagina web non dovrebbe(*) leggere quella parola con un tono di voce enfatizzato.

Quando vuoi enfatizzare una parola, come "sicuramente" in questa frase, dovresti decisamente utilizzo .Questo è il caso comune.Ma quando vuoi semplicemente un dettaglio tipografico, come scrivere in corsivo un blocco di testo solo per scopi visivi, o stranezze tipografiche come riferirti sempre al tuo sito come "CoseMondo!”,  non è adatto e vorresti la versione priva di semantica (the  o il ).

Allo stesso modo,  è adatto per "per la cosa sbagliata" sopra poiché è pensato per essere fortemente enfatizzato.Se volessi solo che parte del testo fosse resa in grassetto, senza implicare che sia più importante del testo circostante, utilizzeresti  o, ancora, stili su un altro elemento come  O <div>.

Un uso comune per  E  è quando prendi il testo da una fonte non semantica.In particolare, è comune importare contenuti da un elaboratore di testi o da un'applicazione simile in cui non esiste il concetto di enfasi in quanto tale, solo "corsivo" e "grassetto".In questo caso  E  (o gli equivalenti span) sono appropriati, perché non sai quale sia l'intento semantico dietro quegli stili di testo;quell'informazione è già persa.

Se hai convertito automaticamente tutto il corsivo in  come fanno molti strumenti, potresti contrassegnare il corsivo che non intende rappresentare l'enfasi.Ad esempio riferimenti ad altre opere, che sarebbe meglio contrassegnare <cite>, o parole/frasi di un'altra lingua come il latino o il francese, con cui sarebbe meglio contrassegnare  (e lo stile associato per descrivere le parole di un'altra lingua dovrebbe essere in corsivo).

 E <big> potrebbe teoricamente essere lo stesso caso, ma mentre il testo importato in grassetto/corsivo è comune, il testo con dimensioni importate non lo è.Di conseguenza nessuno usa questi tag e generalmente stai meglio con i normali stili di dimensione dei caratteri CSS.

  E <hr> probabilmente non sono presentazionali allo stesso modo dei tag di cui sopra.Un'interruzione di riga può essere una parte importante del contenuto (ad es.nel separare le righe in un indirizzo), e una riga orizzontale rappresenta una separazione più forte tra le sezioni di testo rispetto a un semplice paragrafo.Ovviamente se usi   per creare paragrafi falsi stai sbagliando (e sei David Siegel intorno al 1998) e usi un <hr> solo per ottenere una bella battuta che non va bene.

(*:esempio illustrativo;scoprire cosa fanno effettivamente i veri screen reader è lasciato come esercizio per il lettore.)

Altri suggerimenti

Per completezza qui è la Indice degli Elementi che le liste che sono obsoleti e che non sono (e lei ha ragione in loro affermando come non deprecato).

In generale, comunque la gente usa:

 invece di ;
 invece di ;
<hr> e   perché non ci sono alternative;
 è nella mia esperienza raramente utilizzato, con uno stile CSS viene utilizzato al posto.

E 'importante capire che  e  hanno significato semantico, ma  e  non quindi non ci sono casi di utilizzo valide per entrambi.

ore sono un dolore allo stile con i CSS, senza l'aggiunta più html

BRS mi infastidiscono in quanto non sono realmente necessari quando si hanno padding e margini di giocare con

Io tendo ad usare em o forti, piuttosto che i oppure b - entrambi questi implicano corsivo o grassetto mentre em o forti sono un po 'più astratto, quindi se si vuole dare un po 'em'phasis a qualche testo o fare un po 'di testo guardare un po 'più forte fanno più senso senza necessariamente essere grassetto o corsivo

I contro di utilizzare elementi   per indicare interruzioni di linea (e quindi non utilizzando elementi  per indicare paragrafi) è che si sta limitando la vostra sfera di controllo CSS sul documento. È molto più facile da gestire molti elementi  di testo, del testo inframmezzato da  s in un elemento tramite CSS.

Ogni volta che ho messo insieme sono documento HTML, io uso

  per indicare una pausa 'soft'. (Come sopra: preferisce utilizzare margini su elementi  per mostrare paragrafi.)
<hr> a indicare la divisione di due sezioni del documento, ad esempio tra i intestazione e la navigazione, o la navigazione e il contenuto. Quando un browser senza supporto CSS considera il documento, una divide chiaro è visibile. Ho poi nascondo le <hr>s tramite il CSS.

Dei tuoi 5 esempi, solo questo, credo, ha un significato: "# Se uso  al posto di "

Small è relativo, mentre font-size:9px è assoluta. Dovremmo sempre usare unità relative, permettendo al navigatore di scegliere il proprio scala assoluta.  (o preferibilmente ) sarebbe l'equivalente.

Autorizzato sotto: CC-BY-SA insieme a attribuzione

Non affiliato a StackOverflow