source: spip-zone/_squelettes_/hBones/article.html @ 1176

Last change on this file since 1176 was 1176, checked in by fil@…, 14 years ago

portfolio + classes pour les differents champs "content"

File size: 3.0 KB
Line 
1[
2        (#REM) Ce squelette fait partie de hBones, un ensemble de squelettes
3        visant a implanter les microformats (http://microformats.org)
4
5]<BOUCLE_article(ARTICLES){id_article}>[
6
7        (#REM) Commencons par XHTML 1.0 strict, et voyons si on peut y arriver
8
9]<!DOCTYPE html
10        PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN"
11        "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">[
12
13        (#REM) Preciser la langue de l'article dans l'entete, ainsi que sa
14        direction generale d'ecriture
15
16]<html xmlns="http://www.w3.org/1999/xhtml"
17        xml:lang="#LANG" lang="#LANG" dir="#LANG_DIR">
18<head>
19[
20
21        (#REM) eviter toute balise dans le titre
22
23]       <title>[(#TITRE|textebrut) - ][(#NOM_SITE_SPIP|textebrut)]</title>
24[
25
26        (#REM) ici ajouter un CSS ?
27
28]
29</head>
30<body>
31[
32        (#REM) Un article peut etre considere comme un "blog-post"
33        <http://microformats.org/wiki/blog-post-brainstorming>
34
35        On se base sur le format (draft) hAtom
36        <http://microformats.org/wiki/hatom>
37]
38
39<div class="atomentry" ID="post-#ID_ARTICLE">[(#REM) "atomentry" = bloc article]
40
41[(#REM) class="content" => contenu de l'article (pas ses meta-donnees !)]
42
43
44        [<h2 class="content toptitle">(#SURTITRE)</h2>]
45
46        [<h1 class="content title">(#TITRE)</h1>]
47
48        [(#REM) la date doit figurer dans un format lisible par une machine
49                <http://microformats.org/wiki/datetime-design-pattern>
50        ]
51        [<abbr class="published"
52                title="[(#DATE|date_iso)]">
53                [(#DATE|nom_jour)] (#DATE|affdate), [(#DATE|heures):][(#DATE|minutes)]
54        </abbr>]
55
56        [<h2 class="content subtitle">(#SOUSTITRE)</h2>]
57
58        [<div class="content deck">(#CHAPO)</div>]
59
60        [
61                (#REM) class non encore definie par hatom : on invente ;
62                (il y aura probablement un <ul><li>...</li></ul> s'il y a
63                plusieurs auteurs)
64                Le format d'un auteur est hCard
65               
66        ]
67        <B_auteurs>
68                <div class="author">
69        <BOUCLE_auteurs(AUTEURS){id_article}>
70                <div class="vcard">
71                        [(#LOGO_AUTEUR|left|#URL_AUTEUR|inserer_attribut{class,photo})]
72                        [<a class="" href="[(#URL_AUTEUR|url_absolue)]">(#NOM)</a>]
73                        [<a class="url fn" href="#URL_SITE">(#URL_SITE)</a>]
74                </div>
75        </BOUCLE_auteurs>
76                </div>
77        </B_auteurs>
78
79
80        [<div class="content text">(#TEXTE)</div>]
81
82
83        [
84                (#REM)
85                Le portfolio au format relEnclosure
86                <http://microformats.org/wiki/rel-enclosure>
87                (attention il manque #TITRE et #DESCRIPTION)
88        ]
89        <B_portfolio>
90                <div class="enclosures">
91                <ul class="enclosures">
92        <BOUCLE_portfolio(DOCUMENTS){id_article}{mode=document}{doublons}>
93                <li>
94                <a[ href="(#URL_DOCUMENT|url_absolue)"]
95                rel="enclosure"[ type="(#MIME_TYPE)"][ length="(#TAILLE)"]
96                >[(#LOGO_DOCUMENT||inserer_attribut{title,#TITRE})]</a></li>
97        </BOUCLE_portfolio>
98                </ul>
99                </div>
100        </B_portfolio>
101
102
103        [<div class="content notes">(#NOTES)</div>]
104
105        [<div class="content postscriptum">(#PS)</div>]
106
107</div>[(#REM) /content]
108
109
110
111[
112
113        (#REM) Les mots-cles au format relTag
114        <http://microformats.org/wiki/reltag>
115
116]
117<B_tags>
118        <h4 class="tags">Tags:</h4>
119        <ul class="tags">
120<BOUCLE_tags(MOTS){id_article}>
121        <li><a[ href="(#URL_MOT|url_absolue)"] rel="tag">#TITRE</a></li>
122</BOUCLE_tags>
123        </ul>
124</B_tags>
125
126
127</div>[(#REM) /atomentry]
128
129</body>
130</html>
131</BOUCLE_article>
Note: See TracBrowser for help on using the repository browser.