Comment doit on déclarer meta dans l'entête head ?

**razily** · 16/04/2012, 11h43

Bonjour à tous voilà ;

j'ai dans l'entête mis comme çà dans mon 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
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
76
77
78
79
80
81
82
83
84
85
86
87
88
89
90
91
92
93
94
95
96
97
98
99
100
101
102
103
104
105
106
107
108
109
110
111
112
113
114
115
116
117
118
119
120
121
122
123
124
125
126
127
128
129
130
131
132
133
134
 
 
 <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN"
            "http://www.w3.org/TR/html4/loose.dtd">
    <html>
    <head>
 
 
 
 
           <title>
				 Mon site 
		  </title>    
 
        <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
 
 
          <link href='http://fonts.googleapis.com/css?family=Droid+Serif' rel='stylesheet' type='text/css'>
 
 
 
 
 
 
 
 
 
 
		<link href="http://localhost/MonSite/css/linkcssentete.css" rel="stylesheet" type="text/css" media="screen" /><link href="http://localhost/MonSite/css/principal.css" rel="stylesheet" type="text/css" media="screen" /><link href="http://localhost/MonSite/css/960.css" rel="stylesheet" type="text/css" media="screen" /><link href="http://localhost/MonSite/css/reset.css" rel="stylesheet" type="text/css" media="screen" /><link href="http://localhost/MonSite/css/text.css" rel="stylesheet" type="text/css" media="screen" /><link href="http://localhost/MonSite/css/linkcssfooter.css" rel="stylesheet" type="text/css" media="screen" />        
 
 
 
<link href="http://localhost/MonSite/css/estilo.css" rel="stylesheet" type="text/css" media="screen" /><link href="http://localhost/MonSite/css/jquery.thumbnailScroller.css" rel="stylesheet" type="text/css" media="screen" /><link href="http://localhost/MonSite/css/panier.css" rel="stylesheet" type="text/css" media="screen" />          
 
 
 
 
 
    <!--[if IE 7]>
 
 
 
 
    <link href="http://localhost/MonSite/css/ie7.css" rel="stylesheet" type="text/css" media="screen" />
 
 
 
    <![endif]-->
 
 
 
 
 
 
    <style type= "text/css">
 
  /*
 
body{margin:0px;padding:0px;font-family:Arial;}
 
 
a img,:link img,:visited img { border: none; }
 
 
table { border-collapse: collapse; border-spacing: 0; }
 
 
:focus { outline: none; }
 
*{margin:0;padding:0;}
 
p, blockquote, dd, dt{margin:0 0 8px 0;line-height:1.5em;}
 
fieldset {padding:0px;padding-left:7px;padding-right:7px;padding-bottom:7px;}
 
 
fieldset legend{margin-left:15px;padding-left:3px;padding-right:3px;color:#333;}
dl dd{margin:0px;}
dl dt{}
 
.clearfix:after{clear:both;content:".";display:block;font-size:0;height:0;line-height:0;visibility:hidden;}
.clearfix{display:block;zoom:1}
 
 
ul#thumblist{display:block;}
ul#thumblist li{float:left;margin-right:2px;list-style:none;margin-left:0;}
ul#thumblist li a{display:block;border:1px solid #CCC;}
ul#thumblist li a.zoomThumbActive{
    border:1px solid red;
}
 
 
 
.jqzoom{
 
	text-decoration:none;
	float:left;
}
 
 
*/
 
 
     .confirmetat{
  background:#C9F6D7;
  color:#1AA245;
  border:solid 1px #1AA245;
  width:300px;
  height:40px;
  line-height:40px;
  text-align:center;
  position: relative;
  left: 400px;
  font-size: 20px;
 
 
 
}
 
 
</style>
 
 
 
 
 
 
 
 
 
    </head>
 
		<body>
           /* ici la suitebody */

et après vérification sur validateur firefox html validator j'ai 13 messages notamment sur ce meta et les liens :

Code :

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

1
2
3
4
5
6
7
8
9
10
11
12
13
14
 
line 16 column 106 - Erreur: document type does not allow element "LINK" here
line 27 column 110 - Erreur: document type does not allow element "LINK" here
line 27 column 216 - Erreur: document type does not allow element "LINK" here
line 27 column 316 - Erreur: document type does not allow element "LINK" here
line 27 column 418 - Erreur: document type does not allow element "LINK" here
line 27 column 519 - Erreur: document type does not allow element "LINK" here
line 27 column 629 - Erreur: document type does not allow element "LINK" here
line 31 column 101 - Erreur: document type does not allow element "LINK" here
line 31 column 222 - Erreur: document type does not allow element "LINK" here
line 31 column 325 - Erreur: document type does not allow element "LINK" here
line 53 column 27 - Erreur: document type does not allow element "STYLE" here
line 129 column 10 - Erreur: end tag for element "HEAD" which is not open
line 131 column 7 - Erreur: document type does not allow element "BODY" here

est ce que quelqu'un a une idée

merci

