July 25
POSH è Plain Old Semantic HTML. C'è un movimento in corso per portare a tutti che crea pagine Web in accordo da utilizzare per la produzione di POSH pagina Web. POSH è il blocco di costruzione di siti web validi, semantici, accessibili e interoperabili.
1 Per scrivere HTML valido, fare amicizia con gli strumenti che convalidano le pagine. È possibile utilizzare il Markup Validation Service W3C (Vedi Risorse per un link). Ci sono anche molti altri strumenti di validazione disponibili, come quelli del File> Controlla menu Pagina di Dreamweaver, oppure nel menu Strumenti della barra degli strumenti di Firefox Web Developer.
Quando si convalida una pagina, passare attraverso ogni errore e correggere ogni uno che è in vostro potere per cambiare.
2 Non utilizzare le tabelle per il layout. Questo è probabilmente l'errore semantico più eclatante si può fare. Utilizzando una tabella per il layout segna il tuo contenuto come i dati della tabella, una mancata corrispondenza semantica confusa che trasporta attraverso in ogni dispositivo che legge la pagina. Altri dispositivi che possono leggere la pagina includono i telefoni cellulari e altri dispositivi mobili, screen reader, lettori braille, browser solo testo, e motori di ricerca.
3 E 'perfettamente bene di utilizzare le tabelle per creare le righe e le colonne necessarie per visualizzare i dati tabulari. Questo è semanticamente corretto.
4 Utilizzare elementi ed attributi per il loro scopo semantica. Vedere la sezione due per come fare questo.
5 Utilizzare, nomi semanticamente basati significativi per le classi e gli ID. Alcuni dei nomi id semantici riconosciuti in uso comprendono intestazione, contenuti, sidebar, footer, e nav. Il nome è descrittivo dello scopo.
6 Non mettere qualsiasi markup di presentazione in formato HTML. Spostare tutto in CSS.
7 Tenere il markup HTML come magra e significativa possibile. Non usare troppo molte classi quando un ID assegnato ad un div, un elenco o una blockquote possono servire allo stesso scopo.
Utilizzare intestazioni semanticamente. Gli elementi di intestazione vanno da H1 a H6. L'H1 dovrebbe essere il nome del sito, H2 dovrebbe essere la pagina o un articolo nome, e le intestazioni minori dovrebbe essere usato per indicare altri blocchi importanti di contenuti. Ripensa a quando hai imparato a fare uno schema. La vostra struttura titolo dovrebbe creare un contorno (o gerarchia) di parti significative della tua pagina.
Se si disattiva la presentazione CSS, e basta guardare la HTML di base, come nella foto di Digital Web Magazine con i CSS disattivata, si dovrebbe comunque avere una struttura della pagina per significato organizzata. Questo si basa in gran parte sul buon uso di elementi di intestazione.
9 Fai la tua tabelle (per i dati tabulari solo!) Accessibili da correttamente utilizzando elementi come didascalia e esimo. Inoltre, usare sommarie, portata, intestazioni e altra tabella attributi correttamente (quando necessario) per chiarire ulteriormente la struttura della tabella.
10 Gli elementi em e forti sono semantico. Implicano enfasi o forte enfasi. Non utilizzarli per rendere il testo grassetto o corsivo se il testo non è destinato a essere sottolineato. Se si desidera utilizzare il testo in grassetto o corsivo come presentazione, bastone con i vecchi fedeli elementi B e I. Ancora meglio, creare presentazioni di alcune regole CSS per fare il trucco.
11 Utilizzare l'elemento citare per identificare citazioni, come libri, riviste, e titoli di film. Cite rende in corsivo.
12 Quando si citare qualcuno o fare riferimento ad una fonte, utilizzare il q o l'elemento blockquote. Non utilizzare un blockquote per rientrare il testo: usare i CSS per questo.
13 Utilizzare gli elenchi correttamente. Le liste sono particolarmente utili per la navigazione. Che è un menu, ma un elenco di link, dopo tutto? Gli elenchi possono anche essere utilizzati per creare gallerie di immagini, dialogo, liste di cose da fare, passo-passo le istruzioni e tutti i tipi di contenuti semanticamente significative. Ci sono tre tipi di liste: UL (lista non ordinata), OL (lista ordinata), e dl (elenco di definizioni). Vi è una risorsa alla fine di questo articolo con un collegamento a The Cuckoo autistici che vi aiuterà a capire quando usare ogni tipo di lista.