Feedback utente ideale per input HTML

Question

Ammettiamolo: scrivere un HTML adeguato e conforme agli standard è abbastanza difficile da fare. Scrivere HTML semantico lo è ancora di più, ma non credo sia possibile per un computer capirlo.

Quindi la mia domanda per te è quale sarebbe "l'ideale" feedback per un utente che ha inserito HTML? Si tratterebbe di un elenco di errori di convalida W3C, numeri di riga e colonne corrispondenti? Sarebbe una visualizzazione con codice annotato delle righe evidenziate, spiegazioni degli errori e possibili correzioni? Una modalità di stile per il controllo ortografico in cui gestisci ogni errore separatamente? Sarebbe non dare loro alcuna informazione di errore? Inoltre, quali tipi di errori sono una buona idea per dire agli utenti? (Alcune ampie classi di errori includono errori di analisi, errori di annidamento (ovvero l'inserimento di un div in un tag b) ed errori di buona formazione.)

• Scottm: buon punto; Non mi è mai piaciuto il modo W3C di elencare tutti gli errori. Tuttavia, c'è ancora la questione di consentire all'utente di modificare in modo appropriato l'HTML offensivo.
• onebyone: Ok, quindi guardando alcuni screenshot sembra che HTML Validator abbia un elenco di errori W3C, ma combinato con la possibilità di andare direttamente al segmento di origine rilevante e espandere le informazioni di errore, nonché il fatto che non è necessario andare scrupolosamente per saltare da uno sezione ad un altro. Sembra piuttosto buono, ma è utilizzabile dal Joe medio?

Modifica 1: Come chiarimento, ciò riguarda l'interfaccia, non necessariamente l'implementazione sottostante. Tuttavia, l'interfaccia deve essere fattibile con HTML e JavaScript semplici (doppi punti di usabilità se ha solo bisogno di HTML, ma penso che in questo caso rimarrai bloccato con W3C).

Answer 1

L'output da Firefox " HTML validator " il componente aggiuntivo è abbastanza buono. Ti mostra la fonte in una grande finestra e un elenco di errori in una piccola finestra (la piccolezza non ha importanza, dal momento che in genere ti interessa solo la prima, poiché non miri a un totale di nessuno). Fai clic su un errore per evidenziare, e una spiegazione estesa viene mostrata in una seconda piccola finestra, mentre la parte offensiva del codice viene evidenziata nella grande finestra.

Il componente aggiuntivo non include un editor di testo, quindi non è una soluzione completa al tuo problema. Utilizza sia un validatore basato su SGML sia HTML Tidy, e penso che per i file locali sia possibile ottenerlo per apportare le correzioni suggerite da Tidy.

Answer 2

Penso sempre che l'evidenziazione della sintassi sia fantastica. Anche in HTML questo sarebbe molto utile, poiché i tag possono essere facilmente distinti dallo sviluppatore quando può vederli colorati in modo appropriato.

Personalmente non mi piace il modo W3C di darti una lista noiosa di problemi. Gli aiuti visivi nel codice stesso sono molto migliori.