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

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

hBones, projet de squelettes bases sur les microformats
on commence par article.html (avec langue, auteurs & mots-cles)

File size: 2.2 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) Le contenu de l'article (pas ses meta-donnees !)]
42
43
44        [<h2 class="content ????">(#SURTITRE)</h2>]
45
46        [<h1 class="content title">(#TITRE)</h1>]
47
48        [<h2 class="content ?????">(#SOUSTITRE)</h2>]
49
50        [<div class="content ????">(#CHAPO)</div>]
51
52        [
53                (#REM) class non encore definie par hatom : on invente ;
54                (il y aura probablement un <ul><li>...</li></ul> s'il y a
55                plusieurs auteurs)
56                Le format d'un auteur est hCard
57               
58        ]
59        <B_auteurs>
60                <div class="author">
61        <BOUCLE_auteurs(AUTEURS){id_article}>
62                <div class="vcard">
63                        [(#LOGO_AUTEUR|left|#URL_AUTEUR|inserer_attribut{class,photo})]
64                        [<a class="" href="[(#URL_AUTEUR|url_absolue)]">(#NOM)</a>]
65                        [<a class="url fn" href="#URL_SITE">(#URL_SITE)</a>]
66                </div>
67        </BOUCLE_auteurs>
68                </div>
69        </B_auteurs>
70
71
72        [<div class="content ????">(#TEXTE)</div>]
73
74        [<div class="content ????">(#NOTES)</div>]
75
76        [<div class="content ????">(#PS)</div>]
77
78</div>[(#REM) /content]
79
80
81
82[
83
84        (#REM) Les mots-cles au format relTag
85        <http://microformats.org/wiki/reltag>
86
87]
88<B_tags>
89        <h4 class="tags">Tags:</h4>
90        <ul class="tags">
91<BOUCLE_tags(MOTS){id_article}>
92        <li><a[ href="(#URL_MOT|url_absolue)"] rel="tag">#TITRE</a></li>
93</BOUCLE_tags>
94        </ul>
95</B_tags>
96
97
98</div>[(#REM) /atomentry]
99
100</body>
101</html>
102</BOUCLE_article>
Note: See TracBrowser for help on using the repository browser.