5568 sujets

Sémantique web et HTML

L'erreur a été retrouvé au niveau d'une balise <h3> placer entre une balise <p>. mais le site validator.w3.org signale 1 warning. voici mon code qui signale 1 warning

<!DOCTYPE html>
<html>
	<head>
		<meta charset="utf-8"/>
		<link rel="stylesheet" href="style.css"/>
		<title>Principato Italian Cuisine</title>
	</head>
	
	<body>
		<div id="bloc_page">
									<!--Header de la page-->
			<header>
				<h2><img src="images/logo.png" alt="Logo du site"/>Italy Cooking</h2>
				<p class="reseaux_sociaux">
					<img src="images/facebook.png" alt="Logo du site"/>
					<img src="images/twitter.png" alt="Logo du site"/>
					<img src="images/myspace.png" alt="Logo du site"/>
					<img src="images/digg.png" alt="Logo du site"/>
				</p>
				<nav>
					<ul>
						<li><a href="#">HOME PAGE</a></li>
						<li><a href="#">ABOUT US</a></li>
						<li><a href="#">OUR RECIPIES</a></li>
						<li><a href="#">REGISTER</a></li>
						<li><a href="#">FORUM</a></li>
						<li><a href="#">CONTACT US</a></li>
					</ul>
				</nav>
				<div id="formulaire">
					<form method="post" action="traitement.php">
						<p>
							<label for="username">Username</label>: <input type="text" name="username" id="username"/> <br/> <br/>
							<label for="password">Password</label>: <input type="password" name="password" id="password"/> <br/> <br/>
							<input type="submit" value="Login"/>
                                                </p>
							<h3>Join All the recipes</h3>
                                                <p>
							In the news for you
							<br/> <br/> <input type="submit" value="Join Now"/>
							
						</p>
					</form>
				</div>
				<div id="plat_header">
					<h3>Last recipies</h3>
					<img src="images/heade_ft.jpg" alt=""/>
				</div>
			</header>
									<!--selection de la page-->
			<section>
				<h2>Second Menu' Lipsum Lorem</h2>
				<aside>
					<img src="images/drink.jpg" alt=""/>
					<p>
						unde omnis iste natus error sit voluptatem accusantium doloremque laudantium,
						totam rem aperiam, eaque ipsa quae ab illo inventore veritatis et quasi
						architecto beatae vitae dicta sunt explicabo.
					</p>
					<img src="images/button_read_more.png" alt="Read More"/>
				</aside>
				
				<aside>
					<img src="images/carne.jpg" alt=""/>
					<p>
						Sed ut perspiciatis unde omnis iste natus error sit voluptatem accusantium
						doloremque laudantium, totam rem aperiam, eaque ipsa quae ab illo inventore
						veritatis et quasi architecto beatae vitae dicta sunt explicabo.
					</p>
					<img src="images/button_read_more.png" alt="Read More"/>
				</aside>
				
				<div id="events">
					<h2>Events</h2>
					<h2>October 24 in Rome for dinner</h2>
					<img src="images/24b.png" alt="+1"/>
					
					<p>
						2011 LOREM IPSUM - 
					</p>
					
					<p>
						2011 Maggio beatae vitae dicta sunt
					</p>
					
					<p>
						Sed ut perspiciatis unde omnis iste natus error sit voluptatem accusantium
						doloremque laudantium, totam rem aperiam, eaque ipsa quae ab illo inventore
						veritatis et quasi architecto beatae vitae dicta sunt explicabo.
					</p>
					
					<p>
						Sed ut perspiciatis unde omnis iste natus error sit voluptatem accusantium
						doloremque laudantium, totam rem aperiam, eaque ipsa quae ab illo inventore 
						veritatis et quasi architecto beatae vitae dicta sunt explicabo.
					</p>
					
					<form method="post" action="tratement.php">
						<p>
							<select name="plats_deroulants" id="plats_deroulants">
								<option value="select_recipe">Select a recipe</option>
								<option value="spaghetti">Spaghetti with aubergine</option>
								<option value="rice">Rice with mushrooms</option>
								<option value="polenta">Rolls with polenta</option>
								<option value="chicken">Chicken hunter</option>
								<option value="tortiglioni">Tortiglioni filled</option>
								<option value="fish">Smoked swordfish</option>
								<option value="stuffed">Stuffed pumpkins</option>
							</select>
							<input type="submit" value="Go"/>
						</p>
					</form>
				</div>
				<article>
					<h1>Introducion to our kitchen</h1>
					<p>
						<strong>Sed ut perspiciatis</strong> unde omnis iste natus error sit voluptatem accusantium 
						doloremque laudantium, totam rem aperiam, eaque ipsa quae ab illo inventore
						veritatis et quasi architecto beatae vitae dicta sunt explicabo
					</p>
					<p class="para_italic">
						Aliquam scelerisque lectus sed mi cursus condimentum a ac turpis. Proin bibendum ultricies 
						tellus in tincidunt. Vestibulum iaculis tellus non dui vehicula ac aliquet orci aliquam. 
						Aliquam est mi, sagittis vitae tristique eget, molestie vel tellus. Suspendisse potenti. 
						Pellentesque interdum pellentesque velit, id sollicitudin dolor dapibus vel. Aenean vitae
						leo vitae diam pellentesque bibendum eu facilisis erat. Donec mattis blandit sem iaculis volutpat.
						Nunc quis mauris orci. Etiam adipiscing, lectus in fermentum varius, lectus turpis elementum justo,
						quis facilisis eros nulla nec sem. Suspendisse volutpat egestas mi quis condimentum. Etiam dui felis,
						cursus nec luctus at, imperdiet et nisi. Aliquam condimentum dui quis orci vulputate consectetur.
					</p>
					<p>
						Nunc quis mauris orci. Etiam adipiscing:
					</p>
					
					<h4><a href="#">Donec mattis blandit sem iaculis volutpat..</a></h4>
					
					<p>
						Aenean vitae leo vitae diam pellentesque bibendum eu facilisis erat.
					</p>
					
					<h4><a href="#">Read More</a></h4>
					
					<div id="avant_footer">
						<h3>Today all the menus and recipes</h3>
						
					</div>
				</article>
			</section>
		</div>
	</body>
</html>

Modifié par princelionel (09 Apr 2014 - 13:12)
Modérateur
Bonjour, l'erreur est peu claire, mais elle est dûe à un <h3> dans un <p>, ce qui n'est pas autorisé.

Voici comment c'est lu:
<p>
</p> <-- rajouté par le dom à l'apparition du <h3>
<h3></h3>
</p> <-- déclenche une erreur : pas de <p> ouvert
kustolovic a écrit :
Bonjour, l'erreur est peu claire, mais elle est dûe à un &lt;h3&gt; dans un &lt;p&gt;, ce qui n'est pas autorisé.

Voici comment c'est lu:
&lt;p&gt;
&lt;/p&gt; &lt;-- rajouté par le dom à l'apparition du &lt;h3&gt;
&lt;h3&gt;&lt;/h3&gt;
&lt;/p&gt; &lt;-- déclenche une erreur : pas de &lt;p&gt; ouvert


J'ai creer une autre balise <p> après la balise <h3> qui a crée l'erreur
Modifié par princelionel (09 Apr 2014 - 13:04)