Contenu | Menu | Rechercher :
Le réseau des étudiants | Contact
Vous êtes ici : Le réseau social des étudiants ==> Les éléments de phrase (phrase elements) 1/2

Les éléments de phrase (phrase elements) 1/2

Introduction aux éléments de phrase

Ce sont des éléments qui ont été spécifiés dans la version html 4.0, ils sont tous des éléments de type en-ligne (inline : éléments incorporés), ils permettent de coller une signification structurelle à une partie de texte dans un paragraphe par exemple. Ces éléments sont très utiles pour les personnes qui se soucient du respect de la sémantique.

Tous les éléments de phrase suivent les règles d'imbrication soumises aux éléments inline à part les deux balises <del> et <ins> qui ont un traitement particulier.

La balise <abbr> (Abbreviation : abréviation)

Cette balise permet d'introduire une abréviation, cet élément sous-estimé permet d'associer une appellation complète à une abréviation grâce à l'attribut "title" qui reçoit comme valeur le nom complet d'une abréviation.

Exemple

<p>La <abbr title="Tout va augmenter">TVA</abbr> est une taxe indirecte supportée par le consommateur final.</p>

Rendu visuel

La TVA est une taxe indirecte supportée par le consommateur final.

Commentaires

La balise <acronym> (acronym : acronyme)

La balise <acronym> a le même mécanisme de fonctionnement que la balise <abbr> mais avec une petite différence qui naît de l'essence même des deux mots :

L'intérêt de ces deux balises apparaît certainement lors de l'utilisation d'un navigateur de synthèse vocale, ce qui est placé dans la balise <acronym> sera lu comme étant un seul mot mais pour une abréviation introduite avec la balise <abbr> elle sera lu lettre par lettre ce qui rend la navigation plus accessible surtout pour les personnes déficientes (les mal-voyants).

La balise <cite> (citation)

Les balises <del> et <ins>

Extrait du DTD strict des balises <del> et <ins>

<!--
ins/del are allowed in block and inline content, but its
inappropriate to include block content within an ins element
occurring in inline content.
--> <!ELEMENT ins %Flow;> <!ATTLIST ins %attrs; cite %URI; #IMPLIED datetime %Datetime; #IMPLIED > <!ELEMENT del %Flow;> <!ATTLIST del %attrs; cite %URI; #IMPLIED datetime %Datetime; #IMPLIED >

Exemple

<p>Le management est une science <ins datetime="2008-02-27T17:08:00+04:30" cite="http://www.management.com"
       title="le management est à la fois art et science"> et un art.</ins></p>
<p>Le html permet de créer des pages web, <del datetime="2008-02-27T17:08:00" cite="xhtml.php"
       title="C'est le PHP qui permet de créer des scripts exécutables dans le serveur">et des scripts exécutables dans le serveur</del></p>
<p>La deuxième guerre mondiale s'est produite en <del datetime="2008-02-27T17:08:00" cite="guerre2.html"
       title="la vraie date est 1986">1949</del> <ins>1986</ins></p>

Rendu visuel

Le management est une science et un art.

Le html permet de créer des pages web, et des scripts exécutables dans le serveur

La deuxième guerre mondiale s'est produite en 1949 1986

Commentaires

Les balises <em> (emphasis : emphase) et <strong> (fort)

Les deux balises <em> et <strong> permettent de mettre en exergue un mot ou une portion de texte. La différence qui existe entre les deux balises c'est que em est moins intense que strong. Les deux balises sont de type en-ligne.

Tous les navigateurs mettent l'élément <em> en italique et l'élément <strong> en gras. Ces deux éléments doivent être utilisés pour des raisons de sémantique et non pas à des fins de formatage de texte. Si vous entendez mettre du texte en italique ou en gras uniquement sans marquer un texte comme étant important utilisez les deux variantes suivantes :

La balise <dfn> (definition : définition)

La balise <dfn> permet de marquer une définition, cet élément est affiché par défaut en style italique par tous les navigateurs.

Exemple

<p> <dfn>Le marketing</dfn> est un ensemble d'actions coordonnées qui concourent
 au développement des ventes d'un produit ou service</p>

Rendu visuel

Le marketing est un ensemble d'actions coordonnées qui concourent au développement des ventes d'un produit ou service.

La balise <kbd>

La balise <kbd> permet d'indiquer à l'utilisateur un texte qu'il doit taper par exemple dans les éléments d'un formulaire telle qu'une zone de texte, l'élément <kbd> est affiché par défaut en une police non proportionnelle (police courrier).

Exemple

<p>Mettez votre sensation à propos de notre produit, si vous n'avez pas de commentaires à signaler mettez <kbd>indifférent.</kbd></p>

Aperçu

Mettez votre sensation à propos de notre produit, si vous n'avez pas de commentaires à signaler mettez indifférent.

Dans le prochain chapitre vous allez apprendre certaines balises rarement utilisées et qui font partie des éléments de phrase. Rien ne vous empêche d'en jeter un coup d'oeil, juste pour accroître votre culture générale Sinon vous pouvez sauter le prochain chapitre, et ça ne vas pas vous priver de grande chose (les éléments de phrase : code, samp et var).

Cacher ce panneau   Accéder à la version étendue du chat

Cacher ce panneau