question-answer-brainstorming: Difference between revisions

From Microformats Wiki
Jump to navigation Jump to search
No edit summary
m (Reverted edits by MythiliIyer (Talk) to last version by Gidgreen)
 
(12 intermediate revisions by 8 users not shown)
Line 1: Line 1:
[[http://carlzx.ifrance.com/puff.htm puff]] [[http://verdianaf.ifrance.com/www-panasonic3/ www panasonic autoradio]] [[http://aikona.ifrance.com/scrivimi-fermo.htm scrivimi fermo posta]] [[http://carlzx.ifrance.com/guglielmo-marconi.htm guglielmo marconi]] [[http://verdianaf.ifrance.com/pegao/ pegao]] [[http://carlzx.ifrance.com/e-bay3.htm e bay com]] [[http://verdianaf.ifrance.com/espn-snooker/ espn snooker 2004]] [[http://aikona.ifrance.com/sony-davsa.htm sony davsa30]] [[http://verdianaf.ifrance.com/tv-lcd119/ tv lcd lg 20 pollici]] [[http://aikona.ifrance.com/canzone-di23.htm canzone di shifty slide a long of]] [[http://clik123.ifrance.com/saintefoy/ saintefoy]] [[http://clik123.ifrance.com/in-the27/ in the shadow the rasmus]] [[http://angel00707.ifrance.com/accessori-per46/ accessori per palmari 168]] [[http://aikona.ifrance.com/deskjet10.htm deskjet 450]] [[http://aikona.ifrance.com/monitor-lcd126.htm monitor lcd 8 pollici]] [[http://aikona.ifrance.com/gioco-di40.htm gioco di bici]] [[http://carlzx.ifrance.com/houston1.htm houston]] [[http://aikona.ifrance.com/nw-hd.htm nw hd3]] [[http://carlzx.ifrance.com/the-drive.htm the drive]] [[http://carlzx.ifrance.com/hp-108.htm hp 8200 scanner]] [[http://carlzx.ifrance.com/escuchar-regueton.htm escuchar regueton]] [[http://aikona.ifrance.com/cavalcata-delle2.htm cavalcata delle valchirie]] [[http://angel00707.ifrance.com/bambole-bratz/ bambole bratz accessori]] [[http://verdianaf.ifrance.com/majestic-autoradio/ majestic autoradio usb]] [[http://carlzx.ifrance.com/shu-qi.htm shu qi most sexiest photos]] [[http://clik123.ifrance.com/ram-33/ ram 1 gb]] [[http://verdianaf.ifrance.com/tabulati-per2/ tabulati per basso hendrix]] [[http://angel00707.ifrance.com/europe-cherry/ europe cherry]] [[http://angel00707.ifrance.com/giacomo-leopardi2/ giacomo leopardi foto]] [[http://verdianaf.ifrance.com/cuore-franco/ cuore franco ricciardi]] [[http://angel00707.ifrance.com/fiat-17/ fiat 500 abarth]] [[http://aikona.ifrance.com/giacca-moto2.htm giacca moto abbigliamento]] [[http://carlzx.ifrance.com/babbino.htm babbino]] [[http://carlzx.ifrance.com/vgnsm-s.htm vgns4m s]] [[http://angel00707.ifrance.com/sapphicerotica/ sapphicerotica]] [[http://aikona.ifrance.com/ups-smart1.htm ups smart]] [[http://clik123.ifrance.com/stand-diff/ stand diff]] [[http://clik123.ifrance.com/ragazza-acidella/ ragazza acidella]] [[http://angel00707.ifrance.com/emule-c/ emule 46c gratuito]] [[http://carlzx.ifrance.com/costumi-da3.htm costumi da bagno dolce e gabbana]] [[http://angel00707.ifrance.com/pergolato/ pergolato]] [[http://verdianaf.ifrance.com/discoteca-riccione1/ discoteca riccione]] [[http://carlzx.ifrance.com/george-cluney.htm george cluney]] [[http://angel00707.ifrance.com/pop-rock/ pop rock]] [[http://carlzx.ifrance.com/talauma.htm talauma]] [[http://carlzx.ifrance.com/vivai-pistoia.htm vivai pistoia]] [[http://clik123.ifrance.com/e-r1/ e 444r]] [[http://angel00707.ifrance.com/cucce-per2/ cucce per cani]] [[http://angel00707.ifrance.com/nikon43/ nikon 5 1]] [[http://angel00707.ifrance.com/longines/ longines]] [[http://angel00707.ifrance.com/casalinge-in/ casalinge in calore]] [[http://aikona.ifrance.com/ixus-8.htm ixus 700 batterie canon per foto e video]] [[http://verdianaf.ifrance.com/ostaggio-italiano3/ ostaggio italiano]] [[http://carlzx.ifrance.com/lettore-mp231.htm lettore mp3 jpg]] [[http://verdianaf.ifrance.com/maricatu/ maricatu]] [[http://verdianaf.ifrance.com/lettore-dvd140/ lettore dvd portatile con tv tuner]] [[http://angel00707.ifrance.com/tshirt-porcospino/ tshirt porcospino]] [[http://carlzx.ifrance.com/hold-the.htm hold the line toto]] [[http://angel00707.ifrance.com/mario-winon/ mario winon]] [[http://aikona.ifrance.com/luna-rossi.htm luna rossi]] [[http://verdianaf.ifrance.com/sapori-ditalia/ sapori ditalia e dal mondo srl]] [[http://aikona.ifrance.com/chayanne-video.htm chayanne video musica]] [[http://aikona.ifrance.com/mascia-ferri3.htm mascia ferri foto]] [[http://aikona.ifrance.com/anastasia-freak.htm anastasia freak of nature cover cd]] [[http://carlzx.ifrance.com/valentina-cico.htm valentina cico]] [[http://verdianaf.ifrance.com/webcam-rimini/ webcam rimini]] [[http://carlzx.ifrance.com/ottica-roma.htm ottica roma]] [[http://aikona.ifrance.com/wet-dry.htm wet dry]] [[http://angel00707.ifrance.com/garmin-9/ garmin  forerunner 301]] [[http://verdianaf.ifrance.com/albergo-66/ albergo 3 stella atene]] [[http://verdianaf.ifrance.com/copertine-cd17/ copertine cd lucio battisti]] [[http://aikona.ifrance.com/pink-floyd12.htm pink floyd sacd]] [[http://aikona.ifrance.com/pamela-anderson34.htm pamela anderson che fa un pompino]] [[http://carlzx.ifrance.com/www-yahho1.htm www yahho com]] [[http://angel00707.ifrance.com/motorola-c15/ motorola c650 driver]] [[http://carlzx.ifrance.com/il-garofano.htm il garofano verde]] [[http://carlzx.ifrance.com/www-villa1.htm www villa]] [[http://clik123.ifrance.com/un-silenzio/ un silenzio particolare stefano rulli]] [[http://carlzx.ifrance.com/iaudio.htm iaudio 5 512]] [[http://carlzx.ifrance.com/negozi-lingerie.htm negozi lingerie]] [[http://verdianaf.ifrance.com/intel-cpu2/ intel cpu pentium 4 3 2]] [[http://aikona.ifrance.com/charleston.htm charleston]] [[http://carlzx.ifrance.com/nuovo-video3.htm nuovo video articolo 31]] [[http://aikona.ifrance.com/daddy-y1.htm daddy y yanki]] [[http://clik123.ifrance.com/pescia/ pescia]] [[http://angel00707.ifrance.com/hard-disk376/ hard disk autoradio]] [[http://angel00707.ifrance.com/allinwonder-x/ allinwonder x600 pro]] [[http://verdianaf.ifrance.com/e-13/ e 10 olympus]] [[http://verdianaf.ifrance.com/bubble-fish/ bubble fish]] [[http://aikona.ifrance.com/key-print.htm key print]] [[http://verdianaf.ifrance.com/belami/ belami]] [[http://aikona.ifrance.com/daniele-nella.htm daniele nella fossa dei leoni]] [[http://verdianaf.ifrance.com/emulatore-pc/ emulatore pc]] [[http://carlzx.ifrance.com/david-bawie.htm david bawie]] [[http://aikona.ifrance.com/auto-golf1.htm auto golf iv]] [[http://aikona.ifrance.com/beni-durevoli.htm beni durevoli]] [[http://angel00707.ifrance.com/dtt2/ dtt 4000]] [[http://angel00707.ifrance.com/norton-system1/ norton system works premier 2005]] [[http://aikona.ifrance.com/palmare-hp25.htm palmare hp ipaq tom tom]] [[http://aikona.ifrance.com/videoxxx.htm videoxxx]] [[http://carlzx.ifrance.com/asus-21.htm asus 256 mb pcie]] [[http://angel00707.ifrance.com/ivete-mtv/ ivete mtv]] [[http://carlzx.ifrance.com/calcio-billa.htm calcio billa]] [[http://verdianaf.ifrance.com/appunti-microeconomia/ appunti microeconomia]] [[http://clik123.ifrance.com/pizzica-minore/ pizzica minore]] [[http://clik123.ifrance.com/alfa-romeo65/ alfa romeo 145]] [[http://verdianaf.ifrance.com/volo-aereo71/ volo aereo verona amsterdam]] [[http://angel00707.ifrance.com/h6/ h 2]] [[http://aikona.ifrance.com/serrande.htm serrande]] [[http://aikona.ifrance.com/sony-mzn.htm sony mzn505]] [[http://carlzx.ifrance.com/eau-de24.htm eau de patou]] [[http://verdianaf.ifrance.com/canon-bubblejet/ canon bubblejet pixmania]] [[http://verdianaf.ifrance.com/escort-palermo/ escort palermo]] [[http://aikona.ifrance.com/domina-acquamarine.htm domina acquamarine]] [[http://carlzx.ifrance.com/epson-videoproiettore.htm epson videoproiettore]] [[http://aikona.ifrance.com/follia-omicida.htm follia omicida]] [[http://angel00707.ifrance.com/culi-grandi/ culi grandi]] [[http://aikona.ifrance.com/sito-adulto.htm sito adulto]] [[http://angel00707.ifrance.com/calettare/ calettare]] [[http://carlzx.ifrance.com/tatoo-nomi.htm tatoo nomi]] [[http://clik123.ifrance.com/lettori-di7/ lettori di smart card sitecom]] [[http://aikona.ifrance.com/agriturismo-di.htm agriturismo di orio al serio]] [[http://clik123.ifrance.com/decapitado-estadounidense/ decapitado estadounidense]] [[http://aikona.ifrance.com/chevanton.htm chevanton]] [[http://verdianaf.ifrance.com/telecom-ellisse/ telecom ellisse voice]] [[http://aikona.ifrance.com/escort-cinesi1.htm escort cinesi padova]] [[http://carlzx.ifrance.com/natale-per1.htm natale per sempre]] [[http://clik123.ifrance.com/usa-sexy/ usa sexy]] [[http://clik123.ifrance.com/palmari-gps15/ palmari gps acer n30]] [[http://angel00707.ifrance.com/dragos-te/ dragos te a dintei]] [[http://verdianaf.ifrance.com/viacreme/ viacreme]] [[http://carlzx.ifrance.com/teenax-com.htm teenax com]] [[http://clik123.ifrance.com/fuck-di/ fuck di eamon]] [[http://verdianaf.ifrance.com/km-toyota4/ km0 toyota rav4 auto km 0]] [[http://verdianaf.ifrance.com/gunball/ gunball]] [[http://verdianaf.ifrance.com/poltrona-per/ poltrona per disabili]] [[http://aikona.ifrance.com/sony-dscs1.htm sony dscs90 silver]] [[http://verdianaf.ifrance.com/casio-exilim29/ casio exilim exz750]] [[http://carlzx.ifrance.com/seagate-ata1.htm seagate ata]] [[http://aikona.ifrance.com/screen-protector2.htm screen protector jam]] [[http://carlzx.ifrance.com/sony-trinitron6.htm sony trinitron kv]] [[http://clik123.ifrance.com/macchina-filtro/ macchina filtro]] [[http://clik123.ifrance.com/il-re27/ il re in anteprima]] [[http://angel00707.ifrance.com/lagosta/ lagosta]] [[http://aikona.ifrance.com/la-fattoria9.htm la fattoria vip]] [[http://clik123.ifrance.com/donne-da1/ donne da letto]] [[http://carlzx.ifrance.com/rr.htm rr]] [[http://carlzx.ifrance.com/monster-truck3.htm monster truck tornado]] [[http://angel00707.ifrance.com/luomo-mascherato/ luomo mascherato contro i pirati]] [[http://carlzx.ifrance.com/bush-shoot.htm bush shoot]] =Questions and Answers=
=Questions and Answers=


== Purpose ==
== Purpose ==
Line 10: Line 10:
Current mark-up:
Current mark-up:


:<nowiki><a href="/england/noappointmentneeded/walkincentres/walkincentreservices.cmsx">What services does a Walk-in Centre offer?</a></nowiki>
<source lang=html4strict>
<a href="/england/noappointmentneeded/walkincentres/walkincentreservices.cmsx">What services does a Walk-in Centre  
offer?</a>
</source>


Possible solution (tentative class-names):
Possible solution (tentative class-names):


:<nowiki><a </nowiki>'''class="question answer-at"'''<nowiki> href="/england/noappointmentneeded/walkincentres/walkincentreservices.cmsx">What services does a Walk-in Centre offer?</a></nowiki>
<source lang=html4strict>
<a href="/england/noappointmentneeded/walkincentres/walkincentreservices.cmsx" class="question answer-at">What services  
does a Walk-in Centre offer?</a>
</source>


More about this possible solution:
More about this possible solution:


(FAQ-LIST)
(FAQ-LIST)
:<nowiki><ul class="faq-list"></nowiki>
<source lang=html4strict>
:<nowiki><li><a class="question answer-at" href="faq1.htm">What are the microformats?</a></li></nowiki>
<ul class="faq-list">
:<nowiki><li><a class="question answer-at" href="faq2.htm">Who can use the microformats? </a></li></nowiki>
  <li><a class="question answer-at" href="faq1.htm">What are the microformats?</a></li>
:<nowiki><li><a class="question answer-at" href="faq3.htm">How can we use the microformats? </a></li></nowiki>
  <li><a class="question answer-at" href="faq2.htm">Who can use the microformats? </a></li>
:<nowiki></ul></nowiki>
  <li><a class="question answer-at" href="faq3.htm">How can we use the microformats? </a></li>
</ul>
</source>


(FAQ-PAGE)
(FAQ-PAGE)
:<nowiki><div class="faq"></nowiki>
<source lang=html4strict>
:<nowiki><h1 class="question">What are the microformats?</h1></nowiki>
<div class="faq">
:<nowiki><p class="answer">Microformats are an implementation...</p></nowiki>
  <h1 class="question">What are the microformats?</h1>
:<nowiki></div></nowiki>
  <p class="answer">Microformats are an implementation...</p>
</div>
</source>


(FAQ-NAVIGATION-MENU)
(FAQ-NAVIGATION-MENU)
:<nowiki><ul class="faq-navigation"></nowiki>
<source lang="html4strict">
:<nowiki><li><a href="faq1.htm" class="faq-previous question answer-at">What are the microformats?</a> (Previous in faq-list)</li></nowiki>
<ul class="faq-navigation">
:<nowiki><li><a href="faq3.htm" class="faq-next question answer-at">How can we use the microformats?</a> (Next in faq-list)</li></nowiki>
  <li><a href="faq1.htm" class="faq-previous question answer-at">What are the microformats?</a> (Previous in  
:<nowiki></ul></nowiki>
faq-list)</li>
  <li><a href="faq3.htm" class="faq-next question answer-at">How can we use the microformats?</a> (Next in  
faq-list)</li>
</ul>
</source>
 
==Interview Questions and Answers==
 
A lively discussion on [http://www.quirksmode.org/blog/archives/2007/07/should_intervie_1.html Quirksmode] didn't resolve the issue, but the most convincing argument was made by Eric Myers at comment #7. The answer to a question is semantically a blockquote. The question itself is just text, assuming the author asked the question, so a paragraph is what's called for. Combine that with comment #13, which suggest the use of EM to provide a different voice for the question, and you're halfway there. What remains is to work in the names of the speakers. The CITE tag isn't ideal for identifying the speaker (it's not quite a reference to another source), but it's the only tag that makes sense with a blockquote. That just leaves a tag for the identity of the interviewer. But since the interviewer is also the author, the byline at the top of the page should do the trick. So to sum up, here's a proposed solution:
 
:<nowiki><p><em>What is your quest?</em></p></nowiki>
:<nowiki><blockquote><p><cite>Sir Launcelot:</cite> To seek the Holy Grail.</p></blockquote></nowiki>
 
:<nowiki><p><em>What is your favorite color?</em></p></nowiki>
:<nowiki><blockquote><p><cite><abbr title="Sir Launcelot">SL:</abbr></cite> Blue.</p></blockquote></nowiki>
 
If it is important that the format be portable across sites, then I would also propose adding class="question" in the P tag and class="answer" in the blockquote, although I tend to think the format  is cleaner without those classes.
 
* The content model for <code>&lt;blockquote></code> is <code>(%block;|SCRIPT)+</code>. That is, it may only contain the <code>&lt;script></code> element (I wonder why?) and block level elements such as <code>&lt;p></code>. Inline elements like <code>&lt;cite></code>, and CDATA are not allowed directly within a <code>&lt;blockquote></code>. I've fixed the example to be a valid fragment. [[User:TobyInk|TobyInk]] 02:57, 28 Mar 2008 (PDT)


==hFeed==
==hFeed==
Line 42: Line 70:
hfeed (hAtom) is a good candidate, however, one thing is lacking...the key concept of a q/a.  The value of a q/a format is for agregating questions and answers.  If hAtom can indicate that it's contents are q/a it would be perfect.  
hfeed (hAtom) is a good candidate, however, one thing is lacking...the key concept of a q/a.  The value of a q/a format is for agregating questions and answers.  If hAtom can indicate that it's contents are q/a it would be perfect.  
[[User:TaylorCowan|Taylor Cowan]]
[[User:TaylorCowan|Taylor Cowan]]
==Social Q&A sites==
Another area of interest is using microformats in social Question and Answer sites, of which [http://stackoverflow.com Stack Overflow] is a prominent example.
In this context, each question page is analogous to a forum topic, in which the first post is the question, and subsequent posts are the answers. Consequently [[hatom|hAtom]] appears suitable for this purpose, with certain extensions:
* Differentiating between questions and answers. This could be implemented by adding an additional class name '''question''' or '''answer''' alongside '''hentry'''.
* Indicating that a particular answer was selected (by the questioner) as the best. This could use yet another class name '''answer-selected''' alongside '''hentry''' and '''answer''' for this purpose.
* The net number of up votes minus down votes received by a question or answer. This could reuse the '''votes''' property from [[hreview-aggregate|hreview-aggregate]], although in this case it could also be negative.
[[User:Gidgreen|Gideon Greenspan]] 10:35, 21 January 2010 (UTC)


== See also ==
== See also ==

Latest revision as of 17:48, 13 August 2014

Questions and Answers

Purpose

The "question-answer" microformat proposes to formalize the relationships between questions and answers (including "FAQs") published within a single HTML document (and possibly a set of documents). Such formalization should allow for reuse of questions and answers in new contexts, e.g. search engines, IM bots, etc.

Multi-page FAQs

Based on [1] (extraneous detail omitted)

Current mark-up:

<a href="/england/noappointmentneeded/walkincentres/walkincentreservices.cmsx">What services does a Walk-in Centre 
offer?</a>

Possible solution (tentative class-names):

<a href="/england/noappointmentneeded/walkincentres/walkincentreservices.cmsx" class="question answer-at">What services 
does a Walk-in Centre offer?</a>

More about this possible solution:

(FAQ-LIST)

<ul class="faq-list">
  <li><a class="question answer-at" href="faq1.htm">What are the microformats?</a></li>
  <li><a class="question answer-at" href="faq2.htm">Who can use the microformats? </a></li>
  <li><a class="question answer-at" href="faq3.htm">How can we use the microformats? </a></li>
</ul>

(FAQ-PAGE)

<div class="faq">
  <h1 class="question">What are the microformats?</h1>
  <p class="answer">Microformats are an implementation...</p>
</div>

(FAQ-NAVIGATION-MENU)

<ul class="faq-navigation">
  <li><a href="faq1.htm" class="faq-previous question answer-at">What are the microformats?</a> (Previous in 
faq-list)</li>
  <li><a href="faq3.htm" class="faq-next question answer-at">How can we use the microformats?</a> (Next in 
faq-list)</li>
</ul>

Interview Questions and Answers

A lively discussion on Quirksmode didn't resolve the issue, but the most convincing argument was made by Eric Myers at comment #7. The answer to a question is semantically a blockquote. The question itself is just text, assuming the author asked the question, so a paragraph is what's called for. Combine that with comment #13, which suggest the use of EM to provide a different voice for the question, and you're halfway there. What remains is to work in the names of the speakers. The CITE tag isn't ideal for identifying the speaker (it's not quite a reference to another source), but it's the only tag that makes sense with a blockquote. That just leaves a tag for the identity of the interviewer. But since the interviewer is also the author, the byline at the top of the page should do the trick. So to sum up, here's a proposed solution:

<p><em>What is your quest?</em></p>
<blockquote><p><cite>Sir Launcelot:</cite> To seek the Holy Grail.</p></blockquote>
<p><em>What is your favorite color?</em></p>
<blockquote><p><cite><abbr title="Sir Launcelot">SL:</abbr></cite> Blue.</p></blockquote>

If it is important that the format be portable across sites, then I would also propose adding class="question" in the P tag and class="answer" in the blockquote, although I tend to think the format is cleaner without those classes.

  • The content model for <blockquote> is (%block;|SCRIPT)+. That is, it may only contain the <script> element (I wonder why?) and block level elements such as <p>. Inline elements like <cite>, and CDATA are not allowed directly within a <blockquote>. I've fixed the example to be a valid fragment. TobyInk 02:57, 28 Mar 2008 (PDT)

hFeed

FAQs could be marked up as, or using a variant of, hAtom, with the question being the entry title and the answer the content. Andy Mabbett

hfeed (hAtom) is a good candidate, however, one thing is lacking...the key concept of a q/a. The value of a q/a format is for agregating questions and answers. If hAtom can indicate that it's contents are q/a it would be perfect. Taylor Cowan

Social Q&A sites

Another area of interest is using microformats in social Question and Answer sites, of which Stack Overflow is a prominent example.

In this context, each question page is analogous to a forum topic, in which the first post is the question, and subsequent posts are the answers. Consequently hAtom appears suitable for this purpose, with certain extensions:

  • Differentiating between questions and answers. This could be implemented by adding an additional class name question or answer alongside hentry.
  • Indicating that a particular answer was selected (by the questioner) as the best. This could use yet another class name answer-selected alongside hentry and answer for this purpose.
  • The net number of up votes minus down votes received by a question or answer. This could reuse the votes property from hreview-aggregate, although in this case it could also be negative.

Gideon Greenspan 10:35, 21 January 2010 (UTC)

See also