Validator non valide

**xoum89** · 14/05/2013, 18h25

Bonjour,

J'aime bien essayer de coder proprement et lorsque je code en html je vérifie toujours avec le validator.
Mais la j'ai des erreurs que je ne comprends pas.

Line 43, Column 14: document type does not allow element "h1" here; missing one of "object", "applet", "map", "iframe", "button", "ins", "del" start-tag

Line 48, Column 14: document type does not allow element "h1" here; missing one of "object", "applet", "map", "iframe", "button", "ins", "del" start-tag

Line 53, Column 14: document type does not allow element "h1" here; missing one of "object", "applet", "map", "iframe", "button", "ins", "del" start-tag

Logiquement cette erreur apparait lorsque l'ont encastre mal les balises

Code :

Sélectionner tout - Visualiser dans une fenêtre à part

<h1><span>…</h1></span>

Mais la je ne crois pas que cela soit mon cas.

Line 171, Column 11: end tag for "span" omitted, but OMITTAG NO was specified

Line 171, Column 5: start tag was here

Line 171, Column 11: end tag for "li" omitted, but OMITTAG NO was specified

Line 170, Column 4: start tag was here

Line 171, Column 11: end tag for "ul" omitted, but OMITTAG NO was specified

Celle ci m'indique que j'ai oublié de fermer une balise mais pareil je ne trouve rien.

Line 147, Column 7: start tag was here

Le code :

Code :

Sélectionner tout - Visualiser dans une fenêtre à part

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
 
</head>
<body>
  <div id="nav_tabs"> 
<div class="color_wrapper">
  <div class="wrapper">
    <div id="header"> <a href="#" rel="home_page" class="selected">
      <!-- DAY CHANGE -->
      <script type="text/javascript">
        //<![CDATA[
                    today = new Date();
                    day = today.getDay();
                    randomVar = Math.round(Math.random()*8);
                    arrayBanner = new Array("ph_header_SC1.jpg", "ph_header_SC2.jpg", "ph_header_SC3.jpg", "ph_header_SC4.jpg", "ph_header_SC5.jpg",
                                                                "ph_header_AC1.jpg", "ph_header_AC2.jpg", "ph_header_AC3.jpg", "ph_header_AC4.jpg");
                    
                    document.write("<img alt='Banner' src='images/header/" + arrayBanner[randomVar] + "'>");
       //]]>    
    </script>
      </a> </div>
  </div>
  <div class="db_line"></div>
  <div id="navigation" >
    <div class="wrapper">
 
        <div id="col_1_work"><a href="#work_page" class="scrollpage" rel="work_page">
          <h1>work<span>*</span></h1>
          </a>
          <p>Everything</p>
        </div>
        <div id="col_1_about"><a href="#about_page" class="scrollpage" rel="about_page">
          <h1>about<span>*</span></h1>
          </a>
          <p>How ...</p>
        </div>
        <div id="col_1_hireme"><a href="#hireme_page" class="scrollpage" rel="hireme_page">
          <h1>hire me<span>*</span></h1>
          </a>
          <p>Say hello</p>
        </div>
        <div class="clear"></div>
 
    </div>
  </div>
  <div class="clear"></div>
  <div class="db_line_2"></div>
</div>
</div>

La suite dans mon autre message

**NoSmoking** · 14/05/2013, 21h32

Bonjour,
ce que tu nous montres et très insuffisant pour juger sereinement.

**xoum89** · 14/05/2013, 22h21

Tu as raison :

Code :

Sélectionner tout - Visualiser dans une fenêtre à part

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
  <!-- CONTENT ABOUT -->
<div id="about_page" class="tabcontent">
 
 
  <div class="wrapper">
 
 
    <div class="col_2" ><img src="images/face.jpg" width="452" height="769" alt="About Me"/></div>
    <div class="col_2_end">
      <h2>BlaBla<span>BlaBla</span></h2>
      <p>BlaBla</p>
      <br />
      <br />
      <h2>BlaBla</h2>
      <br />
      <ul>
 
			<li>BlaBla<br />
				<span>BlaBla</span>
			</li>
			<li>BlaBla » BlaBla<br />
				<span>Wonderful souvenir</span>
			</li>
			<li>BlaBla »  BlaBla<br />
				<span>BlaBla</span>
			</li>
			<li>BlaBla »<br />
			BlaBla<br />
				<span>blablabla</span><br /><br /> 
			BlaBla<br />
				<span>blablabla</span>
			</li>
			<li>BlaBla » BlaBla<br />
				<span>blabla</span>
			</li>
			<li>BlaBla » BlaBla<br />
				<span>Woohoo</span>
			</li>
			<li>BlaBla » BlaBla<br />
				<span>

**NoSmoking** · 14/05/2013, 22h51

Rien compris dans la manipulation de tes messages mais bon!!!!

Ce qui t'est reprocher c'est de mettre une balise H1 dans une balise A, ce qui n'est pas autorisé avec le DOCTYPE utilisé.

Code :

Sélectionner tout - Visualiser dans une fenêtre à part

1
2
3
4
5
6
<div id="col_1_work">
    <a href="#work_page" class="scrollpage" rel="work_page">
        <h1>work<span>*</span></h1>
    </a>
    <p>Everything</p>
</div>

Une solution changer de DOCTYPE pour un DOCTYPE HTML5 qui autorise cette construction.

PS: essaies de ne pas tronquer ton code si tu veux que l'on ait une vision claire de la chose.

**xoum89** · 14/05/2013, 23h40

Merci je vais voir ca.

J'ai pas tronqué mon code, mais le site ne me permet pas de mettre tous le code. Je ne sais pas pourquoi.

**miss_socrates** · 18/05/2013, 13h12

Fournir le code des lignes 1 à 40 ne sert pas vraiment si les problèmes concenrnent les lignes à partir de 43 ...

Il s'agit bien de fermetures de balises manquantes.
Il faut voir si le code est bien indenté. Il arrive qu'une balise n'est pas bien fermée et ensuite, tout devient "foireux".

Validator non valide

HTML

Vue hybride

Discussions similaires

Partager

Partager