Plugin Figures

Modèles d’insertion des documents en HTML5, avec figure et figcaption.

Envie d’utiliser HTML5 sur tout votre site, y compris les modèles d’insertion des documents de SPIP ? Aussitôt installé, ce plugin utilise les éléments HTML5 figure et figcaption pour insérer vos images et documents (sans apporter d’autre nouveauté, par rapport aux squelettes par défaut de SPIP).

Seul changement visible : le champ « crédits » est désormais affiché.

Pour en savoir plus :
-  HTML5 : Éléments <figure> et <figcaption>, Alsacréations, 2012.
-  4.4.11. The figure element, specification HTML 5.1 du W3C.

Discussion

2 discussions

  • 1

    Bonjour,

    Merci pour cet outil ;-)

    Si j’ai bien compris, depuis que SPIP fournit le champ #CREDITS sur les documents, ce paramètre n’est pas utilisé dans les squelettes de la dist ?
    Et depuis HTML5, la dist ne propose pas non plus les <figure><figcaption> ?

     :-((

    françois

    • Oui, c’est exact. Les squelettes de la dist ne contiennent pas de balises HTML5, parce que cela introduirait des invalidités dans les sites construits dans d’autres versions de HTML. D’où ce plugin pour, si le webmestre le veut, des documents balisés en HTML5. Mais la dist ne lui impose pas.

    Répondre à ce message

  • rien ne se passe ...
    La v 0.4.2 dev est pourtant réputée compatible avec SPIP 3.1 (ici 3.1.7)

    est-ce que ça se passe bien également sur le site public j’ai essayé de coder directement en figure> </figure point n’y fait

    le plugin vidéo (html5) est également activé
    j’ai bien !DOCTYPE html qui autorise html5

    je cale

    en fait ce que je cherche c’est à tester un diaporama 100% html5 css3 ... donc ç’aurait été un bon début

    Répondre à ce message

Ajouter un commentaire

Qui êtes-vous ?

Pour afficher votre trombine avec votre message, enregistrez-la d’abord sur gravatar.com (gratuit et indolore) et n’oubliez pas d’indiquer votre adresse e-mail ici.

Ajoutez votre commentaire ici

Ce champ accepte les raccourcis SPIP {{gras}} {italique} -*liste [texte->url] <quote> <code> et le code HTML <q> <del> <ins>. Pour créer des paragraphes, laissez simplement des lignes vides.

Ajouter un document

Suivre les commentaires : RSS 2.0 | Atom

Dernière modification de cette page le 2 décembre 2017