Académique Documents
Professionnel Documents
Culture Documents
|
|
! 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.
+ Toutes les balises portant un contenu non vide doivent être fermées.
:#
6
&::(
:#
6
:
&::(
"#
;
"
##
"
"$%
"
$"
"
"
6
;
"
"
.$
"
""%
"
"
$%"
"$%
"
; '
"
$%"
.
2
$""#"
1
'
"
##
"
::
#
"
$
"
'
"$'
$3
"
6
&$""
(
#
|
::
+
::
"
""
#$$"
+ :##
")
+ :$%")
+ :
#"
+ *$'
#$$
##
'
""%
##
+ *$'
#$$
$%
'
"
$%"
'
|<$'
1
##
"
.$
"
""%
"
|
*
3
+ xml version="1. 0" encoding="ISO-8859-1" standalone="yes" >
.
"
.
"
"#
$"
-
/
$-
$$0
"
"#
"$$
#
$
$
$
1
::
&6
"7$"
::(
]> "
::
3
::
3
".$
$
"6$3
".$
+ 5=:>?
##
,$
|>|
4 @@*
48
+ 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
|
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
#"$
"
$.-$
|