Zend_View-Helpers-HeadMeta.xml 9.1 KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130131132133134135136137138139140141142143144145146147148149150151152153154155156157158159160161162163164165166167168169170171172173174175176177178179180181182183184185186187188189190191192193194195196197198199200201202203204205206207208209210211212213214215216217218219220221222223224225226227228229230231232233234235236237
  1. <?xml version="1.0" encoding="UTF-8"?>
  2. <!-- EN-Revision: 24868 -->
  3. <!-- Reviewed: no -->
  4. <sect3 id="zend.view.helpers.initial.headmeta">
  5. <title>L'aide de vue HeadMeta</title>
  6. <para>
  7. L'élément HTML <code>&lt;meta&gt;</code> est utilisé pour fournir des métadonnées
  8. concernant votre document HTML - typiquement, les mots-clés, l'encodage du document, les
  9. directives de mise en cache, etc. Les balises de métadonnées peuvent être soit de type
  10. "http-equiv" ou "name", doivent contenir un attribut "content" et peuvent avoir aussi un
  11. attribut modificateur "lang" ou "scheme".
  12. </para>
  13. <para>
  14. L'aide de vue <code>HeadMeta</code> supporte les méthodes suivantes pour le
  15. paramétrage et l'ajout de métadonnées :
  16. </para>
  17. <itemizedlist>
  18. <listitem>
  19. <para><methodname>appendName($keyValue, $content, $conditionalName)</methodname></para>
  20. </listitem>
  21. <listitem>
  22. <para>
  23. <code>offsetSetName($index, $keyValue, $content,
  24. $conditionalName)</code>
  25. </para>
  26. </listitem>
  27. <listitem>
  28. <para><methodname>prependName($keyValue, $content, $conditionalName)</methodname></para>
  29. </listitem>
  30. <listitem>
  31. <para><methodname>setName($keyValue, $content, $modifiers)</methodname></para>
  32. </listitem>
  33. <listitem>
  34. <para>
  35. <code>appendHttpEquiv($keyValue, $content,
  36. $conditionalHttpEquiv)</code>
  37. </para>
  38. </listitem>
  39. <listitem>
  40. <para>
  41. <code>offsetSetHttpEquiv($index, $keyValue, $content,
  42. $conditionalHttpEquiv)</code>
  43. </para>
  44. </listitem>
  45. <listitem>
  46. <para>
  47. <code>prependHttpEquiv($keyValue, $content,
  48. $conditionalHttpEquiv)</code>
  49. </para>
  50. </listitem>
  51. <listitem>
  52. <para><methodname>setHttpEquiv($keyValue, $content, $modifiers)</methodname></para>
  53. </listitem>
  54. </itemizedlist>
  55. <para>
  56. Les méthodes suivantes sont aussi supportées avec le doctype XHTML1_RDFA si celui-ci a été
  57. spécifié avec <link linkend="zend.view.helpers.initial.doctype">l'aide de vue
  58. Doctype</link>&#160;:
  59. </para>
  60. <itemizedlist>
  61. <listitem>
  62. <para>
  63. <command>appendProperty($property, $content, $modifiers)</command>
  64. </para>
  65. </listitem>
  66. <listitem>
  67. <para>
  68. <command>offsetSetProperty($index, $property, $content, $modifiers)</command>
  69. </para>
  70. </listitem>
  71. <listitem>
  72. <para>
  73. <command>prependProperty($property, $content, $modifiers)</command>
  74. </para>
  75. </listitem>
  76. <listitem>
  77. <para>
  78. <command>setProperty($property, $content, $modifiers)</command>
  79. </para>
  80. </listitem>
  81. </itemizedlist>
  82. <para>
  83. Le paramètre <varname>$keyValue</varname> est utilisé pour définir une valeur pour la clé
  84. "name" ou "http-equiv" ; <varname>$content</varname> est la valeur pour la clé "content", et
  85. <varname>$modifiers</varname> est un tableau associatif optionel qui peut contenir les clés "lang"
  86. et/ou "scheme".
  87. </para>
  88. <para>
  89. Vous pouvez aussi spécifier les métadonnées en utilisant la méthode
  90. <methodname>headMeta()</methodname> qui a la signature suivante : <code>headMeta($content, $keyValue,
  91. $keyType = 'name', $modifiers = array(), $placement = 'APPEND')</code>.
  92. <varname>$keyValue</varname> est le contenu de la clé spécifiée dans <varname>$keyType</varname>, qui
  93. peut être "name" ou "http-equiv". <varname>$keyType</varname> peut aussi être spécifié en tant que
  94. 'property' si le doctype a été réglé à XHTML1_RDFA. <varname>$placement</varname> peut être soit "SET" (efface
  95. toutes les valeurs sauvegardées précédentes), soit "APPEND" (ajout en fin de pile), soit
  96. "PREPEND" (ajout en début de pile).
  97. </para>
  98. <para>
  99. <code>HeadMeta</code> surcharge chacune des méthodes <methodname>append()</methodname>,
  100. <methodname>offsetSet()</methodname>, <methodname>prepend()</methodname>, et <methodname>set()</methodname>, pour imposer
  101. l'utilisation des méthodes spéciales énumérées ci-dessus. En interne, il stocke chaque
  102. élément sous la forme d'un <code>stdClass</code>, qui peut ensuite être sérialiser grâce à
  103. la méthode <methodname>itemToString()</methodname>. Ceci vous permet de réaliser des contrôles sur les
  104. éléments de la pile, et optionnellement de modifier ces éléments simplement en modifiant
  105. l'objet retourné.
  106. </para>
  107. <para>
  108. L'aide de vue <code>HeadMeta</code> est une implémentation concrète de l'aide <link
  109. linkend="zend.view.helpers.initial.placeholder">Placeholder</link>.
  110. </para>
  111. <example id="zend.view.helpers.initial.headmeta.basicusage">
  112. <title>Utilisation basique de l'aide HeadMeta</title>
  113. <para>
  114. Vous pouvez spécifier une nouvelle métadonnée à n'importe quel moment.
  115. Typiquement, vous pouvez spécifier les règles de mise en cache côté client ou les mots
  116. clés SEO (Search Engine Optimization : pour l'optimisation des moteurs de
  117. recherche).
  118. </para>
  119. <para>
  120. Par exemple, si vous souhaitez spécifier des mots clés SEO, vous devez créer une
  121. métadonnée de type "name" ayant pour nom "keywords" et pour contenu les mots clés que
  122. vous souhaitez associer à votre page :
  123. </para>
  124. <programlisting language="php"><![CDATA[
  125. // paramètrage des mots clés
  126. $this->headMeta()->appendName('keywords', 'framework, PHP, productivité');
  127. ]]></programlisting>
  128. <para>
  129. Si vous souhaitez paramètrer des règles de mise en cache côté client, vous devez
  130. créer une métadonnée de type "http-equiv" avec les règles que vous souhaitez imposer
  131. :
  132. </para>
  133. <programlisting language="php"><![CDATA[
  134. // désactiver la mise en cache côté client
  135. $this->headMeta()->appendHttpEquiv('expires',
  136. 'Wed, 26 Feb 1997 08:21:57 GMT')
  137. ->appendHttpEquiv('pragma', 'no-cache')
  138. ->appendHttpEquiv('Cache-Control', 'no-cache');
  139. ]]></programlisting>
  140. <para>
  141. Une autre utilisation habituelle des métadonnées est le réglage du type de contenu
  142. ("content type"), de l'encodage, et le langage :
  143. </para>
  144. <programlisting language="php"><![CDATA[
  145. // régler le type de contenu et l'encodage
  146. $this->headMeta()->appendHttpEquiv('Content-Type', 'text/html; charset=UTF-8')
  147. ->appendHttpEquiv('Content-Language', 'fr-FR');
  148. ]]></programlisting>
  149. <para>
  150. Si vous proposez un document <acronym>HTML5</acronym>, vous pouvez fournir l'encodage
  151. de cette manière&#160;:
  152. </para>
  153. <programlisting language="php"><![CDATA[
  154. // régler l'encodage en HTML5
  155. $this->headMeta()->setCharset('UTF-8');
  156. // donnera <meta charset="UTF-8">
  157. ]]></programlisting>
  158. <para>
  159. Et comme exemple final, une manière simple d'afficher un message de transition
  160. avant une redirection est d'utiliser une métadonnée "refresh" :
  161. </para>
  162. <programlisting language="php"><![CDATA[
  163. // paramètrer une métadonnée refresh pour 3 secondes
  164. // avant une nouvel URL :
  165. $this->headMeta()->appendHttpEquiv('Refresh',
  166. '3;URL=http://www.some.org/some.html');
  167. ]]></programlisting>
  168. <para>
  169. Quand vous êtes prêts à placer vos métadonnées dans votre script de disposition,
  170. réalisez un "<code>echo</code>" de l'aide :
  171. </para>
  172. <programlisting language="php"><![CDATA[
  173. <?php echo $this->headMeta() ?>
  174. ]]></programlisting>
  175. </example>
  176. <example id="zend.view.helpers.initial.headmeta.property">
  177. <title>Utilisation de HeadMeta avec le doctype XHTML1_RDFA</title>
  178. <para>
  179. Activer le doctype RDFa avec <link
  180. linkend="zend.view.helpers.initial.doctype">l'aide de vue Doctype</link> active
  181. l'utilisation de l'attribut 'property' (en plus des habituels 'name' et 'http-equiv')
  182. avec HeadMeta. Ceci est commun par exemple avec le
  183. <ulink url="http://opengraphprotocol.org/">protocole Open Graph</ulink> de Facebook.
  184. </para>
  185. <para>
  186. Par exemple, vous pouvez spécifier un titre et un type de page Open Graph comme ceci&#160;:
  187. </para>
  188. <programlisting language="php"><![CDATA[
  189. $this->doctype(Zend_View_Helper_Doctype::XHTML1_RDFA);
  190. $this->headMeta()->setProperty('og:title', 'my article title');
  191. $this->headMeta()->setProperty('og:type', 'article');
  192. echo $this->headMeta();
  193. // l'affichage est :
  194. // <meta property="og:title" content="my article title" />
  195. // <meta property="og:type" content="article" />
  196. ]]></programlisting>
  197. </example>
  198. </sect3>