Publié par Jérémie Bresson dans les docs Jmini (http://docs.jmini.fr) à l’adresse (http://docs.jmini.fr/memo/squelette-page-html).
Dernière mise à jour : Lundi 2 mars 2009
Squelette de page HTML
Il m’arrive souvent de chercher un squelette de page HTML pour coder rapidement une page. Mon éditeur TextMate en donne dans la fonction « New from template… ». En voici un très simple avec du texte Lorem Ipsum.
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN"
"http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<meta http-equiv="Content-Language" content="fr" />
<title>Page de test</title>
<!-- Date: 2009-03-02 -->
</head>
<body>
<h1>Page Test: Lorem ipsum</h1>
<p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Duis id mi. Cum sociis natoque penatibus et magnis dis parturient montes, nascetur ridiculus mus. Cras sit amet diam eu turpis eleifend iaculis. Nullam massa erat, posuere in, pharetra vel, imperdiet nec, massa. Etiam porttitor rhoncus lectus. Mauris eros. Fusce in sapien. Donec dictum mi vitae purus. Ut pellentesque leo molestie metus. Nulla facilisi. Mauris pellentesque, ante et tincidunt dignissim, diam nibh rutrum justo, sit amet bibendum metus velit eget urna. Nunc lacus. Aenean pharetra euismod lectus.</p>
<p>Morbi mollis mauris sed augue. Mauris vitae elit. Maecenas nibh. Pellentesque id tellus laoreet enim faucibus tincidunt. Donec sodales. Donec quis est. Donec imperdiet metus et est. Aenean interdum, neque eget luctus cursus, odio nisi consectetur dolor, quis gravida est risus et velit. Integer commodo mauris non ante. Nulla id enim. Sed mi. Aliquam vel tellus. Sed quam turpis, fermentum nec, imperdiet non, tempus et, purus. Praesent posuere mi vel felis. Cras lacinia lectus ac augue cursus viverra. Cras nec mauris. Nullam et metus. Curabitur dignissim. Quisque nec lorem nec metus porta tincidunt. Pellentesque habitant morbi tristique senectus et netus et malesuada fames ac turpis egestas.</p>
<p>Duis ac quam tincidunt tellus facilisis tempor. Nam volutpat ultricies nisl. Donec sollicitudin, turpis sit amet rhoncus faucibus, sem odio hendrerit ligula, et fermentum purus elit at erat. Nam non mauris nec magna aliquam pulvinar. Nam ipsum ante, fermentum volutpat, vehicula et, scelerisque id, urna. Aliquam mollis tempor urna. Proin tristique, lorem sit amet tempus tempus, lorem urna tincidunt quam, at congue quam arcu id magna. In vel massa. Nunc leo. Fusce mi risus, lacinia ac, venenatis sit amet, tempor sit amet, justo. Vestibulum ante ipsum primis in faucibus orci luctus et ultrices posuere cubilia Curae; Curabitur laoreet congue sapien. Sed nec ante. Aliquam eleifend semper felis. In varius. Nam eget quam.</p>
<h2>Suspendisse mauris</h2>
<p>Suspendisse mauris. In rutrum orci vel odio. Proin iaculis, tortor eu dapibus malesuada, leo velit tempus purus, non venenatis elit massa eget eros. Cras erat. Aenean consequat enim et ante. Mauris tempor pretium lacus. Donec posuere massa eu erat. Pellentesque accumsan. Ut porta dolor blandit mi. Proin euismod. Nullam libero lorem, adipiscing eget, hendrerit quis, porta quis, quam. Proin fermentum convallis arcu. Nunc libero. Vestibulum et ipsum et quam aliquet tempus. Aliquam facilisis dictum lorem. Fusce iaculis orci quis neque.</p>
<p>Nulla odio ligula, ullamcorper ut, ullamcorper nec, semper ac, justo. Vivamus sed neque. Suspendisse eu nunc id odio facilisis suscipit. Integer congue. Class aptent taciti sociosqu ad litora torquent per conubia nostra, per inceptos himenaeos. Nunc vestibulum libero ac lectus. Quisque a arcu eu mi aliquam rhoncus. Praesent semper convallis nunc. Nulla felis ipsum, malesuada nec, congue vitae, luctus vel, magna. Vestibulum ante ipsum primis in faucibus orci luctus et ultrices posuere cubilia Curae.</p>
</body>
</html>
Pour aller plus loin je conseille l’article : Sur quelles bases construire un framework HTML qui donne des idées intéressantes pour nommer ses div. (même si le projet mentionné n’a rien donné)
Voir aussi
Les mots-clés de cet article : html, squelette
Cet article est dans la catégorie : Memo