**ouldfella** · 16/04/2012, 15h26

t'a utilisé :

Code :

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

1
2
3
 
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN"
            "http://www.w3.org/TR/html4/loose.dtd">

donc essaye d'enlever "/" à la fin de meta et dans toutes les balises link
voici un exemple à refaire sur toutes les balises :

Code :

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

1
2
3
 
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" >
<link href="http://localhost/MonSite/css/linkcssentete.css" rel="stylesheet" type="text/css" media="screen" >

le "/" est utilisé dans le xhtml :

Code :

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

1
2
 
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">

**Muchos** · 16/04/2012, 15h38

EDIT: ouldfella< m'a grillé

J'ai mis des " à la place des ' dans le link pour googleapis et j'ai enlevé les / à la fin du meta charset (n'existe pas en html4). Ça marche

Code html :

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
 
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
	<html>
	<head>
		<title>Mon site</title>     
			<meta http-equiv="Content-Type" content="text/html; charset=utf-8">
				<link href="http://fonts.googleapis.com/css?family=Droid+Serif" rel="stylesheet" type="text/css">
 
				<link href="http://localhost/MonSite/css/linkcssentete.css" rel="stylesheet" type="text/css" media="screen">
 
				<link href="http://localhost/MonSite/css/principal.css" rel="stylesheet" type="text/css" media="screen">
 
				<link href="http://localhost/MonSite/css/960.css" rel="stylesheet" type="text/css" media="screen">
 
				<link href="http://localhost/MonSite/css/reset.css" rel="stylesheet" type="text/css" media="screen">
 
				<link href="http://localhost/MonSite/css/text.css" rel="stylesheet" type="text/css" media="screen">
 
				<link href="http://localhost/MonSite/css/linkcssfooter.css" rel="stylesheet" type="text/css" media="screen">
 
				<link href="http://localhost/MonSite/css/estilo.css" rel="stylesheet" type="text/css" media="screen">
 
				<link href="http://localhost/MonSite/css/jquery.thumbnailScroller.css" rel="stylesheet" type="text/css" media="screen">
 
				<link href="http://localhost/MonSite/css/panier.css" rel="stylesheet" type="text/css" media="screen">
 
    <!--[if IE 7]>
			    <link href="http://localhost/MonSite/css/ie7.css" rel="stylesheet" type="text/css" media="screen">
    <![endif]-->
…

**billy101** · 16/04/2012, 16h33

Il y a plusieurs manières de déclarer les meta. Tout dépend du type de meta que vous voulez inclure dans l'entête. Voici deux exemples ci-dessous:

- Meta pour les mots clés du site

<meta name="keywords" content=" vos mots clés ici separés par virgule">

- Meta pour la description du site

<meta name="description" content=" votre description ici " >

**Muchos** · 16/04/2012, 23h24

@billy101 : ~~c'est quoi le rapport avec la question ?~~ (edit) Désolé, le titre du sujet est en effet "Comment doit-on déclarer meta dans l'en-tête head", mais en fait le sujet lui-même n'a rien à voir…

**razily** · 24/04/2012, 19h04

juste une question quel est le meilleur parmi les variétés qui existent ;
je veux dire la façon de déclarer :

Code :

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

1
2
3
 
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" lang="en" xml:lang="en">

**ouldfella** · 25/04/2012, 10h45

juste une question quel est le meilleur parmi les variétés qui existent ;
je veux dire la façon de déclarer :

y a pas de variété dans les meta,
chaque meta a son objectif.
si tu parle du type de document html, moi je préfère travailler avec du XHTML transitional

Code :

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

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">

regarde le code source de cette page de ce site

Invité · 26/04/2012, 07h41

Bonjour,
autant regarder vers le futur (déjà présent !) :

Code :

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

<!DOCTYPE html>

=> Recommended list of Doctype declarations

**razily** · 28/04/2012, 11h43

Boonjour ;
tiens comme par hasard e regardant le code source de ce site :

Code :

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

1
2
3
4
5
6
7
8
9
10
11
 
 
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
 
<html xmlns="http://www.w3.org/1999/xhtml" dir="ltr" lang="fr">
 
<head>
<base href="http://www.developpez.net/forums/" /><!--[if IE]></base><![endif]-->
 
	<link rel="canonical" href="http://www.developpez.net/forums/d1209601/webmasters-developpement-web/html-dhtml-xhtml/on-declarer-meta-lentete-head/" />
<meta http-equiv="Content-Type" content="text/html; charset=ISO-8859-1" />

et la balise meta

Code :

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

1
2
3
 
 
<meta http-equiv="Content-Type" content="text/html; charset=ISO-8859-1" />

**NoSmoking** · 28/04/2012, 16h29

sauf que ce site a déjà quelques heures de vol et que tout reprendre demande du travail, énormément de travail.

Pour un site tout neuf, suis les conseils avisés qui t'ont été promulgués.

Comment doit on déclarer meta dans l'entête head ?

HTML

Discussions similaires

Partager

Partager