HTML 5 web Sémantique

Qu’est-Ce Que Le Web Sémantique?

Tout au long de votre trajet éducatif, Vous allez fréquemment entendre le terme sémantiques (semantics). C’est, après tout, une partie indispensable à connaître dans le monde du développement. Cependant, il peut s’agir d’un terme dont vous n’êtes pas si familier. Surtout quand il s’agit de la façon dont il est utilisé dans le contexte du web. La sémantique se réfère à l’ajout de sens à travers le langage sur le Web, ce qui se traduit par l’utilisation de langages spécifiques et de syntaxes pour ajouter du sens au contenu. C’est une partie incroyablement importante du Web moderne et peut avoir un impact énorme sur l’efficacité de vos sites.

HTML 5 - Sémantique l'étude du Sens

Si nous commençons par les principes fondamentaux, Les Web sémantiques vous permettent de contrôler l’organisation et l’affichage de votre contenu. Bien que chaque site soit unique, certaines conventions ont évolué avec le temps en ce qui concerne les éléments de la page généralement reconnus. La plupart des pages, par exemple, contiennent une certaine forme de navigation, une certaine capacité de recherche, certains noms de marque, certaines forme et style de bas de page et contenu principal.Web Sémantique

En utilisant un balisage sémantique cohérent pour identifier ces éléments communs, nous facilitons la tâche aux agents utilisateurs d’identifier et de présenter correctement ces éléments aux visiteurs.Le web sémantique et HTML 5

Cela peut sembler sans importance, Mais dans certains cas, comme celui de la technologie d’assistance, l’identification du contenu sémantiquement est cruciale pour assurer la fonctionnalité et faciliter l’accès au contenu de la page. La sémantique peut aussi bien aider en d’autres lieux. la majeure partie du web doit sa réussite à l’amélioration progressive de la façon dont le contenu est accessible et partagé. Les services automatisés comme les moteurs de recherche permettent aux utilisateurs de trouver facilement le contenu et d’y accéder. Si ce contenu est marqué sémantiquement, Il serait beaucoup plus facile à indexer et à trouver.Semantics

En bref, cela rend votre contenu plus pertinent. L’écriture des balises appropriées devrait être l’objectif de chaque concepteur de sites Web. Cependant, il est important de réaliser qu’ils existent des avantages tangibles à marquer sémantiquement votre contenu. C’est pourquoinous allons nous concentrer sur les utilisations sémantiques appropriées des éléments HTML5 ainsi que l’exploration de certaines syntaxes qui peuvent aider à étendre la valeur sémantique de votre balisage et vous aider à créer un contenu plus significatif.

HTML5 & La Sémantique

HTML est la colonne vertébrale du Web. C’est le langage commun qui forme la structure de chaque page Web unique. En tant que tel, la sémantique est au cœur de ce que fait le HTML. En tant que langage de balisage, ses balises sont utilisées pour identifier les types de contenu sur la page. Une balise paragraphe, par exemple, identifie le contenu comme appartenant à un paragraphe, l’élément le plus fondamental pour regrouper le contenu disponible

<p>  Le Web tel que je l’ai envisagé, nous ne l’avons pas encore vu. L’avenir est encore  beaucoup plus grand que le passé  -Tim Berners-Lee  </p>

Eh bien, dans ce cas,la balise <blockquote>

<blockquote>  Le Web tel que je l’ai envisagé, nous ne l’avons pas encore vu. L’avenir est encore beaucoup plus grand que le passé   -Tim Berners-Lee  </blockquote>

Vous pouvez même affiner la citation en fournissant la référence pour l’attribution.

<blockquote> Le Web tel que je l’ai envisagé, nous ne l’avons pas encore vu. L’avenir est encore beaucoup plus grand que le passé
<cite> -Tim Berners-Lee  </cite>  </blockquote>

Ce type de balisage crée un contenu plus significatif et c’est l’une des plus grandes responsabilités des auteurs Web. Cela signifie, bien sûr, qu’en tant qu’un auteur, il est essentiel que vous compreniez le sens des éléments que vous utilisez et quand seront-ils appropriés. Dans de nombreux cas, cela est assez simple.

Parlant conception (design), HTML dispose d’un nombre limité d’éléments. Un peu plus de 100, si vous avez envie de compter.  Si vous avez déjà écrit le HTML pour un certain temps, vous êtes probablement déjà familiarisé avec la majeure partie d’entre eux. Certains, comme les titres et les paragraphes, vous en utiliseriez presque chaque fois que vous créez un nouveau document HTML. D’autres, comme l’élément samp, qui identifie le contenu généré par un ordinateur, sont tellement spécialisés que vous n’auriez peut-être jamais à les utiliser. L’astuce, bien sûr, est de comprendre le sens d’une balise et l’intention derrière son utilisation, plutôt que de se concentrer sur sa mise en forme par défaut.ce que font exactement beaucoup d’auteurs en apprenant le HTML. Ils utilisent l’italique <i> ou la balise <em>, par exemple, Quand ils souhaitent mettre le texte en italique:

J’ai besoin <i> que ce texte </i> apparaît en italique s’il vous plaît.

J’ai besoin <em> que ce texte </em> apparaît en italique s’il vous plaît.

sans savoir qu’il existe des significations spécifiques derrière chacune de ces balises.

J’ai besoin <i> que ce texte </i> apparaît en italique s’il vous plaît.

(Indique une voix ou un tempérament alternatif)

J’ai besoin <em> que ce texte </em> apparaît en italique s’il vous plaît.

(Indique un contenu qui attire l’attention. Conçu pour changer la signification du passage)

Dans d’autres cas, déterminer quelle balise utiliser est souvent un appel de jugement. Comme je l’ai déjà mentionné, par conception l’HTML a un ensemble limité de tags. Cela signifie que vous ne vous perdiez jamais en établissant le balisage du contenu qui n’a pas de balises claires conçues pour le représenter. Prenez une conversation entre deux personnes, par exemple. Beth et Sam. Beth a eu le travail qu’il cherchait et Sam est vraiment excité à ce sujet. Alors, comment pouvons-nous marquer cela en HTML?

Eh bien si vous effectuez une recherche rapide sur Google, vous trouverez probablement de nombreuses approches et opinions sur son balisage approprié. Comme il n’y a pas de balises spécifiques conçues pour le représenter, les auteurs sont laissés décider eux-mêmes quels éléments définissent le mieux (de manière sémantique) le contenu en question. Maintenant, au fil du temps, certaines normes évoluent souvent, mais dans de nombreux cas, c’est un simple jugement de la part de l’auteur en terme de la manière dont il représente le contenu.HTML 5 et la Sémantique

Maintenant, cela devrait clarifier combien il est important pour vous en tant qu’auteur de comprendre le sens sémantique derrière les balises que vous utilisez. Si vous n’avez pas une solide compréhension de leur sémantique, votre contenu ne sera jamais aussi significatif comme il doit l’être. C’est particulièrement vrai pour le HTML5. La sémantique améliorée était l’un des principaux axes de concentration du HTML 5 avec l’ajout de nouveaux éléments sémantiques, nouvelles règles pour créer les grands traits des documents, et de nouveaux modèles de contenu qui donnent une situation plus spécifique en ce qui concerne quand et comment les éléments seront utilisés.

Nous allons explorer chacune de ces additions plus en détail un peu plus tard dans les prochains articles.

LAISSER UN COMMENTAIRE

Please enter your comment!
Please enter your name here

Ce site utilise Akismet pour réduire les indésirables. En savoir plus sur comment les données de vos commentaires sont utilisées.