Article
De Mi caja de notas
Révision datée du 19 février 2017 à 13:22 par Xtof (discussion | contributions) (Page créée avec « {{stub-fr}} == structure HTML (étude via le code de Barnaby) == <source lang="html5strict"> <article role="article" class="article-single" id="id-article"> <header cla... »)
Cet article est une débauche. Vous pouvez m’aider à l'améliorer.
structure HTML (étude via le code de Barnaby)
<article role="article" class="article-single" id="id-article">
<header class="article-header">
<h1 class="p-name entry-title"><a class="u-url url" href="/articles/nom-du-post/">Titre du Post</a></h1>
<p class="article-published"><time class="dt-published published" datetime="AAAA-MM-JJTHH:MM:SS+01:00">AAAA-MM-JJ HH:MM</time></p>
</header>
<div class="p-summary entry-summary article-summary">tag-line which I decided was better out of my brain than in it.</div>
<div class="e-content entry-content article-content">
<p>bolo bolo</p>
</div>
</article>
indieweb
📄
This article is a stub. You can help the IndieWeb wiki by expanding it.
An article is a kind of post that typically has more structure than a simple note. Articles usually have a name (title), multiple paragraphs, and often subheadings, blockquotes, embedded images, and a footer of references or citations.
How to mark up?
<article class="h-entry">
<h1 class="p-name">Microformats are amazing</h1>
<p>Published by <a class="p-author h-card" href="http://example.com">W. Developer</a>
on <time class="dt-published" datetime="2013-06-13 12:00:00">13<sup>th</sup> June 2013</time></p>
<p class="p-summary">In which I extoll the virtues of using microformats.</p>
<div class="e-content">
<p>Blah blah blah</p>
</div>
</article>
The core difference to a note is that there is a title, marked up as p-name
, that's different from the content.
If the article has embedded images or photos, where the photos are intended to be displayed interspersed with the text, then do not add the u-photo
class to the images, as that will turn the article into a photo post.
IndieWeb Examples
There are plenty of examples of IndieWeb sites posting articles, as articles essentially represent what used to simply be called "blog posts".
gRegor Morrill
gRegor Morrill has been publishing articles using Nucleus since 2002-01-26:
- http://gregorlove.com/2002/01/1/
- At the time, I treated my site more like a journal and the design did not use titles for each post. In later years, I added default titles for entries missing them.
Tantek
Tantek Çelik has been explicitly posting articles using Falcon on tantek.com since 2010-08-19, and before that with monthly static files and fragement ID permalinks since 2002-08-08:
- 2010-08-19: Bringing Back The Blog
- 2002-08-08: Web standards and bird brains
Aaron Parecki
Aaron Parecki has been publishing articles using p3k on aaronparecki.com since 2004-12-03
Barnaby Walters
Barnaby Walters has been publishing articles using Taproot (or some similar predecessor) since at least 2010-10-02
- http://waterpigs.co.uk/articles/
- RCX on OS X is the earliest content I’ve imported so far
Kartik Prabhu
Kartik Prabhu has been explicitly posting articles using Bundle on kartikprabhu.com since 2013-06-01:
- First article on own domain: Invictus
- Imported old articles from Blogger going back to 2006-10-23 2006 articles
David Shanske
David Shanske has been publishing articles using WordPress since 2009-09-20 (link?) on his own domain
- Had previously and concurrently blogged on a variety of domains about various topics
Jonny Barnes
Jonny Barnes has been posting articles on his blog since 2007-07-19
Kimberly Hirsh
Kimberly Hirsh has been publishing articles using Micro.blog since 2020-01-06.
- She posted articles in WordPress beginning 2009-02-26.
- She previously published blog posts on other domains and across other hosted blogs.
- She imported LiveJournal posts going back to 2007-03-01.
- She intends to import all of her findable writing from across the Internet, which goes back to 2001-03-15, but her earliest blog posts might be considered long notes rather than articles.
Max Dietrich
Max Dietrich has been publishing articles using Strapi since ~ 2018.
- He first posted articles using WordPress and after some trying around decided to migrrate all articles to Strapi.
- http://mxd.codes/articles
Brainstorming
ID markup for paragraphs etc
Marking up paragraphs with unique id attributes may enable more granular referencing for quotations within them, and possibly more granular comments as well.
Silo Examples
Blogger
Blogger introduced "titles" to blog posts in 1999? E.g.
In 2015 Facebook revamped its "Notes" feature to basically support Medium-like articles with titles, and minor style-editing.
- 2015-08-17
- http://thenextweb.com/facebook/2015/08/17/through-the-medium-of-facebook/
- https://twitter.com/davewiner/status/633244015098507264
- apparently Facebook hired the principals of the design studio that designed Medium: https://twitter.com/Fahrni/status/633287361409867776
- 2015-09-25 http://www.theverge.com/2015/9/25/9398895/facebook-notes-redesign
- 2015-10-09 https://blog.hootsuite.com/the-good-the-bad-and-the-ugly-medium-vs-facebook-notes/
POSSE Examples:
(screenshots needed - Tantek has some he should get around to uploading)
Medium
Medium supports articles with a header image, a name, and minor style-editor.
... tons of other ...
See Also
traduction en cours
Cette page a démarré sur article
Cet article est une ébauche. Vous pouvez aider le wiki IndieWebCamp à l'améliorer et le compléter.
Un article est une forme de post qui a généralement plus de structure qu'une simple note. Les articles ont généralement un nom (titre), plusieurs paragraphes, et souvent des sous-titres, des citations et un pied de page de références ou citations.
Exemples IndieWeb
Il existe beaucoup d'exemples de sites IndieWeb postant des articles, parce que les articles représentent en fait ce qui s'appellent ususellement des "posts de blog".
Aaron Parecki
Aaron Parecki publie des articles en utilisant p3k depuis ???
- http://aaronparecki.com/articles
- ... URL du premier article
Barnaby Walters
Barnaby Walters publie des articles en utilisant Taproot (ou quelque prédécesseur équivelent) depuis au moins 2010-10-02
- http://waterpigs.co.uk/articles/
- RCX on OS X est le contenu le plus ancien que j'ai importé à cette heure
Tantek
Tantek Çelik poste explicitement des articles en utilisant Falcon sur tantek.com depuis 2010-08-19:
- 2013-231 : Bringing Back The Blog
Brainstorming
marquage ID pour les paragraphes etc
Marquer les paragraphes avec des attributs unique id peut permettre plus de référencement granulaire pour les citations à l'intérieur, et la possibilité de faire la même chose pour les commentaires.
Voir aussi