Strumenti per sviluppatori · HTML WYSIWYG editor
forte vs b ed em vs i: perché la semantica in linea HTML è importante per gli editori
· Perché è importante
html accessibilità contenutomodificabile
Spiega la differenza pratica tra elementi in linea semantici e presentazionali, cosa ne fanno la tecnologia assistiva e i motori di ricerca e come controllare ciò che emette il tuo editor.
Il grassetto non è sempre importante: scegli il significato prima dell'apparenza
Un codice prodotto può essere in grassetto solo per consentire ai lettori di trovarlo rapidamente; un avvertimento può essere forte perché la sua importanza appartiene al significato della frase. Queste due intenzioni possono assomigliarsi in un foglio di stile predefinito. La scelta esclusivamente in base all'aspetto rende il markup ambiguo quando CSS cambia o un altro lettore utilizza la struttura.
La barra degli strumenti di ToolAcre etichetta le sue azioni in Grassetto e Corsivo, mentre lo strumento di disinfezione normalizza gli elementi legacy b e i in strong ed em. Questo è un valore predefinito utile per una prosa enfatizzata, ma un editore deve comunque decidere se le parole selezionate portano davvero importanza o enfasi piuttosto che decorazione.
Cosa dice oggi la specifica HTML: riassume il significato attuale di strong, em, b e i
Forte rappresenta una forte importanza, serietà o urgenza; em rappresenta l'enfasi dell'accento il cui posizionamento può influenzare l'interpretazione. L'elemento b può attirare l'attenzione senza aggiungere importanza, mentre posso contrassegnare il testo in modo sfalsato rispetto alla prosa circostante, come un termine, una voce o una convenzione, senza imporre enfasi.
La lezione pratica non è che due tag siano proibiti. Il fatto è che l'identità visiva non cancella le differenze semantiche. L'output ristretto di ToolAcre sceglie forte ed em, quindi i contenuti che richiedono un offset meramente stilistico potrebbero richiedere una revisione o un flusso di lavoro di destinazione diverso piuttosto che una funzionalità della barra degli strumenti inventata.
La tecnologia assistiva può esporre la semantica in modo diverso; questo repository non dimostra alcun annuncio
Le tecnologie assistive possono utilizzare la semantica degli elementi, ma il trattamento parlato esatto varia in base al prodotto, alla modalità e alla configurazione dell'utente. Il repository non contiene alcuna suite di compatibilità per la lettura dello schermo, quindi questo articolo non promette che strong sarà sempre annunciato con una voce particolare o che b sarà sempre silenzioso.
La struttura è ancora importante perché fornisce informazioni sul software che mancano a uno span con stile. Testa pagine rappresentative con le tecnologie assistive nella tua policy di supporto. Un elemento semantico crea un'opportunità per un'interpretazione significativa; non garantisce un effetto udibile universale in ogni ambiente.
Gli effetti di ricerca sono al di fuori delle prove di questo editore; la semantica migliora ancora la struttura del documento
I motori di ricerca sono in grado di analizzare la struttura del documento, ma nessuna fonte locale dimostra i cambiamenti di posizionamento derivanti dallo scambio di b con forte. Evita di trasformare la HTML semantica in una formula SEO. La visibilità della ricerca dipende dal contenuto, dai collegamenti, dall'accessibilità tecnica e da molti sistemi esterni a questo editor.
La ragione difendibile per utilizzare la semantica è la chiarezza e l'interoperabilità. Gli autori, i browser e le trasformazioni downstream possono identificare l'importanza o l'enfasi previste senza effettuare il reverse engineering di una dichiarazione di stile. Qualsiasi conseguenza della ricerca dovrebbe essere descritta solo con prove provenienti dalla piattaforma pertinente, non dedotta da un pulsante di formattazione locale.
Elenchi che sono realmente elenchi: estende l'argomento a <ul> e <ol> anziché a trattini e numerazione manuale
Lo stesso principio si applica alle liste. Tre righe che iniziano con trattini sono testo ordinario, mentre ul e li rappresentano una raccolta di elementi pari. I caratteri numerici digitati prima dei paragrafi non sono equivalenti a ol, la cui sequenza e valore iniziale opzionale fanno parte della struttura.
ToolAcre espone comandi di elenchi puntati e numerati e consente ul, ol e li attraverso il suo filtro. Il comportamento dei comandi del browser può variare, soprattutto per la nidificazione, quindi controlla l'origine dopo aver creato un elenco. La semantica corretta dell'elenco non giustifica la mancanza di etichette, l'ordine confuso o la profondità non supportata nella destinazione.
Esempio realizzato: ToolAcre mappa b su strong e i su em durante il filtraggio
Digitare "Interrompi la distribuzione prima di modificare lo schema", selezionare "Interrompi la distribuzione" e premere Grassetto. Il comando del browser può inizialmente creare b, ma la mappa alias del disinfettante emette forti. Il corsivo segue lo stesso schema da i a em. La modalità Source rivela il risultato normalizzato.
Ora seleziona un'etichetta del prodotto che sia evidenziata solo visivamente. ToolAcre non ha un controllo dell'attenzione solo-b o basato su classi e il segno è inserito nella lista consentita solo tramite la modifica diretta della fonte anziché tramite un'attestazione sulla barra degli strumenti. Decidi se forte è accurato; in caso contrario, utilizza uno stile specifico per la destinazione al di fuori di questo flusso di lavoro limitato.
Cosa non copre: attributi ARIA, controlli di accessibilità completi o struttura delle intestazioni, che sono trattati separatamente
Questo articolo non tratta ARIA, il controllo completo dell'accessibilità, la gerarchia delle intestazioni o il comportamento esatto del motore di ricerca. Inoltre, non afferma che ogni elemento inline incluso nella lista consentita abbia un controllo della barra degli strumenti. La modalità sorgente può mantenere u, s, sub, sup, mark, small, code, kbd, samp, var e abbr quando validi, ma i comandi visivi espongono meno scelte.
Il filtraggio dei tag semantici non disinfetta HTML ostile arbitrario per la pubblicazione. Il tokenizzatore di ToolAcre ha una limitazione esplicita del differenziale parser. Un server che restituisce invii non attendibili necessita di un disinfettante e di una politica adeguati basati su parser, mentre la revisione dell'accessibilità deve esaminare la destinazione finale piuttosto che questa sola anteprima isolata.
Conclusione: formattare per significato, quindi controllare: riassume l'abitudine e il modo in cui l'editor HTML WYSIWYG di ToolAcre espone gli esatti elementi prodotti
Formattare il significato, quindi ispezionare. Forti ed em sono preziosi quando la prosa contiene veramente importanza e enfasi; non sono sostituti universali di ogni immagine in grassetto o corsivo. ToolAcre rende visibile la sua scelta esponendo il HTML filtrato dopo ogni azione.
Utilizza il controllo visivo per la stesura, la modalità sorgente per la verifica e la destinazione CSS per l'aspetto. Quando la presentazione desiderata non ha elementi semantici accurati, non forzare un tag fuorviante semplicemente perché somiglia al design. Preservare l’intenzione dell’autore in un sistema capace di rappresentarla.