1 Validation des documents HTML et XHTML Qu`est

Transcription

Qu’est-ce que HTML ?
Validation des documents
HTML et XHTML
!
#
Andrei Popescu-Belis
TIM / ETI, Université de Genève
%&
'(% &
Cours n°4
)
+ # ## ,
http://moodle.unige.ch
,
2$ % &
3 ## , 4
&
'(% &
5
)
6
#,
-5
" . " /
!)
* *
6
7$
## ,
" * *$
,/
/0
Peut-on considérer HTML comme
application d’XML ? Pas tout à fait…
Principe de HTML et XHTML
&
"
$
$
2% &
!)
$
%&
* *
7$
2
%&
,#
'5
45 ## ,
3
0
4
)
9
*
*
2
%&
%&
1
Théorie et pratique
Intérêt des pages (X)HTML valides
; ,
&
##
;
%& 2
%&
6
%&
+
" 2% &
##
$
3
5
-
-
* *
&
#
#
-
7
&
%&
%&
3
) #
2
8
<
#
"
#
<
45
5
"
4
-
, ,
%&
6
%&
%&
7
'(% &=2% &
6
7
>
6
7- 2
@ "
#
%&
:
## ,
# 4
5
A'' ##
5,
>
?
Les DTD de HTML et XHTML
%&
CD41C 48CD
'
)
8CD
2
Versions de HTML 4.01
4
%&
%&
CD
'
5
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN"
"http://www.w3.org/TR/html4/strict.dtd">
4E
#
4
5
FFF$
#
DDD$
4E
!
C
6'
4
7
#
$
#
&
,
#
==
,
* *
=% GH =
C 1C
5
-
! 3
>
3
2
-
-
%&
'
</html>
F
"1
2% &
. M CDM
L9"
%
5
%&
% &=2
*JA K ;
+
#
#
$-
0
2
%&
2% &$
* ##
&
%
%&
)
##
H E!I$
4
#- 40$
4 C "C <br>4<hr>4</p>
D
. MH E!IM9N
3
* *
'
%&
Statut de la déclaration XML
&
#
I
<!DOCTYPE html PUBLIC
"-//W3C//DTD XHTML 1.0 Frameset//EN"
"http://www.w3.org/TR/xhtml1/DTD/xhtml1frameset.dtd">
Pour écrire du (X)HTML valide
" $
$
"-//W3C//DTD XHTML 1.0 Transitional//EN"
"http://www.w3.org/TR/xhtml1/DTD/xhtml1transitional.dtd">
<body>
<h1>Jean Dupont</h1>
<p align="center">Jean Dupont est étudiant à
l'ETI, Université de Genève.</p>
</body>
% &=2
## ,
"-//W3C//DTD XHTML 1.0 Strict//EN"
"http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<head>
<meta http-equiv="Content-Type"
content="text/html; charset=ISO-8859-1">
<title>Page de Jean Dupont</title>
</head>
5
* *
$
Versions de XHTML 1.0
"-//W3C//DTD HTML 4.01 Transitional//EN">
<html>
-
7
, ,
5
<
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Frameset//EN"
"http://www.w3.org/TR/html4/frameset.dtd">
Exemple : document HTML 4.01 valide
* *
#
6
)
B
,-
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN"
"http://www.w3.org/TR/html4/loose.dtd">
%& :
A,
$
5
#
2% &
-
'
5 ## ,
5
,
4 #
5
2
-
5
%&
% &4
- O$
5
Déclarations d’encodage en HTML
Extensions des fichiers HTML et XHTML
<HTML>
<HEAD>
<META HTTP-EQUIV="Content-Type" CONTENT="text/html; charset=XXX">
</HEAD>…
& P ,
5 222$
R
#
! "
XXXXXX.YYY
#,
• YYY
5 "
3
,
S
5 T
A
3
2
%&
H E!I . H
4 +
)
@'J!II:F!
@'J!&Q @ ! .
J
4C C 6
7 ,
@'J!II:F! .
5;
A
5
6
%&
2% & 9
mondoc.html
mondoc.xhtml
mondoc.xml
% & 8CD
2 % & CD
2% &
7
5;
5
J
:
.htm
.xml
.html
+
5 "
?$
.xhtml
.xhtml
1
8
Validation de HTML et XHTML avec
http://validator.w3.org
Rédaction de documents HTML/XHTML
J
C H
U
% &=2
- U!
C W
2
U
%& -
U
#,
"
45
,
U
&5
# -
%&
C
#
C
7
"
=
#,
VS K'@S K(
#
#
%&
S
#
2
%&
Q
==
C 1C
/
$
.
#
$
C 1C
=Q
* *
5
$
%&
2
5
#
Q## ,
&
=
U ,
3
+
5
5
,
#,
,
==
6
@
* *
5
,
"
#,
* *$
$
#
*
'
% & S K'@S K(V#
%&
#,
$
-5
5
5
6$
%&
!
:
#,
$
% 7$
+
#,
#,
?
HTML et XHTML sous XML Spy
%&
4
"
C",
C,
4
2
% &$
Applications
,
-
5 "
A
$
5 X
O
2
5
2% &
* *
*
%&
## ,
*
"
%&
6
7
D
2
% &$
#$
B
1
Création d’un document XHTML
valide… très simplifié
*
#
2
U
,
==
!
! "
* * ",
#, >
*
U
%& -
* *
%&
,
2
)
#
C
"!
U
,
#U
#U
)
"!
"
U
,
U
C",
2% & '
5 ## ,
U
#
, "$
C
U
U
"
,
U5
"C C, $4
, ==, C C
@;
* *
#
#
#
C
% &$4
* *#
0$
F
#,
"!
> 5
C ,=[ZJ R;&J(@ =
5
EI$
5
E #"
##
C",
U
Y R@Z;CS S S
==,
C",
#
! 3
* *
U
C ,
5
#
A
5
C
"!
U #,
Affichage du document créé comme
une page web
3
C",
"!
C",
0
E #"
@;
O
U
#,
"C,
"C",
C "C
C ,=[ZJ R;&J(@
D
Pour aller plus loin (facultatif)
J
E
C",
,
$
-
>
* * 2 %&
, "$
#,
U5 "
U *JA K ;
* *
%&
4 D$
,
2
U
>
* *
2% & '
##
U
#,
-
'5
4#
## ,
*
5HR&
, ==,
>,
==
C 1C
HR&
6$
?$
O7
D
C
C
- U
4
"
C ,=[ZJ R;&J(@ =222222CKKK
8

1 Validation des documents HTML et XHTML Qu`est

Transcription

Documents pareils

DOCTYPE html PUBLIC

Gestion Électronique de Documents et XML

Fiche5TechnoWeb xml dtd xsl

Structure de base d`un document XHTML 1.0 Strict (Balises de

Formation PHP débutant - Portail des étudiants de l`ENSEEIHT

Variantes de HTML Variantes de HTML - LabUnix

!DOCTYPE et DTD

html

W3c et la validation(XHTML)

Les entités html

Version PDF - Bienvenue sur le site enseignement de Jean

Memento HTML

HTML - LITA

XML (eXtensivble Markup Language)

Format PDF [ 153ko ]

Introduction au (x)HTML

Son CV - David Marchesson

Définitions de types de documents : DTD

Renouvellement de carte d`identité

Introduction XML XML comparé à SGML XML comparé à HTML XML

Programmation Web II

Informatique - Louis