Qu'est-ce que le balisage sémantique et pourquoi voudrais-je l'utiliser?
-
02-07-2019 - |
Question
Comme il est dit.
La solution
L’utilisation d’un balisage sémantique signifie que le code (X) HTML que vous utilisez dans une page contient des métadonnées décrivant son objectif. Par exemple, un <h2>
qui contient le nom d’un employé peut être marqué class="employee-name"
. À l'origine, certaines personnes espéraient que les moteurs de recherche utiliseraient ces informations, mais à mesure que le Web évoluait, le balisage sémantique était principalement utilisé pour fournir des points d'ancrage pour CSS.
Avec les balises CSS et sémantique, vous pouvez conserver la conception visuelle de la page distincte de la balise. Cela se traduit par des économies de bande passante, car la conception ne doit être téléchargée qu'une seule fois, et une modification plus facile de la conception car elle n'est pas intégrée au balisage.
Un autre point est que les éléments utilisés doivent avoir une relation logique avec les données qu’ils contiennent. Par exemple, les tableaux doivent être utilisés pour les données tabulaires, les <p>
pour les paragraphes textuels, les <ul>
pour les listes non ordonnées, etc. / p>
Autres conseils
Sémantique signifie littéralement utiliser & "significatif" & "; la langue; dans le développement Web, cela signifie essentiellement utiliser des balises et des identificateurs décrivant le contenu.
Par exemple, appliquer des identifiants tels que #Navigation, #Header et #Content à votre < div > balises, plutôt que #Left, et #Main, ou en utilisant des listes non ordonnées pour une liste de liens de navigation, plutôt qu’un tableau.
Les principaux avantages concernent la maintenance future; vous pouvez facilement changer la mise en page ou la présentation sans perdre le sens de votre contenu. Votre barre de navigation peut se déplacer de gauche à droite, ou vos liens sont affichés horizontalement plutôt que verticalement, sans perdre le sens.
De http://www.digital-web.com/articles/writing_semantic_markup/ / a>:
Le balisage sémantique est un balisage suffisamment descriptif pour nous permettre, à nous et aux machines que nous programmons, de le reconnaître et de prendre des décisions à ce sujet. En d’autres termes, le balisage signifie quelque chose lorsque nous pouvons l’identifier et faire des choses utiles avec lui. De cette manière, le balisage sémantique devient plus que simplement descriptif. Cela devient un mécanisme brillant qui permet aux humains et aux machines de & # 8220; comprendre & # 8221; la même information.
Outre l'objectif déjà mentionné qui consiste à permettre aux logiciels de "comprendre" les données, il existe d'autres applications pratiques permettant de les utiliser pour la traduction entre ontologies ou pour la mise en correspondance entre des représentations de données dissemblables - sans avoir à traduire ou à normaliser les données. (ce qui peut entraîner une perte d'informations et vous empêche généralement d'améliorer votre compréhension à l'avenir).
Il y a eu au moins deux sessions à OSCon cette année sur l’utilisation des technologies sémantiques. L'un d'entre eux était sur BigData (les diapositives sont disponibles ici: http://fr.oreilly.com/ oscon2008 / public / agenda / actes , l’autre étant ceux de FreeBase .
BigData l’utilisait pour mapper deux modèles de données dissemblables (y compris l’utilisation de langages de requête créés spécifiquement pour travailler avec des ensembles de données sémantiques). FreeBase mappe entre différents ensembles de données, puis effectue des analyses supplémentaires pour en déduire le sens.
Voir aussi: OWL, OQL, SPARQL, Franz (AllegroGraph, RacerPRO et TopBraid) .
Voici un exemple de site Web HTML5, balisé sémantiquement, sur lequel j'ai travaillé et qui utilise les microformats acceptés récemment, comme indiqué à http://schema.org avec les nouveaux éléments de marquage plus sémantiques de HTML5.
http://blog-to-book.com/view/ articles / à propos de / site% 20web sémantique
Googles dispose d'un outil de test de marquage sémantique très pratique qui vous montrera comment l'ajout de balises sémantiques au contenu permet aux moteurs de recherche de "mieux comprendre" vos pages Web.
Voici l'outil de test: http://www.google.com/webmasters/tools/richsnippets?url=http%3A%2F%2Fblog-to-bookbook%%%%2Fview % 2Fstuff% 2Fabout% 2Fsemantic + web & Et view =
Notez que Google sait maintenant que les "éléments" de la page sont des livres et qu'ils ont un identifiant isbn13. L'ajout de métadonnées supplémentaires, telles que le prix et l'auteur, permet de réaliser d'autres déductions.
J'espère que cela vous indique des directions intéressantes. Il est possible d’obtenir un marquage sémantique plus détaillé à l’aide de l’ontologie de bonnes relations, qui est à peu près la plus complète que je connaisse actuellement.