Comprend plus avec les metas

**jlb59** · 05/01/2009, 13h10

Bonjour à tous,

Là, il y a un hic que je ne peux résoudre.

1) Sur mammoutland, on me dit que la page index.php peut contenir les metas pour le site.

2) Sur webranking, il est dit (par popup) que le meta "titre" doit figurer sur toutes les pages

Actuellement, pratiquement tout mon site est valide W3C. Seul "index.php" contient les metas nécessaires au site. Donc, je ne peux pas titrer toutes les pages.
J'ai essayé de mettre <HTML><HEAD>... sur la page d'accueil "accueil.html" avec les metas pour cette seule page, et bien, ce n'est plus validé.
W3C me signale une erreur :

Line 324, Column 5: document type does not allow element "HTML" here.

<html>

✉

The element named above was found in a context where it is not allowed. This could mean that you have incorrectly nested elements -- such as a "style" element in the "body" section instead of inside "head" -- or two elements that overlap (which is not allowed).

One common cause for this error is the use of XHTML syntax in HTML documents. Due to HTML's rules of implicitly closed elements, this error can create cascading effects. For instance, using XHTML's "self-closing" tags for "meta" and "link" in the "head" section of a HTML document may cause the parser to infer the end of the "head" section and the beginning of the "body" section (where "link" and "meta" are not allowed; hence the reported error).

Je ne sais plus vraiment ce qu'il faut faire ???

Voulez-vous m'aider ?

Merci d'avance.

**Bisûnûrs** · 05/01/2009, 13h11

On doit deviner ton code ?

**jlb59** · 05/01/2009, 13h28

Je ne pensais pas que cela serait utile.

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
<head>
<META NAME="verify-v1" CONTENT="3UzXHHchVTRBhlP0/dtyqZ9dR2swhF8n3AQjmQs0iHw=">
<META HTTP-EQUIV="Content-Type" CONTENT="text/html; charset=iso-8859-1">
<title>QI98 - Analyse de la mémoire</title>
<META NAME="keywords" CONTENT="
intelligence,test memoire,test mémoire,memoire,mémoire,evaluation QI,evaluation qi,évaluation qi,test de qi,qi,Test de QI,QI,analyse memoire,quotient intellectuel,evaluation quotient intellectuel,performance memoire,performance logique,securite pc,securite ordinateur,firewall,firewalls,antivirus,spybot,spybots,antispam,antispams,maintenance pc,maintenance ordinateur,protection pc,protection ordinateur,generateurs,generateur,graphisme,dessin,dessins,croquis,banniere,bannière,bannieres,bannières,logo,logos,outil graphique,outils graphique,outils graphiques,outils graphiques,outil de graphisme,outils de graphisme,outil graphisme,outils graphisme,flash,flashs,dessin flash,dessins flashs,graphisme flash,graphismes flash,graphismes flashs,graphisme flashs,graphisme en flash,graphismes en flash">
<META NAME="description" CONTENT="QI98 analyse efficacement les facultés intellectuelles d'un individu (QI).">
<META NAME="robots" CONTENT="index,follow">
<META NAME="Revisit-After" CONTENT="7 day">
<META NAME="author" LANG="fr" CONTENT="JL BOUCHEZ">
<META NAME="publisher" CONTENT="JL BOUCHEZ">
<META NAME="Copyright" CONTENT="© 1998-2009 JL BOUCHEZ">
<META NAME="page-topic" CONTENT="Evaluation">
<META NAME="page-type" CONTENT="Evaluation">
<META NAME="audience" CONTENT="Tous">
<META NAME="expires" CONTENT="neverR">
<META NAME="Rating" CONTENT="general">
<META NAME="Distribution" CONTENT="global">
<META NAME="Geography" CONTENT="Dunkerque,France,59430">
<META NAME="Category" CONTENT="education">
<META NAME="Identifier-Url" CONTENT="http://qi98.free.fr/">
<META HTTP-EQUIV="Content-Language" CONTENT="fr">
<META HTTP-EQUIV="Content-Style-Type" CONTENT="text/css">
<META HTTP-EQUIV="Content-Script-Type" CONTENT="text/javascript">
<link rel="shortcut icon" href="http://qi98.free.fr/favicon.ico">
<link href="styles/styles.css" rel="stylesheet" media="screen" type="text/css" title="design">
<link href="styles/sitemap.css" rel="stylesheet" media="screen" type="text/css" title="design">
<link href="styles/menu_g.css" rel="stylesheet" media="screen" type="text/css" title="design">
<link href="styles/menutab.css" rel="stylesheet" media="screen" type="text/css" title="design">
<link href="styles/faq.css" rel="stylesheet" media="screen" type="text/css" title="design">
<link href="styles/cv.css" rel="stylesheet" media="screen" type="text/css" title="design">
<link href="styles/styles_img.css" rel="stylesheet" media="screen" type="text/css" title="design">
<script src="scripts/menutab.js" language="JavaScript" type="text/javascript"></script>
<script src="scripts/favoris.js" language="JavaScript" type="text/javascript"></script>
 
