Che cos'è il markup semantico e perché dovrei usarlo?

Question

Come dice.

Answer 1

L'uso del markup semantico significa che il codice (X) HTML che usi in una pagina contiene metadati che ne descrivono lo scopo - ad esempio, un <h2> che contiene il nome di un dipendente potrebbe essere contrassegnato class="employee-name". Inizialmente c'erano alcune persone che speravano che i motori di ricerca usassero queste informazioni, ma poiché il web si è evoluto il markup semantico è stato principalmente usato per fornire hook per i CSS.

Con CSS e markup semantico, puoi mantenere il design visivo della pagina separato dal markup. Ciò si traduce in un risparmio di larghezza di banda, perché il design deve essere scaricato solo una volta e una modifica più semplice del design perché non è mescolata al markup.

---

Un altro punto è che gli elementi utilizzati dovrebbero avere una relazione logica con i dati in essi contenuti. Ad esempio, le tabelle dovrebbero essere utilizzate per i dati tabulari, <p> dovrebbe essere usato per i paragrafi testuali, <ul> dovrebbe essere usato per gli elenchi non ordinati, ecc. Ciò è in contrasto con i primi progetti web, che spesso utilizzavano le tabelle per tutto.

Answer 2

Semantica significa letteralmente usare " <<>> significativo; linguaggio; nello sviluppo Web, ciò significa sostanzialmente l'uso di tag e identificatori che descrivono il contenuto.

Ad esempio, l'applicazione di ID come #Navigation, #Header e #Content sul tuo < div > tag, anziché #Left e #Main, oppure utilizzando elenchi non ordinati per un elenco di collegamenti di navigazione, piuttosto che una tabella.

I principali vantaggi sono nella futura manutenzione; puoi facilmente cambiare il layout o la presentazione senza perdere il significato dei tuoi contenuti. La barra di navigazione può spostarsi da sinistra a destra oppure i collegamenti vengono visualizzati in orizzontale anziché in verticale, senza perdere il significato.

Answer 3

Da http://www.digital-web.com/articles/writing_semantic_markup/ :

  

il markup semantico è un markup abbastanza descrittivo da consentire a noi e alle macchine che programmiamo di riconoscerlo e prendere decisioni al riguardo. In altre parole, markup significa qualcosa quando possiamo identificarlo e fare cose utili con esso. In questo modo, il markup semantico diventa più che semplicemente descrittivo. Diventa un meccanismo geniale che consente sia agli umani che alle macchine di & # 8220; capire & # 8221; le stesse informazioni.

Answer 4

Oltre al già citato obiettivo di consentire al software di "comprendere" i dati, esistono applicazioni più pratiche nell'usarlo per tradurre tra ontologie o per mappare tra rappresentazioni di dati non simili, senza dover tradurre o standardizzare i dati (che può comportare una perdita di informazioni e in genere ti impedisce di migliorare la tua comprensione in futuro).

Ci sono state almeno 2 sessioni all'OSCon quest'anno relative all'uso di tecnologie semantiche. Uno era su BigData (le diapositive sono disponibili qui: http://en.oreilly.com/ oscon2008 / pubblico / programma / procedimento , l'altro era il ragazzo di FreeBase .

BigData lo utilizzava per mappare tra due modelli di dati non simili (incluso l'uso di linguaggi di query creati appositamente per lavorare con set di dati semantici). FreeBase esegue la mappatura tra diversi set di dati e quindi esegue ulteriori analisi per ricavarne il significato attraverso tali set di dati.

Argomenti correlati da esaminare: OWL, OQL, SPARQL, Franz (AllegroGraph, RacerPRO e TopBraid) .

Answer 5

Ecco un esempio di un sito Web HTML5, con tag semantico, su cui sto lavorando che utilizza i micro-formati recentemente accettati come specificato in http://schema.org insieme ai nuovi elementi di tagging più semantici di HTML5.

http://blog-to-book.com/view/ roba / su / semantica% 20web

Googles ha un pratico strumento di test di tag semantico che ti mostrerà come l'aggiunta di tag semantici ai contenuti consente ai motori di ricerca di "comprendere" molto di più sulle tue pagine web.

Ecco lo strumento di test: http://www.google.com/webmasters/tools/richsnippets?url=http%3A%2F%2Fblog-to-book.com%2Fview % 2Fstuff% 2Fabout% 2Fsemantic + web amp &; visualizzare =

Nota come ora Google sa che le "cose" nella pagina sono libri e hanno un identificatore isbn13. L'aggiunta di metadati aggiuntivi, come prezzo e autore, consente di fare ulteriori deduzioni.

Spero che questo ti indichi in alcune direzioni interessanti. È possibile ottenere tag semantici più dettagliati utilizzando Good Relations Ontology, che è praticamente il più completo che mi venga in mente in questo momento.