Différences entre versions de « Article »

De Mi caja de notas

(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... »)
 
 
Ligne 2 : Ligne 2 :
  
 
== structure HTML  (étude via le code de Barnaby) ==
 
== structure HTML  (étude via le code de Barnaby) ==
<source lang="html5strict">
+
<source lang="html4strict">
 
<article role="article" class="article-single" id="id-article">
 
<article role="article" class="article-single" id="id-article">
 
  <header class="article-header">
 
  <header class="article-header">

Version actuelle datée du 19 février 2017 à 13:23


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


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:

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

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.

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.

Facebook

In 2015 Facebook revamped its "Notes" feature to basically support Medium-like articles with titles, and minor style-editing.

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 ???

Barnaby Walters

Barnaby Walters publie des articles en utilisant Taproot (ou quelque prédécesseur équivelent) depuis au moins 2010-10-02

Tantek

Tantek Çelik poste explicitement des articles en utilisant Falcon sur tantek.com depuis 2010-08-19:

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