Applicazione degli standard di codifica web [duplicato]

Question

Questa domanda ha già una risposta qui:

• Standard di codifica di base per HTML e CSS [chiuso] 3 risposte

Lo standard HTML definisce una chiara separazione tra CSS (presentazione) e HTML (semantica o struttura).

Qualcuno utilizza un documento di standard di codifica per CSS e XHTML che contiene clausole che aiutano a mantenere questa separazione?Quali sarebbero le clausole utili da includere in un documento sugli standard di codifica?

Answer 1

Non abbiamo un documento fisico a cui tutti aderiamo dove lavoro.Ci sono una serie di linee guida che cerchiamo di tenere a mente, ma non ci sono informazioni sufficienti per richiedere un documento fisico. Questo articolo riassume abbastanza bene queste linee guida.Potresti anche considerare di formattare il tuo file CSS per facilitarne la lettura. Rivista strepitosa ha un ottimo articolo su questo argomento.

Answer 2

L'articolo a cui fa riferimento @Lee Theobald è un buon inizio.

Alcune idee di base che cerco di tenere a mente durante il markup:

Per quanto riguarda l'HTML:

Prova a scrivere per la persona successiva, ovvero pensa a quanto potrebbe essere facile o difficile per qualcun altro venire a prendere il tuo lavoro e portarlo avanti.

Per supportare questo principio, dovresti provare ad assicurarti che il tuo markup sia il più leggibile possibile: i tag class e id in particolare dovrebbero essere correlati per quanto possibile al contenuto previsto.In altre parole, prova a utilizzare i tag per descrivere il tipo di contenuto che avranno.

Ad esempio, "Sottonavigazione", "contenuti" ecc.

Lo scopo è fornire markup che qualcuno possa raccogliere senza aver mai guardato prima e avere un'idea della struttura logica del documento.

Inoltre, cerca di evitare l'aggiunta di markup che serve esclusivamente a ottenere un effetto visivo.Ma tieni presente che qualsiasi sito web che richiede uno stile anche leggermente sofisticato difficilmente sarà in grado di evitare markup non semantico, a causa dei punti deboli nelle attuali implementazioni dei CSS e dei problemi di compatibilità del browser.

Per quanto riguarda i file CSS:

Molte persone dividono il proprio CSS in sezioni utilizzando i commenti, separandoli in aree funzionali o strutturali.Quindi potresti avere una sezione per l'intestazione, il piè di pagina o la tipografia e così via.Altri vanno oltre e dividono i CSS tra i file, avendone uno per la tipografia, uno per il layout, ecc.Tuttavia, secondo Yslow!può avere un impatto negativo sul caricamento della pagina, a causa dell'aumento delle richieste http.

Potrei scrivere di più, ma come vedi faccio fatica a essere conciso.Spero che questo ti sia di qualche utilità.