Validation XHTML5
On dispose d'une page web donnée ci-dessous écrite en HTML5. Le but est de la transformer pour qu'elle soit valide en XHTML.
1
2
<html>3
<title>HTML5</title>
4
<meta charset="utf-8">
5
6
<body>7
8
<header>9
<h1>Monday Times</h1>
10
</header>11
12
<nav>13
<ul>14
<li>News15
<li>Sports16
<li>Weather17
</ul>18
</nav>19
20
<section width=400>
21
<h2 contenteditable>News Section</h2>
22
23
<article id=firstarticle>
24
<h2>News Article</h2>
25
<p>Ipsum lurum hurum turum ipsum lurum hurum turum26
ipsum lurum hurum turum ipsum lurum hurum turum.
27
<p>Ipsum lurum hurum turum ipsum lurum hurum turum28
ipsum lurum hurum turum ipsum lurum hurum turum.
29
<p>Ipsum lurum hurum turum ipsum lurum hurum turum30
ipsum lurum hurum turum ipsum lurum hurum turum.
31
</article>32
33
<article id=secondarticle>
34
<h2>News Article</h2>
35
<p>Ipsum lurum hurum turum ipsum lurum hurum turum36
ipsum lurum hurum turum ipsum lurum hurum turum.<br>37
<p>Ipsum lurum hurum turum ipsum lurum hurum turum38
ipsum lurum hurum turum ipsum lurum hurum turum.
39
</article>40
41
</section>42
43
<footer>44
<p>© 2014 Monday Times. All rights reserved.</p>
45
</footer>46
47
</body>48
</html>Question
Transformer la page en XHTML.
Indice
1
2
<html xmlns="http://www.w3.org/1999/xhtml" lang="en-us">
Indice
Vérifier :
que chaque balise ouverte soit systématiquement fermée ;
que chaque attribut a une valeur encadrée par des quotes simples ou doubles.
Solution
1
2
<html xmlns="http://www.w3.org/1999/xhtml" lang="en-us">
3
4
<head>5
<title>HTML5</title>
6
<meta charset="utf-8"/>
7
</head>8
9
<body>10
11
<header>12
<h1>Monday Times</h1>
13
</header>14
15
<nav>16
<ul>17
<li>News</li>
18
<li>Sports</li>
19
<li>Weather</li>
20
</ul>21
</nav>22
23
<section width="400">
24
<h2 contenteditable="true">News Section</h2>
25
26
<article id="firstarticle">
27
<h2>News Article</h2>
28
<p>Ipsum lurum hurum turum ipsum lurum hurum turum29
ipsum lurum hurum turum ipsum lurum hurum turum.
30
<p>Ipsum lurum hurum turum ipsum lurum hurum turum31
ipsum lurum hurum turum ipsum lurum hurum turum.
32
<p>Ipsum lurum hurum turum ipsum lurum hurum turum33
ipsum lurum hurum turum ipsum lurum hurum turum.
34
</article>35
36
<article id="secondarticle">
37
<h2>News Article</h2>
38
<p>Ipsum lurum hurum turum ipsum lurum hurum turum39
ipsum lurum hurum turum ipsum lurum hurum turum.<br/>40
<p>Ipsum lurum hurum turum ipsum lurum hurum turum41
ipsum lurum hurum turum ipsum lurum hurum turum.
42
</article>43
44
</section>45
46
<footer>47
<p>© 2014 Monday Times. All rights reserved.</p>
48
</footer>49
50
</body>51
</html>