<link href="calc/calc.css" rel="stylesheet" type="text/css">
<link href="menufr/ssmItems.css" rel="stylesheet" type="text/css">
<script src="scripts/maj.js" type="text/javascript"></script>
<SCRIPT SRC="menufr/ssm.js" language="JavaScript" type="text/javascript"></SCRIPT>
<SCRIPT SRC="menufr/ssmItems.js" language="JavaScript" type="text/javascript" ></SCRIPT>
<SCRIPT SRC="iqListe.js" language="JavaScript" type="text/javascript"></SCRIPT>
</head>

**Bisûnûrs** · 05/01/2009, 13h32

Ce que je vois surtout c'est que tu inclus tes pages en PHP dans ton index, et que ces pages contiennent aussi les balises html, body, head, etc. Donc lors de la génération du code, ces balises se retrouvent au milieu. Donc ces balises ne doivent se trouver que dans l'index et pas dans tes pages.

**jlb59** · 05/01/2009, 13h41

Que nenni mon bon monsieur !
Ce que j'ai mis ici, c'est le contenu du fichier "index.php".

Au fait comment as-tu déterminé que j'avais des pages incules en PHP rien qu'en voyant les metas ?

Pour l'instant, il n'y a qu'une erreur W3C à cause de "accueil.html" où j'ai essayé de mettre l'en-tête.

**Bovino** · 05/01/2009, 14h43

Code :

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

1
2
3
4
5
6
7
8
9
10
11
12
13
<!-- AFFICHAGE DES PAGES -->
<div id="corps">
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1">
<title></title>
<meta name="description" content="Page d'accueil">
<meta name="keywords" content="qi">
<meta name="author" content="JL BOUCHEZ">
<meta name="generator" content="WebExpert 5">
</head>
<body>
<!-- début fenetre -->

C'est ce que montre le code source de la page de ta signature !

**Bisûnûrs** · 05/01/2009, 15h06

Envoyé par jlb59

Ce que j'ai mis ici, c'est le contenu du fichier "index.php".

Je sais bien, mais tu as aussi des balises html head body dans tes pages, comme accueil.html par exemple, or il ne faudrait pas.

Envoyé par jlb59

Au fait comment as-tu déterminé que j'avais des pages incules en PHP rien qu'en voyant les metas ?

Cf la réponse de Bovino.

**jlb59** · 05/01/2009, 17h22

Envoyé par Bisûnûrs

Je sais bien, mais tu as aussi des balises html head body dans tes pages, comme accueil.html par exemple, or il ne faudrait pas

Comme je te l'ai dit, il n'y a que le fichier accueil.html où j'ai mis ces balises.
Ceci dans le but de voir si ça pouvait être validé ou pas.

D'origine, il n'y a aucune balise HTML dans ce fichier, et c'est pour ça que W3C validait sans erreur.

J'espère bien me faire comprendre !

Je remets accueil.html comme c'était et tu pourras voir que ça valide sans problème !

**Bisûnûrs** · 05/01/2009, 17h30

Et donc, tu veux pouvoir mettre un titre différent sur chacune des pages, c'est ça ?

Comme tu utilises "page=XX" pour savoir quelle page tu dois appeler, tu dois donc avoir une sorte de dispatcher. Donc ce que tu peux faire, c'est que dans ce dispatcher tu mets une autre variable PHP ($title par exemple) que tu renseignes avec le titre que tu veux, et tu l'affiches dans la balise <title> du fichier index.php.

**jlb59** · 05/01/2009, 17h52

Pour le titre de chaque page, c'est exactement ça !
Je referais le texte en + clair et essayerai d'y placer quelques mots-clés.

Envoyé par Bisûnûrs

Comme tu utilises "page=XX" pour savoir quelle page tu dois appeler, tu dois donc avoir une sorte de dispatcher. Donc ce que tu peux faire, c'est que dans ce dispatcher tu mets une autre variable PHP ($title par exemple) que tu renseignes avec le titre que tu veux, et tu l'affiches dans la balise <title> du fichier index.php.

