HTML5 / CSS 2.x/3 / PHP / MySQL ...

Doctype HTML5 pour ZF

La ligne <DOCTYPE est la toute première du code HTML qui indique au navigateur quelle norme de codage HTML suit.

Pour que ZF prenne en compte la nouvelle norme HTML5, il faut modifier une ligne dans le fichier bootstrap.php situé dans le répertoire application/:

$view->doctype('HTML5');

Et c'est tout. Pour le reste du code de vos pages web, il faudra retoucher les templates. Exemple de retouche dans le script layout.phtml siyué dans le répertoire application/layouts/scripts/:

<?php echo $this->doctype() ?>
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
  <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
  <title>Zend Framework Quickstart Application</title>
  <?php echo $this->headLink()->appendStylesheet('/css/global.css') ?>
</head>
<body>
<header style="background-color: #EEEEEE; height: 30px;">
    <div id="header-logo" style="float: left">
        <b>ZF Quickstart Application</b>
    </div>
    <nav id="header-navigation" style="float: right">
        <a href="<?php echo $this->url(
            array('controller'=>'guestbook'),
            'default',
            true) ?>">Guestbook</a>
    </nav>
</header>
 
<?php echo $this->layout()->content ?>
 
</body>
</html>    

Le fichier layout.phtml est la page de base qui s'affichera par défaut. C'est une sorte de conteneur de base qui indique toutes les ressources générales utilisées par l'application:

Tous les articles sur ce thème