Vous êtes sur la page 1sur 16




  

| 
 

   


| 

  

! L'arbre d'éléments

  

 
"
 #"  
""
$


$% " 
## "
 
$% " 
 

$ 
& ' ()
 "
%$ * "

 "
   "
+ Élément racine :
## ,$ 
& 
$-$ "

  
 (
"
$
%$"

  


"
 '

-%
"
 "
$ "
## "

".
/"
$0"

- )

"
 
1
$

 

  
+ Les éléments :
 "
## "
 
$
" 
2

  


"
 "
%$ * "

 "
   "

$% " 
"
 . 
  

 3 )

% 
$ "
## ")
'
"
$"
$ #"
4## "
$"4)
## 
 $
#$
'$
1

$ #
- ' 
4## 
$ 4

| 
 

   


| 

  

Les attributs :
+ "
 "
## "
 . 
  


" "
$ %"

+ *$'
## 

 
  
'
 "

2
$ %
+ 
$ %
"
 "#




.$ 


 
2

#" 
'
$"
$
%$ "
.$

## 

5 " 
6 74. 48   59 " 8

Les entités :

3 "
 3
" "
  #")
#  ""$% "

#  "
 "
 . 
2
$$6"$% "

)
  "

3  "
$
# $$ 
 "
 #"
"  
$
" 

$
::
 "
 . 

2
  "# "
$""
% 
$"
$
::
'
$"

  


| 
 

   


0- "

 "  

àn certain nombre de règles de base doivent être respectées :
+ àn nom d'élément ne peut commencer par un chiffre.

+ Si le nom n'est composé que d'un seul caractère, ce doit être une lettre
comprise entre "a" et "z" pour les minuscules, "A" et "Z" pour les majuscules.

+ S'il est composé d'au moins deux caractères, le premier peut être "_" ou ":". Le
nom peut ensuite être composé de lettres, chiffres, tirets, tirets bas et deux
points.

+ La syntaxe XML est sensible à la casse

+ Toutes les balises portant un contenu non vide doivent être fermées.

+ La balise de début, la balise de terminaison et le contenu entre deux sont


globalement appelés élément ;

+ Les balises n'ayant pas de contenu doivent se terminer par />

+ Les noms d'attributs sont en minuscules ;

+ Les valeurs d'attributs doivent être entre guillemets ;


| 
 

   


:#   

6

  