Oui, je vois bien ce que tu veux dire, mais seulement, le "dispatcher" en question, bien-sûr en PHP, il serait facile de mettre cette variable ! Seulement, le problème est que je m'emmêle les pinceaux en voulant le faire !

Ca ne te dérangerait pas trop de m'expliquer davantage, parce que là, je patauge sérieusement ? Merci d'avance.
Au cas où, je te mets une partie du code de ce "dispatcher" :

Code :

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

1
2
3
4
5
6
7
8
9
10
11
<?php
$page = (!empty($_GET['page'])) ? htmlentities($_GET['page']) : 'accueil';
$array_pages = array(
//    N° Pages             Liens    
//////////// ACCUEIL /////////////
	 'accueil' =>  'pages/accueil.html',
	 '1' =>  'pages/accueil.html',
//////////// FORMULAIRE DE CONTACT /////////////
         '2' =>  'pages/contact/contact.php',
//////////// AFFILIATION /////////////
...

**Bisûnûrs** · 05/01/2009, 18h03

A mon avis ton dispatcher devrait plus ressembler à ça :

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
$page = ( isset( $_GET['page'] ) ) ? $_GET['page'] : 'accueil';
 
switch ( $page )
{
   case 'accueil' :
   case '1'       :
      $include_page = 'pages/accueil.html';
      $title        = 'Accueil';
   break;
 
   case '2'       :
      $include_page = 'pages/contact/contact.php';
      $title        = 'Contactez-moi !';
   break;
 
   /* ... */
}

Et plus bas dans ton code HTML :

Code php :

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

1
2
3
4
5
6
<head>
   <title><?php echo $title; ?></title>
 
...
 
<?php include( $include_page );

**jlb59** · 05/01/2009, 18h29

C'est vrai que ton code est plus élaboré que le mien, mais comme je ne suis pas un pro du PHP, j'ai fait avec les moyens du bord.

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
$page = (!empty($_GET['page'])) ? htmlentities($_GET['page']) : 'accueil';
$array_pages = array(
//    N° Pages             Liens    
//////////// ACCUEIL /////////////
	 'accueil' =>  'pages/accueil.html',	
	 '1' =>  'pages/accueil.html',//Accueil
//////////// FORMULAIRE DE CONTACT /////////////
     '2' =>  'pages/contact/contact.php',
//////////// AFFILIATION /////////////
 
(...)
 
);
if(!array_key_exists($page, $array_pages)) include('pages/erreur404.html');
elseif(!is_file($array_pages[$page])) include('pages/erreur404.html'); 
else  include($array_pages[$page]);
?>

A mon avis ton dispatcher devrait plus ressembler à ça :

Tu vois que mon code est bien différent du tien.

En fait, c'est ce fichier qui est appelé par index.php au moyen d'un include, et quand tu dis qu'il faut mettre le restant de ton code plus loin dans le HTML. Seulement, dans ce fichier, il n'y a pas de HTML !
Il n'y a que index.php qui en a :

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
(...)
<SCRIPT SRC="menufr/ssmItems.js" language="JavaScript" type="text/javascript" ></SCRIPT>
<SCRIPT SRC="iqListe.js" language="JavaScript" type="text/javascript"></SCRIPT>
</head>

<body>

<div class="header">
<?php include("main_inc/header.html"); ?>
</div>

<div id="menutab">
<?php include("main_inc/menutab.html"); ?>
</div>

<div class="menu2">
<?php include("main_inc/menu_g.html"); ?>
</div>

<!-- AFFICHAGE DES PAGES -->
<div id="corps">
<?php include ('main_inc.php'); ?>
</div>
(...)

En bleu, c'est le "dispatcher".

En fait, si la page appelée n'existe pas ou plus, c'est signalé par un autre fichier "erreur404.html".
Apparamment, le code que tu m'a mis ne fait pas ce genre de procédure !
A moins que je ne doive l'adapter pour ce faire ???

Tu comprends ?

**Bisûnûrs** · 05/01/2009, 18h50

Il est assez facile d'adapter mon code pour rajouter une page d'erreur comme la tienne. Il suffit de rajouter une condition après le switch par exemple.

Ensuite, effectivement à l'endroit où ton dispatcher est inclut, il est déjà trop tard pour afficher le title. Ce qu'il faut que tu fasses, c'est que toute la partie des tests du switch et de l'existence du fichier se trouve tout en haut, avant le premier morceau de HTML, comme ça tes variables seront disponibles dans la balise title. Ensuite, plus bas dans ta partie bleue actuelle, tu mets juste l'include vers la page en question et non vers le dispatcher.

**jlb59** · 05/01/2009, 19h13

Envoyé par Bisûnûrs

Il est assez facile d'adapter mon code pour rajouter une page d'erreur comme la tienne. Il suffit de rajouter une condition après le switch par exemple.

Je pense avoir compris ton idée, mais avec ce que me dis après, ouhhh!

Envoyé par Bisûnûrs

Ensuite, effectivement à l'endroit où ton dispatcher est inclut, il est déjà trop tard pour afficher le title. Ce qu'il faut que tu fasses, c'est que toute la partie des tests du switch et de l'existence du fichier se trouve tout en haut, avant le premier morceau de HTML,

Malheureusement, dans le dispatcher il n'y a aucune balise HTML !
Et le test d'existance se fait APRES d'avoir lister le tableau, sinon, ça va pas. J'ai déjà essayé !

Envoyé par Bisûnûrs

comme ça tes variables seront disponibles dans la balise title. Ensuite, plus bas dans ta partie bleue actuelle, tu mets juste l'include vers la page en question et non vers le dispatcher.

Comme je te l'ai dit, je ne suis pas un pro, et ce que tu me dis consisterait à faire une refonte complète de l'appel des pages !
Ouhhh! J'ai déjà mis plusieurs jours (semaines) pour en arriver là avec bien du mal, t'imagine si je dois recommencer ???

Je sais que pour toi, c'est peut-être un jeu d'enfant, mais pour moi, c'est plus compliqué.

Moralité: je laisse tel quel puisque j'ai fait une bêtise mais qui marche bien... et sans trop d'erreur W3C.

Merci quand même.

**jlb59** · 06/01/2009, 21h42

Envoyé par Bisûnûrs

Il est assez facile d'adapter mon code pour rajouter une page d'erreur comme la tienne. Il suffit de rajouter une condition après le switch par exemple.

Ensuite, effectivement à l'endroit où ton dispatcher est inclut, il est déjà trop tard pour afficher le title. Ce qu'il faut que tu fasses, c'est que toute la partie des tests du switch et de l'existence du fichier se trouve tout en haut, avant le premier morceau de HTML, comme ça tes variables seront disponibles dans la balise title. Ensuite, plus bas dans ta partie bleue actuelle, tu mets juste l'include vers la page en question et non vers le dispatcher.

Bonsoir Bisûnûrs,

Dans un ancien site, j'ai essayé le code que tu m'avais donné et j'ai mis le test :

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
<?php 
// rubrique.php
$page = isset($_GET['p']) ? $_GET['p'] . '.php' : 'accueil.html'; 
 
if (!@ file_exists($page)) 
{ 
    $page = 'erreur404.html'; 
    $title='Page d\erreur';
} 
else
{
switch ( $page )
{
   case 'Intro' :
   case '1':
      $include_page = 'accueil.html';
      $title        = 'accueil';
   break;
 
   case '2'       :
      $include_page = 'contact.php';
      $title        = 'contact';
   break;
(...)
}
}
?>

.
Je ne sais pas exactement où doit se placer $title, parce que tu m'as dit qu'il fallait le mettre plus bas dans le HTML, mais c'est là que je ne comprends plus.
En effet, le code est en fait le "dispatcher", donc totalement en PHP... et il n'y a pas de HTML !!!!

Tu veux éclairer ma lanterne STP ?

Merci de ta réponse.

**Bisûnûrs** · 06/01/2009, 22h36

On va prendre un exemple complet.

Voici le contenu du fichier index.php :

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
<?php
include( 'dispatcher.php' );
?>
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<html>
<head>
   <title><?php echo $title; ?></title>
<head>
<body>
 
<div>
<?php include( $page ); ?>
</div>
 
</body>
</html>

Et le contenu du dispatcher.php peut ressembler à ça :

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
<?php 
$p = isset( $_GET['p'] ) ? $_GET['p'] : 'accueil'; 
 
switch ( $p )
{
   case 'accueil' :
   case '1' :
      $title = 'accueil';
      $page  = 'accueil.html';
   break;
 
   case '2' :
      $title = 'contact';
      $page  = 'contact.php';
   break;
 
   default :
      $title = 'erreur';
      $page  = 'erreur404.html';
   break;
}
?>

Après c'est toujours améliorable ...

Comprend plus avec les metas

Langage PHP

Discussions similaires

Partager

Partager