Balisage Information

(1)

Balisage

Information à propos du texte int égr ée dans le texte Enrichissement d’un document pour indiquer

•

Structure

•

Pr ´esentation

•

Traitement

Via des balises (tags, ´etiquettes) distinguables du texte

• ^<

. . .

>

en SGML/XML/HTML/MathML/SVG . . .

• \

. . . en L^ATEX

• {\

. . .

}

en RTF

(2)

Evolution ´

SGML (1986)

. &

HTML 1 (1992)

&

↓ ↓

HTML 4 (1998)

XML (1998)

↓ & .

↓

XHTML (2001)

↓

HTML 5 (2014)

(3)

Balisage XML

<

nomdebalise attributs

>

. . .

</

nomdebalise

>

ou

<

nomdebalise attributs

/>

Les deux noms doivent ˆetre identiques Exemples:

<prenom>Victor</prenom>

</auteur>

(4)

Balisage s ´emantique

Balises utilis ´ees pour leur sens, pas leur apparence Noms arbitraires

Id ´ealement ´evocateurs

Orient ´e donn ´ees ou document

(5)

XML orient ´e donn ´ees ( data oriented)

Chaque information est ´etiquet ´ee

Ignore les blancs et espaces entre les balises

<?xml version="1.0" encoding="UTF-8"?>

<alcoholic-strength>12</alcoholic-strength>

</properties>

<country>Italy</country>

<producer>Cantina Miglianico SCARL</producer>

</origin></wine>

(6)

XML orient ´e document

Texte partiellement annot ´e:

<?xml version="1.0" encoding="UTF-8"?>

<html>

...

<body>

<h2>Manuel recommand´ e</h2>

<p>Terry Felke-Morris,

<em>Web Development and Design Foundations with HTML5</em>,

Pearson Addison-Wesley, 2014.

</p>

...

</body></html>

(7)

XML: ´ El ´ements

Balise d’ouverture doit avoir une balise de fermeture correspondante

• <elem>

. . .

</elem>

• <elem/>

=

El ´ements bien imbriqu ´es´

• <a><b> </a></b>

Un seul él ément racine Nom d’un él ément

•

d ´ebute avec une lettre ou

•

peut contenir aussi: chiffres,

-

_,

.

_,

:

(8)

XML: Attributs

nomdattribut

=

valeur Nom: m ême r ègles que pour les él éments

Dans le tag d’ouverture

Pas deux attributs de m ˆeme nom Valeur: entre

’

. . .

’

ou

"

. . .

"

(9)

XML: Donn ´ees

Caract ères r éserv és

le caract `ere

<

_{s’ ´ecrit}

<

le caract `ere

>

s’ ´ecrit

>

le caract `ere

"

s’ ´ecrit

"

le caract `ere

’

s’ ´ecrit

'

le caract `ere

&

s’ ´ecrit

&

(10)

XML: Autres

D ´eclaration xml

• <?xml version="1.0" encoding="utf-8"?>

•

mettre

.xml

comme extension de fichier Processing instructions

• <?xml-stylesheet type="text/css"

href="..."?>

Commentaires

• ^<!--

. . .

-->

•

pas

--

dans les commentaires

(11)

V ´erifications d’un fichier XML

Bonne formation

•

correspond `a une structure d’arbre Validation

•

Selon un sch ´ema (grammaire d’arbre)

•

Imbrication correcte des balises

•

Contenu texte correspondant au bon type

Balisage Information

Balisage

•

•

•

• <

>

• \

• {\

}

Evolution ´

. &

&

↓ ↓

↓ & .

↓

↓

Balisage XML

<

>

</

>

<

/>

<auteur naissance="1802" mort="1885">

<nom>Hugo</nom>

<prenom>Victor</prenom>

</auteur>

Balisage s ´emantique

XML orient ´e donn ´ees ( data oriented)

<?xml version="1.0" encoding="UTF-8"?>

<wine name="M" code="00518712" format="1l">

<properties>

<color>red</color>

<alcoholic-strength>12</alcoholic-strength>

</properties>

<origin>

<country>Italy</country>

<producer>Cantina Miglianico SCARL</producer>

</origin></wine>

XML orient ´e document

<?xml version="1.0" encoding="UTF-8"?>

<html>

...

<body>

<h2>Manuel recommand´ e</h2>

<p>Terry Felke-Morris,

<em>Web Development and Design Foundations with HTML5</em>,

Pearson Addison-Wesley, 2014.

</p>

...

</body></html>

XML: ´ El ´ements

• <elem>

</elem>

• <elem/>

<elem></elem>

• <a><b> </a></b>

•

•

-

.

:

XML: Attributs

=

’

’

"

"

XML: Donn ´ees

<

&lt;

>

&gt;

"

&quot;

’

&apos;

&

&amp;

• ^<

<

>

"

'

&

• ^<!--