&::(

:#   

6

:  
&::(

"# 

;  "
## "
  "$% "
$"
 "
  "



6
;  "
 "

.$ "
"" % "
 "
$ %"

  "$% "
; ' "
$ %"
 . 
2
$"" #"
1
' "

## "

::
#  
 "
$  "
'
"$ ' 

$3
  "

6
& $"" (
#
| 
 

   


 

::

+ 
::
"
""   

  


# $$ "
+ :## ")
+ :$ %")
+ :  #"
+ *$'
# $$ 
## 
 '


 
"" %


## 
+ *$'
# $$ 
$ %
 '
 "

$ %"
'
|<$ ' 
1

## 

 "

.$ "
"" % "
| 
 

   



 * 

3 

+  xml version="1. 0" encoding="ISO-8859-1" standalone="yes" >
. "  
. " 


  "#
$"

  
  - 

/ 

$-

$$ 0 "
  "#
"$$ 
# $
$
$
1

::
&6 "7$"

::(

OCTYPE parent [ Š ŠŠ


  
  
   
 

ELEMENT parent (garcon,fille)>     


 
  
 
  
  

ELEMENT garcon (#PCATA)> Š  



 
   
     
 
 
  


ELEMENT fille (#PCATA)> ! 


    

]> "ŠŠ

parent> #    


garcon>Kamal/garcon>
fille>Nezha/fille>
/parent> "  .
"  

Voire exemple sur le navigateur


| 
 

   



::
3 

::
3 
" .$
$
"6$3
" .$

+ 5=:>?
## ,$ 
|>|
4 @@ *  48

ans notre exemple


+ 5A3 
. " 74
B 4
"$$ 744A8

+ 5=:>?
$ 
|>|
4$  48
+ 5$ 8
+ 5-$ 8C$ $59-$ 8
+ 5  8D E*$59  8
59$ 8


 * 

::
3 
&
$"

2
#   (
4$  4

 $ 

5=D
$ 
&-$ )  (8
5=D
-$ 
&F?:(8

5=D
 
&F?:(8

G 

"

$. -$ 
| 
 

   


$ "

"
$""
"" %

$ 
## 

1

::
3 
" #
"

$
" 



$
3 



5=:>?
* 
?H 
4,99IJ99::


B 
| 994

4*99KKK KJ -993* B9::93* 


B,"  48

| 
 

   


ocument XML valide et bien formé

+ :$"
$
 #$
 $ .
$
)

 " -


  
4% 
 #4

  
.$ 


  
.$ 
"
 

  
'
``    
`  

 

+ 
  
4% 
 #4
")

$ )

  

'
``    `   `    

| 
 

   


 * 


$.
||
+ 
||

?
$ * 
 "
%$ " "
)

 
$ 

$ 
$3
   "

"6
&||(

*$'
%$ "
4 . # 4
$"

 * 

)

.$
#  

## 

"6
'


$. -$ 
$
$"
$ * 

| 
 

   


3 
+ Voici notre document XML de départ :
+  xml version=" 1.0" encoding="ISO-8859-1" >
+ racine>
+ enfant>
+ nom>Loïc/nom>
+ lien>garçon/lien>
+ date>07/1 1/83/date>
+ data>Le petit qui me dépasse d'une tête./data>
+ /enfant>
+ enfant>
+ nom>Marine/nom> lien>fille/lien>
+ date>20/1 2/85/date>
+ data>La petite fille chérie à son papa./data>
+ /enfant>
+ /racine>
Voir dans le navigateur

| 
 

   


$
  

"6
+ style type="text/css">
+ racine , enfant { } nom {
+ display: block; width: 250px; font-size: 1 6pt ; font-family: arial ; font-weight:
bold; background-color: teal;
+ color: white; padding-left: 10px;
+ }
+ lien {
+ display: block; font-size: 12pt; padding-left: 10px;
+ }
+ date {
+ display: block; font-size: 12pt; color: red ; font-weight: bold; padding-left: 10px;
+ }
+ data {
+ display: block;
+
+ font-size: 1 1pt ;
+ font-style: italic; font-family: arial ; padding-left: 10px;
+ }
+ /style>
| 
 

   



 * 

# "

+ 5A3 ,"6 "* 
* 74 "" ""4
6 74 39 ""4A8

+ 5$  8
+ 5 $8
+ 5 8 * 59 8
+ 5 8-$L59 8

+ 5$ 8M9B
B9NJ59$ 8
+ 5$$8
  
'

#$""

 59$$8
+ 59 $8
+ 5 $8
+ 5 8|$$59 8
+ 5 8  59 8
+ 5$ 89B9NO59$ 8
+ 5$$8$
  
 
* 

"
$$ 59$$8
+ 59 $8
+ 59$  8
G 

#"$
"

$. -$ 

| 
 

   





+ 
 

  


$"


 * 
 
$.
$
%$ "
53 8

593 8
+ $ "


- ' )
'$
 "

$. -$ "


   
 "
%$ " "

   "

  ")
 
 "

$ *#
+ 
" $

$"
$.
."
%$ " "


 # "
$"

 * 
 

| 
 

   


3 
5* 8
5%68
53 
id="fichierxml" src="xmlSansCss.xml"8593 8
5$%
% 74
B4
datasrc="#fichierxml"8
58
585span datafld74 4859"$8598
585span datafld74 4859"$8598
58 . "$ 

5span datafld74$ 48598
598
59$% 8
59%68
59* 8

+$ %
src  
$ 
## 
1

 * 
 $

1



+
## 

&$
3  )

$% (
 
$ 
## 
$


"

# "
$

% $ "

$ %
dataSrc

+ *$ 

" "
"",## "
$
2
 #
1

*$ 
$  )
$


% $ "

$ %
dataFld

+G 

#"$
"

$. -$ 
| 
 

   



Vous aimerez peut-être aussi