http://microformats.org/wiki/index.php?action=history&feed=atom&title=what-are-microformats-th what-are-microformats-th - Revision history 2026-05-20T06:53:08Z Revision history for this page on the wiki MediaWiki 1.38.4 http://microformats.org/wiki/index.php?title=what-are-microformats-th&diff=70723&oldid=prev Tantek: rm hardcoded IRC server in prose 2024-10-23T19:09:06Z <p>rm hardcoded IRC server in prose</p> <table style="background-color: #fff; color: #202122;" data-mw="interface"> <col class="diff-marker" /> <col class="diff-content" /> <col class="diff-marker" /> <col class="diff-content" /> <tr class="diff-title" lang="en"> <td colspan="2" style="background-color: #fff; color: #202122; text-align: center;">← Older revision</td> <td colspan="2" style="background-color: #fff; color: #202122; text-align: center;">Revision as of 19:09, 23 October 2024</td> </tr><tr><td colspan="2" class="diff-lineno" id="mw-diff-left-l50">Line 50:</td> <td colspan="2" class="diff-lineno">Line 50:</td></tr> <tr><td class="diff-marker"></td><td style="background-color: #f8f9fa; color: #202122; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #eaecf0; vertical-align: top; white-space: pre-wrap;"><div>&lt;blockquote style=&quot;font-size:larger&quot;&gt;&lt;p&gt;ไมโครฟอร์แมตเป็นชื่อของคลาส (class) ที่ใช้ใน (X)HTML ที่ถูกออกแบบมาอย่างปราณีต เพื่อขยายความหมายของ (X)HTML และทำให้ผู้เขียนสามารถตีพิมพ์เนื้อหาที่มีความถูกต้องมากขึ้น เช่นเนื้อหาที่เกี่ยวกับบุคคล เหตุการณ์ บทวิจารณ์ ฯลฯ&lt;/p&gt;&lt;/blockquote&gt;</div></td><td class="diff-marker"></td><td style="background-color: #f8f9fa; color: #202122; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #eaecf0; vertical-align: top; white-space: pre-wrap;"><div>&lt;blockquote style=&quot;font-size:larger&quot;&gt;&lt;p&gt;ไมโครฟอร์แมตเป็นชื่อของคลาส (class) ที่ใช้ใน (X)HTML ที่ถูกออกแบบมาอย่างปราณีต เพื่อขยายความหมายของ (X)HTML และทำให้ผู้เขียนสามารถตีพิมพ์เนื้อหาที่มีความถูกต้องมากขึ้น เช่นเนื้อหาที่เกี่ยวกับบุคคล เหตุการณ์ บทวิจารณ์ ฯลฯ&lt;/p&gt;&lt;/blockquote&gt;</div></td></tr> <tr><td class="diff-marker"></td><td style="background-color: #f8f9fa; color: #202122; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #eaecf0; vertical-align: top; white-space: pre-wrap;"><br/></td><td class="diff-marker"></td><td style="background-color: #f8f9fa; color: #202122; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #eaecf0; vertical-align: top; white-space: pre-wrap;"><br/></td></tr> <tr><td class="diff-marker" data-marker="−"></td><td style="color: #202122; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #ffe49c; vertical-align: top; white-space: pre-wrap;"><div>จากบทสนทนา IRC วันที่ 28 กรกฏาคม 2549 กับ tcaspers ที่ <del style="font-weight: bold; text-decoration: none;">irc.freenode.net/</del>#wasp.</div></td><td class="diff-marker" data-marker="+"></td><td style="color: #202122; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #a3d3ff; vertical-align: top; white-space: pre-wrap;"><div>จากบทสนทนา IRC วันที่ 28 กรกฏาคม 2549 กับ tcaspers ที่ <ins style="font-weight: bold; text-decoration: none;">[[IRC]] </ins>#wasp.</div></td></tr> <tr><td class="diff-marker"></td><td style="background-color: #f8f9fa; color: #202122; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #eaecf0; vertical-align: top; white-space: pre-wrap;"><br/></td><td class="diff-marker"></td><td style="background-color: #f8f9fa; color: #202122; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #eaecf0; vertical-align: top; white-space: pre-wrap;"><br/></td></tr> <tr><td class="diff-marker"></td><td style="background-color: #f8f9fa; color: #202122; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #eaecf0; vertical-align: top; white-space: pre-wrap;"><br/></td><td class="diff-marker"></td><td style="background-color: #f8f9fa; color: #202122; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #eaecf0; vertical-align: top; white-space: pre-wrap;"><br/></td></tr> </table> Tantek http://microformats.org/wiki/index.php?title=what-are-microformats-th&diff=34170&oldid=prev SukitArseanrapoj: /* Alessandro Martin */ 2008-05-05T13:45:50Z <p><span dir="auto"><span class="autocomment">Alessandro Martin</span></span></p> <table style="background-color: #fff; color: #202122;" data-mw="interface"> <col class="diff-marker" /> <col class="diff-content" /> <col class="diff-marker" /> <col class="diff-content" /> <tr class="diff-title" lang="en"> <td colspan="2" style="background-color: #fff; color: #202122; text-align: center;">← Older revision</td> <td colspan="2" style="background-color: #fff; color: #202122; text-align: center;">Revision as of 13:45, 5 May 2008</td> </tr><tr><td colspan="2" class="diff-lineno" id="mw-diff-left-l114">Line 114:</td> <td colspan="2" class="diff-lineno">Line 114:</td></tr> <tr><td class="diff-marker"></td><td style="background-color: #f8f9fa; color: #202122; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #eaecf0; vertical-align: top; white-space: pre-wrap;"><div>&lt;blockquote style=&quot;font-size:larger;&quot;&gt;ไมโครฟอร์แมตคือโครงสร้างความหมายที่มีแรงผลักดัน คือการให้โครงสร้างกับสิ่งที่ใครๆก็ทำกันโดยทั่วไปอยู่แล้วที่ใช้งานได้ และถูกเขียนออกมาเป็นรูปธรรม&lt;/blockquote&gt;</div></td><td class="diff-marker"></td><td style="background-color: #f8f9fa; color: #202122; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #eaecf0; vertical-align: top; white-space: pre-wrap;"><div>&lt;blockquote style=&quot;font-size:larger;&quot;&gt;ไมโครฟอร์แมตคือโครงสร้างความหมายที่มีแรงผลักดัน คือการให้โครงสร้างกับสิ่งที่ใครๆก็ทำกันโดยทั่วไปอยู่แล้วที่ใช้งานได้ และถูกเขียนออกมาเป็นรูปธรรม&lt;/blockquote&gt;</div></td></tr> <tr><td class="diff-marker"></td><td style="background-color: #f8f9fa; color: #202122; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #eaecf0; vertical-align: top; white-space: pre-wrap;"><br/></td><td class="diff-marker"></td><td style="background-color: #f8f9fa; color: #202122; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #eaecf0; vertical-align: top; white-space: pre-wrap;"><br/></td></tr> <tr><td class="diff-marker" data-marker="−"></td><td style="color: #202122; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #ffe49c; vertical-align: top; white-space: pre-wrap;"><div>== Alessandro Martin ==</div></td><td class="diff-marker" data-marker="+"></td><td style="color: #202122; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #a3d3ff; vertical-align: top; white-space: pre-wrap;"><div>== <ins style="font-weight: bold; text-decoration: none;">อเลซานโดร มาร์ติน (</ins>Alessandro Martin<ins style="font-weight: bold; text-decoration: none;">) </ins>==</div></td></tr> <tr><td class="diff-marker"></td><td style="background-color: #f8f9fa; color: #202122; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #eaecf0; vertical-align: top; white-space: pre-wrap;"><div>&lt;blockquote style=&quot;font-size:larger;&quot;&gt;</div></td><td class="diff-marker"></td><td style="background-color: #f8f9fa; color: #202122; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #eaecf0; vertical-align: top; white-space: pre-wrap;"><div>&lt;blockquote style=&quot;font-size:larger;&quot;&gt;</div></td></tr> <tr><td class="diff-marker" data-marker="−"></td><td style="color: #202122; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #ffe49c; vertical-align: top; white-space: pre-wrap;"><div><del style="font-weight: bold; text-decoration: none;">Microformats are frames for your contents. Using microformats you tell, in a way both humans and machines can understand, what is the basic meaning of what you are writing in a web document. </del>  </div></td><td class="diff-marker" data-marker="+"></td><td style="color: #202122; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #a3d3ff; vertical-align: top; white-space: pre-wrap;"><div><ins style="font-weight: bold; text-decoration: none;">ไมโครฟอร์แมตเป็นกรอบสำหรับเนื้อหาของคุณ </ins> <ins style="font-weight: bold; text-decoration: none;">เมื่อคุณใช้ไมโครฟอร์แมต คุณบอกว่าเอกสารที่คุณเขียนในหน้าเว็บนั้นหมายความว่าอะไรทั้งกับคนอ่านและกับเครื่องคอมพิวเตอร์</ins></div></td></tr> <tr><td class="diff-marker"></td><td style="background-color: #f8f9fa; color: #202122; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #eaecf0; vertical-align: top; white-space: pre-wrap;"><div>&lt;/blockquote&gt;</div></td><td class="diff-marker"></td><td style="background-color: #f8f9fa; color: #202122; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #eaecf0; vertical-align: top; white-space: pre-wrap;"><div>&lt;/blockquote&gt;</div></td></tr> <tr><td class="diff-marker"></td><td style="background-color: #f8f9fa; color: #202122; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #eaecf0; vertical-align: top; white-space: pre-wrap;"><br/></td><td class="diff-marker"></td><td style="background-color: #f8f9fa; color: #202122; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #eaecf0; vertical-align: top; white-space: pre-wrap;"><br/></td></tr> <tr><td class="diff-marker" data-marker="−"></td><td style="color: #202122; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #ffe49c; vertical-align: top; white-space: pre-wrap;"><div><del style="font-weight: bold; text-decoration: none;">written by </del>[http://www.thinkpragmatic.net <del style="font-weight: bold; text-decoration: none;">Alessandro Martin</del>]<del style="font-weight: bold; text-decoration: none;">.</del></div></td><td class="diff-marker" data-marker="+"></td><td style="color: #202122; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #a3d3ff; vertical-align: top; white-space: pre-wrap;"><div><ins style="font-weight: bold; text-decoration: none;">เขียนโดย </ins>[http://www.thinkpragmatic.net <ins style="font-weight: bold; text-decoration: none;">อเลซานโดร มาร์ติน</ins>]</div></td></tr> <tr><td class="diff-marker"></td><td style="background-color: #f8f9fa; color: #202122; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #eaecf0; vertical-align: top; white-space: pre-wrap;"><br/></td><td class="diff-marker"></td><td style="background-color: #f8f9fa; color: #202122; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #eaecf0; vertical-align: top; white-space: pre-wrap;"><br/></td></tr> <tr><td class="diff-marker"></td><td style="background-color: #f8f9fa; color: #202122; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #eaecf0; vertical-align: top; white-space: pre-wrap;"><div>== อลัน โฮแกน (Alan Hogan) ==</div></td><td class="diff-marker"></td><td style="background-color: #f8f9fa; color: #202122; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #eaecf0; vertical-align: top; white-space: pre-wrap;"><div>== อลัน โฮแกน (Alan Hogan) ==</div></td></tr> </table> SukitArseanrapoj http://microformats.org/wiki/index.php?title=what-are-microformats-th&diff=26921&oldid=prev SukitArseanrapoj: /* DerrickPallas */ 2008-05-05T13:40:38Z <p><span dir="auto"><span class="autocomment">DerrickPallas</span></span></p> <table style="background-color: #fff; color: #202122;" data-mw="interface"> <col class="diff-marker" /> <col class="diff-content" /> <col class="diff-marker" /> <col class="diff-content" /> <tr class="diff-title" lang="en"> <td colspan="2" style="background-color: #fff; color: #202122; text-align: center;">← Older revision</td> <td colspan="2" style="background-color: #fff; color: #202122; text-align: center;">Revision as of 13:40, 5 May 2008</td> </tr><tr><td colspan="2" class="diff-lineno" id="mw-diff-left-l111">Line 111:</td> <td colspan="2" class="diff-lineno">Line 111:</td></tr> <tr><td class="diff-marker"></td><td style="background-color: #f8f9fa; color: #202122; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #eaecf0; vertical-align: top; white-space: pre-wrap;"><div>&lt;/blockquote&gt;</div></td><td class="diff-marker"></td><td style="background-color: #f8f9fa; color: #202122; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #eaecf0; vertical-align: top; white-space: pre-wrap;"><div>&lt;/blockquote&gt;</div></td></tr> <tr><td class="diff-marker"></td><td style="background-color: #f8f9fa; color: #202122; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #eaecf0; vertical-align: top; white-space: pre-wrap;"><br/></td><td class="diff-marker"></td><td style="background-color: #f8f9fa; color: #202122; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #eaecf0; vertical-align: top; white-space: pre-wrap;"><br/></td></tr> <tr><td class="diff-marker" data-marker="−"></td><td style="color: #202122; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #ffe49c; vertical-align: top; white-space: pre-wrap;"><div>== <del style="font-weight: bold; text-decoration: none;">DerrickPallas </del>==</div></td><td class="diff-marker" data-marker="+"></td><td style="color: #202122; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #a3d3ff; vertical-align: top; white-space: pre-wrap;"><div>== <ins style="font-weight: bold; text-decoration: none;">เดอร์ริค พาลลาส (Derrick Pallas) </ins>==</div></td></tr> <tr><td class="diff-marker" data-marker="−"></td><td style="color: #202122; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #ffe49c; vertical-align: top; white-space: pre-wrap;"><div>&lt;blockquote style=&quot;font-size:larger;&quot;&gt;<del style="font-weight: bold; text-decoration: none;">microformats are semantics with momentum, a codification of what everyone did anyway. They are what works, written down.</del>&lt;/blockquote&gt;</div></td><td class="diff-marker" data-marker="+"></td><td style="color: #202122; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #a3d3ff; vertical-align: top; white-space: pre-wrap;"><div>&lt;blockquote style=&quot;font-size:larger;&quot;&gt;<ins style="font-weight: bold; text-decoration: none;">ไมโครฟอร์แมตคือโครงสร้างความหมายที่มีแรงผลักดัน คือการให้โครงสร้างกับสิ่งที่ใครๆก็ทำกันโดยทั่วไปอยู่แล้วที่ใช้งานได้ และถูกเขียนออกมาเป็นรูปธรรม</ins>&lt;/blockquote&gt;</div></td></tr> <tr><td class="diff-marker"></td><td style="background-color: #f8f9fa; color: #202122; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #eaecf0; vertical-align: top; white-space: pre-wrap;"><br/></td><td class="diff-marker"></td><td style="background-color: #f8f9fa; color: #202122; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #eaecf0; vertical-align: top; white-space: pre-wrap;"><br/></td></tr> <tr><td class="diff-marker"></td><td style="background-color: #f8f9fa; color: #202122; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #eaecf0; vertical-align: top; white-space: pre-wrap;"><div>== Alessandro Martin ==</div></td><td class="diff-marker"></td><td style="background-color: #f8f9fa; color: #202122; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #eaecf0; vertical-align: top; white-space: pre-wrap;"><div>== Alessandro Martin ==</div></td></tr> </table> SukitArseanrapoj http://microformats.org/wiki/index.php?title=what-are-microformats-th&diff=26920&oldid=prev SukitArseanrapoj: /* BenWest */ 2008-05-05T13:37:46Z <p><span dir="auto"><span class="autocomment">BenWest</span></span></p> <table style="background-color: #fff; color: #202122;" data-mw="interface"> <col class="diff-marker" /> <col class="diff-content" /> <col class="diff-marker" /> <col class="diff-content" /> <tr class="diff-title" lang="en"> <td colspan="2" style="background-color: #fff; color: #202122; text-align: center;">← Older revision</td> <td colspan="2" style="background-color: #fff; color: #202122; text-align: center;">Revision as of 13:37, 5 May 2008</td> </tr><tr><td colspan="2" class="diff-lineno" id="mw-diff-left-l104">Line 104:</td> <td colspan="2" class="diff-lineno">Line 104:</td></tr> <tr><td class="diff-marker"></td><td style="background-color: #f8f9fa; color: #202122; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #eaecf0; vertical-align: top; white-space: pre-wrap;"><div>&lt;blockquote style=&quot;font-size:larger&quot;&gt;หรืออีกนัยหนึ่งก็คือ ไมโครฟอร์แมตทำให้คุณสามารถคัดลอกและแปะข้อมูลที่อยู่บนหน้าเว็บ เช่นข้อมูลติดต่อของเจ้าของบล๊อก เข้าไปไว้ในโปรแกรม address book ของคุณแทนที่จะต้องคัดลอกข้อมูลชื่อ นามสกุล ที่อยู่ ฯลฯ ด้วยมือ  ในเวลาอันใกล้ ไมโครฟอร์แมตจะทำให้ทุกคนสามารถทำให้ข้อมูลที่เผยแพร่สามารถถูกค้นหาและแบ่งปันได้อย่างง่ายดาย (เช่น ข้อมูลผลิตภัณฑ์, เหตุการณ์และกิจกรรม, resume, ฯลฯ.) โดยที่ไม่ต้องคัดลอกข้อมูลไว้ในฐานข้อมูลกลาง&lt;/blockquote&gt;</div></td><td class="diff-marker"></td><td style="background-color: #f8f9fa; color: #202122; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #eaecf0; vertical-align: top; white-space: pre-wrap;"><div>&lt;blockquote style=&quot;font-size:larger&quot;&gt;หรืออีกนัยหนึ่งก็คือ ไมโครฟอร์แมตทำให้คุณสามารถคัดลอกและแปะข้อมูลที่อยู่บนหน้าเว็บ เช่นข้อมูลติดต่อของเจ้าของบล๊อก เข้าไปไว้ในโปรแกรม address book ของคุณแทนที่จะต้องคัดลอกข้อมูลชื่อ นามสกุล ที่อยู่ ฯลฯ ด้วยมือ  ในเวลาอันใกล้ ไมโครฟอร์แมตจะทำให้ทุกคนสามารถทำให้ข้อมูลที่เผยแพร่สามารถถูกค้นหาและแบ่งปันได้อย่างง่ายดาย (เช่น ข้อมูลผลิตภัณฑ์, เหตุการณ์และกิจกรรม, resume, ฯลฯ.) โดยที่ไม่ต้องคัดลอกข้อมูลไว้ในฐานข้อมูลกลาง&lt;/blockquote&gt;</div></td></tr> <tr><td class="diff-marker"></td><td style="background-color: #f8f9fa; color: #202122; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #eaecf0; vertical-align: top; white-space: pre-wrap;"><br/></td><td class="diff-marker"></td><td style="background-color: #f8f9fa; color: #202122; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #eaecf0; vertical-align: top; white-space: pre-wrap;"><br/></td></tr> <tr><td class="diff-marker" data-marker="−"></td><td style="color: #202122; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #ffe49c; vertical-align: top; white-space: pre-wrap;"><div>== <del style="font-weight: bold; text-decoration: none;">BenWest </del>==</div></td><td class="diff-marker" data-marker="+"></td><td style="color: #202122; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #a3d3ff; vertical-align: top; white-space: pre-wrap;"><div>== <ins style="font-weight: bold; text-decoration: none;">เบ็น เวสท์ (Ben West) </ins>==</div></td></tr> <tr><td class="diff-marker"></td><td style="background-color: #f8f9fa; color: #202122; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #eaecf0; vertical-align: top; white-space: pre-wrap;"><div>&lt;blockquote style=&quot;font-size:larger;&quot;&gt;</div></td><td class="diff-marker"></td><td style="background-color: #f8f9fa; color: #202122; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #eaecf0; vertical-align: top; white-space: pre-wrap;"><div>&lt;blockquote style=&quot;font-size:larger;&quot;&gt;</div></td></tr> <tr><td class="diff-marker" data-marker="−"></td><td style="color: #202122; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #ffe49c; vertical-align: top; white-space: pre-wrap;"><div><del style="font-weight: bold; text-decoration: none;">A microformat is a specific collection of names, values, and accompanying structure defined through rigorous market research intended to consider pervasive use of semantic html that increases data fidelity in </del>HTML<del style="font-weight: bold; text-decoration: none;">-borne data widely distributed on the web.</del></div></td><td class="diff-marker" data-marker="+"></td><td style="color: #202122; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #a3d3ff; vertical-align: top; white-space: pre-wrap;"><div><ins style="font-weight: bold; text-decoration: none;">ไมโครฟอร์แมตเป็นกลุ่มของชื่อ ข้อมูล และโครงสร้างที่ถูกออกแบบมาจากการวิจัยทางการตลาดอย่างละเอียดเพื่อสนับสนุนการใช้ </ins>HTML <ins style="font-weight: bold; text-decoration: none;">ที่มีความหมาย และเพิ่มความถูกต้องของข้อมูลที่กระจายอยู่ทั่วอินเตอร์เน็ต</ins></div></td></tr> <tr><td class="diff-marker"></td><td style="background-color: #f8f9fa; color: #202122; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #eaecf0; vertical-align: top; white-space: pre-wrap;"><br/></td><td class="diff-marker"></td><td style="background-color: #f8f9fa; color: #202122; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #eaecf0; vertical-align: top; white-space: pre-wrap;"><br/></td></tr> <tr><td class="diff-marker" data-marker="−"></td><td style="color: #202122; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #ffe49c; vertical-align: top; white-space: pre-wrap;"><div><del style="font-weight: bold; text-decoration: none;">Microformats are more than one of these, eg </del>&quot;<del style="font-weight: bold; text-decoration: none;">hcard and hcal are microformats.</del>&quot;</div></td><td class="diff-marker" data-marker="+"></td><td style="color: #202122; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #a3d3ff; vertical-align: top; white-space: pre-wrap;"><div><ins style="font-weight: bold; text-decoration: none;">ไมโครฟอร์แมตเป็นมากกว่าแค่ </ins>&quot;<ins style="font-weight: bold; text-decoration: none;">hCard และ hCal คือไมโครฟอร์แมต</ins>&quot;</div></td></tr> <tr><td class="diff-marker"></td><td style="background-color: #f8f9fa; color: #202122; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #eaecf0; vertical-align: top; white-space: pre-wrap;"><div>&lt;/blockquote&gt;</div></td><td class="diff-marker"></td><td style="background-color: #f8f9fa; color: #202122; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #eaecf0; vertical-align: top; white-space: pre-wrap;"><div>&lt;/blockquote&gt;</div></td></tr> <tr><td class="diff-marker"></td><td style="background-color: #f8f9fa; color: #202122; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #eaecf0; vertical-align: top; white-space: pre-wrap;"><br/></td><td class="diff-marker"></td><td style="background-color: #f8f9fa; color: #202122; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #eaecf0; vertical-align: top; white-space: pre-wrap;"><br/></td></tr> </table> SukitArseanrapoj http://microformats.org/wiki/index.php?title=what-are-microformats-th&diff=26919&oldid=prev SukitArseanrapoj: /* Guillaume Lebleu */ 2008-05-05T13:34:41Z <p><span dir="auto"><span class="autocomment">Guillaume Lebleu</span></span></p> <table style="background-color: #fff; color: #202122;" data-mw="interface"> <col class="diff-marker" /> <col class="diff-content" /> <col class="diff-marker" /> <col class="diff-content" /> <tr class="diff-title" lang="en"> <td colspan="2" style="background-color: #fff; color: #202122; text-align: center;">← Older revision</td> <td colspan="2" style="background-color: #fff; color: #202122; text-align: center;">Revision as of 13:34, 5 May 2008</td> </tr><tr><td colspan="2" class="diff-lineno" id="mw-diff-left-l100">Line 100:</td> <td colspan="2" class="diff-lineno">Line 100:</td></tr> <tr><td class="diff-marker"></td><td style="background-color: #f8f9fa; color: #202122; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #eaecf0; vertical-align: top; white-space: pre-wrap;"><br/></td><td class="diff-marker"></td><td style="background-color: #f8f9fa; color: #202122; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #eaecf0; vertical-align: top; white-space: pre-wrap;"><br/></td></tr> <tr><td class="diff-marker"></td><td style="background-color: #f8f9fa; color: #202122; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #eaecf0; vertical-align: top; white-space: pre-wrap;"><div>== Guillaume Lebleu ==</div></td><td class="diff-marker"></td><td style="background-color: #f8f9fa; color: #202122; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #eaecf0; vertical-align: top; white-space: pre-wrap;"><div>== Guillaume Lebleu ==</div></td></tr> <tr><td class="diff-marker" data-marker="−"></td><td style="color: #202122; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #ffe49c; vertical-align: top; white-space: pre-wrap;"><div>&lt;blockquote style=&quot;font-size:larger&quot;&gt;<del style="font-weight: bold; text-decoration: none;">Microformats are simple standardized annotations of content available on the Web that provide a practical solution today to more productive and decentralized Web-based information search and sharing. </del>&lt;/blockquote&gt;</div></td><td class="diff-marker" data-marker="+"></td><td style="color: #202122; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #a3d3ff; vertical-align: top; white-space: pre-wrap;"><div>&lt;blockquote style=&quot;font-size:larger&quot;&gt;<ins style="font-weight: bold; text-decoration: none;">ไมโครฟอร์แมตเป็นวิธีให้หมายเหตุประกอบง่ายๆสำหรับเนื้อหาบนอินเตอร์เน็ต ทำให้สามารถค้นหาและแบ่งปันข้อมูลได้อย่างมีประสิทธิภาพขึ้น</ins>&lt;/blockquote&gt;</div></td></tr> <tr><td class="diff-marker"></td><td style="background-color: #f8f9fa; color: #202122; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #eaecf0; vertical-align: top; white-space: pre-wrap;"><br/></td><td class="diff-marker"></td><td style="background-color: #f8f9fa; color: #202122; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #eaecf0; vertical-align: top; white-space: pre-wrap;"><br/></td></tr> <tr><td class="diff-marker" data-marker="−"></td><td style="color: #202122; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #ffe49c; vertical-align: top; white-space: pre-wrap;"><div>&lt;blockquote style=&quot;font-size:larger&quot;&gt;<del style="font-weight: bold; text-decoration: none;">In other words, Microformats allow you today to copy/paste information from a Web page, for instance someone's contact information from their blog to your </del>address book<del style="font-weight: bold; text-decoration: none;">, instead of manually retyping it. Eventually, microformats will allow anyone to make the information they publish easily sharable and searchable </del>(<del style="font-weight: bold; text-decoration: none;">products</del>, <del style="font-weight: bold; text-decoration: none;">events</del>, resume, <del style="font-weight: bold; text-decoration: none;">etc</del>.) <del style="font-weight: bold; text-decoration: none;">without having to duplicate and maintain up-to-date their data in centralized databases.</del>&lt;/blockquote&gt;</div></td><td class="diff-marker" data-marker="+"></td><td style="color: #202122; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #a3d3ff; vertical-align: top; white-space: pre-wrap;"><div>&lt;blockquote style=&quot;font-size:larger&quot;&gt;<ins style="font-weight: bold; text-decoration: none;">หรืออีกนัยหนึ่งก็คือ ไมโครฟอร์แมตทำให้คุณสามารถคัดลอกและแปะข้อมูลที่อยู่บนหน้าเว็บ เช่นข้อมูลติดต่อของเจ้าของบล๊อก เข้าไปไว้ในโปรแกรม </ins>address book <ins style="font-weight: bold; text-decoration: none;">ของคุณแทนที่จะต้องคัดลอกข้อมูลชื่อ นามสกุล ที่อยู่ ฯลฯ ด้วยมือ  ในเวลาอันใกล้ ไมโครฟอร์แมตจะทำให้ทุกคนสามารถทำให้ข้อมูลที่เผยแพร่สามารถถูกค้นหาและแบ่งปันได้อย่างง่ายดาย </ins>(<ins style="font-weight: bold; text-decoration: none;">เช่น ข้อมูลผลิตภัณฑ์</ins>, <ins style="font-weight: bold; text-decoration: none;">เหตุการณ์และกิจกรรม</ins>, resume, <ins style="font-weight: bold; text-decoration: none;">ฯลฯ</ins>.) <ins style="font-weight: bold; text-decoration: none;">โดยที่ไม่ต้องคัดลอกข้อมูลไว้ในฐานข้อมูลกลาง</ins>&lt;/blockquote&gt;</div></td></tr> <tr><td class="diff-marker"></td><td style="background-color: #f8f9fa; color: #202122; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #eaecf0; vertical-align: top; white-space: pre-wrap;"><br/></td><td class="diff-marker"></td><td style="background-color: #f8f9fa; color: #202122; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #eaecf0; vertical-align: top; white-space: pre-wrap;"><br/></td></tr> <tr><td class="diff-marker"></td><td style="background-color: #f8f9fa; color: #202122; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #eaecf0; vertical-align: top; white-space: pre-wrap;"><div>== BenWest ==</div></td><td class="diff-marker"></td><td style="background-color: #f8f9fa; color: #202122; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #eaecf0; vertical-align: top; white-space: pre-wrap;"><div>== BenWest ==</div></td></tr> </table> SukitArseanrapoj http://microformats.org/wiki/index.php?title=what-are-microformats-th&diff=26918&oldid=prev SukitArseanrapoj: /* Andy Mabbett */ 2008-05-05T13:15:46Z <p><span dir="auto"><span class="autocomment">Andy Mabbett</span></span></p> <table style="background-color: #fff; color: #202122;" data-mw="interface"> <col class="diff-marker" /> <col class="diff-content" /> <col class="diff-marker" /> <col class="diff-content" /> <tr class="diff-title" lang="en"> <td colspan="2" style="background-color: #fff; color: #202122; text-align: center;">← Older revision</td> <td colspan="2" style="background-color: #fff; color: #202122; text-align: center;">Revision as of 13:15, 5 May 2008</td> </tr><tr><td colspan="2" class="diff-lineno" id="mw-diff-left-l80">Line 80:</td> <td colspan="2" class="diff-lineno">Line 80:</td></tr> <tr><td class="diff-marker"></td><td style="background-color: #f8f9fa; color: #202122; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #eaecf0; vertical-align: top; white-space: pre-wrap;"><div>“ไมโครฟอร์แมตคือวิธีที่จะระบุและทำเครื่องหมายให้กับกลุ่มข้อมูลที่ถูกใช้บ่อยๆเพื่อที่จะทำให้มันง่ายสำหรับทั้งคนและเครื่องในการหาข้อมูลเหล่านั้นและกระจายมันไปบทเว็บ”</div></td><td class="diff-marker"></td><td style="background-color: #f8f9fa; color: #202122; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #eaecf0; vertical-align: top; white-space: pre-wrap;"><div>“ไมโครฟอร์แมตคือวิธีที่จะระบุและทำเครื่องหมายให้กับกลุ่มข้อมูลที่ถูกใช้บ่อยๆเพื่อที่จะทำให้มันง่ายสำหรับทั้งคนและเครื่องในการหาข้อมูลเหล่านั้นและกระจายมันไปบทเว็บ”</div></td></tr> <tr><td class="diff-marker"></td><td style="background-color: #f8f9fa; color: #202122; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #eaecf0; vertical-align: top; white-space: pre-wrap;"><br/></td><td class="diff-marker"></td><td style="background-color: #f8f9fa; color: #202122; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #eaecf0; vertical-align: top; white-space: pre-wrap;"><br/></td></tr> <tr><td class="diff-marker" data-marker="−"></td><td style="color: #202122; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #ffe49c; vertical-align: top; white-space: pre-wrap;"><div>==Andy Mabbett==</div></td><td class="diff-marker" data-marker="+"></td><td style="color: #202122; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #a3d3ff; vertical-align: top; white-space: pre-wrap;"><div>==<ins style="font-weight: bold; text-decoration: none;">แอนดี้ แม็บเบ็ทท (</ins>Andy Mabbett<ins style="font-weight: bold; text-decoration: none;">)</ins>==</div></td></tr> <tr><td class="diff-marker" data-marker="−"></td><td style="color: #202122; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #ffe49c; vertical-align: top; white-space: pre-wrap;"><div><del style="font-weight: bold; text-decoration: none;">Here's my re-write of the current opening blurb, from</del>:</div></td><td class="diff-marker" data-marker="+"></td><td style="color: #202122; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #a3d3ff; vertical-align: top; white-space: pre-wrap;"><div><ins style="font-weight: bold; text-decoration: none;">อันนี้คือความเข้าใจของผมจากประโยคเปิดตัว จาก</ins>:</div></td></tr> <tr><td class="diff-marker"></td><td style="background-color: #f8f9fa; color: #202122; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #eaecf0; vertical-align: top; white-space: pre-wrap;"><br/></td><td class="diff-marker"></td><td style="background-color: #f8f9fa; color: #202122; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #eaecf0; vertical-align: top; white-space: pre-wrap;"><br/></td></tr> <tr><td class="diff-marker" data-marker="−"></td><td style="color: #202122; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #ffe49c; vertical-align: top; white-space: pre-wrap;"><div>&lt;blockquote style=&quot;font-size:larger&quot;&gt;<del style="font-weight: bold; text-decoration: none;">Designed for humans first and machines second, microformats are a set of simple, open data formats built upon existing and widely adopted standards.</del>&lt;/blockquote&gt;</div></td><td class="diff-marker" data-marker="+"></td><td style="color: #202122; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #a3d3ff; vertical-align: top; white-space: pre-wrap;"><div>&lt;blockquote style=&quot;font-size:larger&quot;&gt;<ins style="font-weight: bold; text-decoration: none;">ไมโครฟอร์แมตเป็นรูปแบบของข้อมูลที่เรียบง่ายซึ่งมีพื้นฐานบนมาตรฐานที่ใช้กันอยู่แล้วอย่างแพร่หลาย</ins>&lt;/blockquote&gt;</div></td></tr> <tr><td class="diff-marker"></td><td style="background-color: #f8f9fa; color: #202122; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #eaecf0; vertical-align: top; white-space: pre-wrap;"><br/></td><td class="diff-marker"></td><td style="background-color: #f8f9fa; color: #202122; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #eaecf0; vertical-align: top; white-space: pre-wrap;"><br/></td></tr> <tr><td class="diff-marker" data-marker="−"></td><td style="color: #202122; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #ffe49c; vertical-align: top; white-space: pre-wrap;"><div><del style="font-weight: bold; text-decoration: none;">to</del>:</div></td><td class="diff-marker" data-marker="+"></td><td style="color: #202122; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #a3d3ff; vertical-align: top; white-space: pre-wrap;"><div><ins style="font-weight: bold; text-decoration: none;">เป็น</ins>:</div></td></tr> <tr><td class="diff-marker"></td><td style="background-color: #f8f9fa; color: #202122; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #eaecf0; vertical-align: top; white-space: pre-wrap;"><br/></td><td class="diff-marker"></td><td style="background-color: #f8f9fa; color: #202122; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #eaecf0; vertical-align: top; white-space: pre-wrap;"><br/></td></tr> <tr><td class="diff-marker" data-marker="−"></td><td style="color: #202122; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #ffe49c; vertical-align: top; white-space: pre-wrap;"><div>&lt;blockquote style=&quot;font-size:larger;&quot;&gt;<del style="font-weight: bold; text-decoration: none;">Microformats are a way of adding simple </del>markup <del style="font-weight: bold; text-decoration: none;">to human-readable data items such as events, contact details or locations, on web pages, so that the information in them can be extracted by software and indexed, searched for, saved, cross-referenced or combined.</del>&lt;/blockquote&gt;</div></td><td class="diff-marker" data-marker="+"></td><td style="color: #202122; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #a3d3ff; vertical-align: top; white-space: pre-wrap;"><div>&lt;blockquote style=&quot;font-size:larger;&quot;&gt;<ins style="font-weight: bold; text-decoration: none;">ไมโครฟอร์แมตเป็นวิธีเพิ่ม </ins>markup <ins style="font-weight: bold; text-decoration: none;">ให้ข้อมูลที่มีความหมายสำหรับผู้คน เช่นเหตุการณ์ ที่อยู่ติดต่อ หรือหน้าเว็บ เพื่อที่ข้อมูลเหล่านั้นสามารถถูกนำไปค้นหาและใช้โดยซอฟท์แวร์ต่างๆ และยังสามารถถูกนำไปสร้างดัชนีและนำไปอ้างอิงได้อีกด้วย</ins>&lt;/blockquote&gt;</div></td></tr> <tr><td class="diff-marker"></td><td style="background-color: #f8f9fa; color: #202122; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #eaecf0; vertical-align: top; white-space: pre-wrap;"><br/></td><td class="diff-marker"></td><td style="background-color: #f8f9fa; color: #202122; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #eaecf0; vertical-align: top; white-space: pre-wrap;"><br/></td></tr> <tr><td class="diff-marker" data-marker="−"></td><td style="color: #202122; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #ffe49c; vertical-align: top; white-space: pre-wrap;"><div><del style="font-weight: bold; text-decoration: none;">Which can be followed by</del>:</div></td><td class="diff-marker" data-marker="+"></td><td style="color: #202122; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #a3d3ff; vertical-align: top; white-space: pre-wrap;"><div><ins style="font-weight: bold; text-decoration: none;">ซึ่งสามารถเพิ่มเติมได้ด้วย</ins>:</div></td></tr> <tr><td class="diff-marker"></td><td style="background-color: #f8f9fa; color: #202122; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #eaecf0; vertical-align: top; white-space: pre-wrap;"><br/></td><td class="diff-marker"></td><td style="background-color: #f8f9fa; color: #202122; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #eaecf0; vertical-align: top; white-space: pre-wrap;"><br/></td></tr> <tr><td class="diff-marker" data-marker="−"></td><td style="color: #202122; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #ffe49c; vertical-align: top; white-space: pre-wrap;"><div>&lt;blockquote style=&quot;font-size:larger;&quot;&gt;<del style="font-weight: bold; text-decoration: none;">More technically, they are items of semantic </del>markup<del style="font-weight: bold; text-decoration: none;">, using just standard </del>(X)HTML <del style="font-weight: bold; text-decoration: none;">with a set of common </del>class<del style="font-weight: bold; text-decoration: none;">-names. They are open and available, freely, for anyone to use.</del>&lt;/blockquote&gt;</div></td><td class="diff-marker" data-marker="+"></td><td style="color: #202122; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #a3d3ff; vertical-align: top; white-space: pre-wrap;"><div>&lt;blockquote style=&quot;font-size:larger;&quot;&gt;<ins style="font-weight: bold; text-decoration: none;">ทางเทคนิคแล้ว ไมโครฟอร์แมตก็เป็นสิ่งที่ใช้เพื่อเพิ่ม </ins>markup <ins style="font-weight: bold; text-decoration: none;">ที่มีความหมายโดยใช้แค่ </ins>(X)HTML <ins style="font-weight: bold; text-decoration: none;">มาตรฐานบวกกับชื่อของ </ins>class <ins style="font-weight: bold; text-decoration: none;">ที่อยู่ในไมโครฟอร์แมต ซึ่งเป็นมาตรฐานเปิดที่ใครๆก็สามารถนำไปใช้ได้</ins>&lt;/blockquote&gt;</div></td></tr> <tr><td class="diff-marker"></td><td style="background-color: #f8f9fa; color: #202122; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #eaecf0; vertical-align: top; white-space: pre-wrap;"><br/></td><td class="diff-marker"></td><td style="background-color: #f8f9fa; color: #202122; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #eaecf0; vertical-align: top; white-space: pre-wrap;"><br/></td></tr> <tr><td class="diff-marker" data-marker="−"></td><td style="color: #202122; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #ffe49c; vertical-align: top; white-space: pre-wrap;"><div><del style="font-weight: bold; text-decoration: none;">Principles</del>:</div></td><td class="diff-marker" data-marker="+"></td><td style="color: #202122; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #a3d3ff; vertical-align: top; white-space: pre-wrap;"><div><ins style="font-weight: bold; text-decoration: none;">หลักการ</ins>:</div></td></tr> <tr><td class="diff-marker" data-marker="−"></td><td style="color: #202122; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #ffe49c; vertical-align: top; white-space: pre-wrap;"><div>*<del style="font-weight: bold; text-decoration: none;">Start with </del>&quot;<del style="font-weight: bold; text-decoration: none;">Microformats are</del>&quot;</div></td><td class="diff-marker" data-marker="+"></td><td style="color: #202122; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #a3d3ff; vertical-align: top; white-space: pre-wrap;"><div>*<ins style="font-weight: bold; text-decoration: none;">เริ่มจาก </ins>&quot;<ins style="font-weight: bold; text-decoration: none;">ไมโครฟอร์แมตคือ</ins>&quot;</div></td></tr> <tr><td class="diff-marker" data-marker="−"></td><td style="color: #202122; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #ffe49c; vertical-align: top; white-space: pre-wrap;"><div>*<del style="font-weight: bold; text-decoration: none;">Mention web pages</del></div></td><td class="diff-marker" data-marker="+"></td><td style="color: #202122; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #a3d3ff; vertical-align: top; white-space: pre-wrap;"><div>*<ins style="font-weight: bold; text-decoration: none;">ระบุหน้าเว็บตัวอย่าง</ins></div></td></tr> <tr><td class="diff-marker" data-marker="−"></td><td style="color: #202122; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #ffe49c; vertical-align: top; white-space: pre-wrap;"><div>*<del style="font-weight: bold; text-decoration: none;">Say what purpose microformats serve</del></div></td><td class="diff-marker" data-marker="+"></td><td style="color: #202122; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #a3d3ff; vertical-align: top; white-space: pre-wrap;"><div>*<ins style="font-weight: bold; text-decoration: none;">บอกว่าไมโครฟอร์แมตมีไว้เพื่ออะไร</ins></div></td></tr> <tr><td class="diff-marker" data-marker="−"></td><td style="color: #202122; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #ffe49c; vertical-align: top; white-space: pre-wrap;"><div>*<del style="font-weight: bold; text-decoration: none;">Use plain language</del></div></td><td class="diff-marker" data-marker="+"></td><td style="color: #202122; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #a3d3ff; vertical-align: top; white-space: pre-wrap;"><div>*<ins style="font-weight: bold; text-decoration: none;">ใช้ภาษาที่อ่านเข้าใจได้ง่าย</ins></div></td></tr> <tr><td class="diff-marker"></td><td style="background-color: #f8f9fa; color: #202122; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #eaecf0; vertical-align: top; white-space: pre-wrap;"><br/></td><td class="diff-marker"></td><td style="background-color: #f8f9fa; color: #202122; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #eaecf0; vertical-align: top; white-space: pre-wrap;"><br/></td></tr> <tr><td class="diff-marker"></td><td style="background-color: #f8f9fa; color: #202122; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #eaecf0; vertical-align: top; white-space: pre-wrap;"><div>== Guillaume Lebleu ==</div></td><td class="diff-marker"></td><td style="background-color: #f8f9fa; color: #202122; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #eaecf0; vertical-align: top; white-space: pre-wrap;"><div>== Guillaume Lebleu ==</div></td></tr> </table> SukitArseanrapoj http://microformats.org/wiki/index.php?title=what-are-microformats-th&diff=26917&oldid=prev SukitArseanrapoj: /* Alok Jain */ 2008-04-30T17:52:17Z <p><span dir="auto"><span class="autocomment">Alok Jain</span></span></p> <table style="background-color: #fff; color: #202122;" data-mw="interface"> <col class="diff-marker" /> <col class="diff-content" /> <col class="diff-marker" /> <col class="diff-content" /> <tr class="diff-title" lang="en"> <td colspan="2" style="background-color: #fff; color: #202122; text-align: center;">← Older revision</td> <td colspan="2" style="background-color: #fff; color: #202122; text-align: center;">Revision as of 17:52, 30 April 2008</td> </tr><tr><td colspan="2" class="diff-lineno" id="mw-diff-left-l67">Line 67:</td> <td colspan="2" class="diff-lineno">Line 67:</td></tr> <tr><td class="diff-marker"></td><td style="background-color: #f8f9fa; color: #202122; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #eaecf0; vertical-align: top; white-space: pre-wrap;"><br/></td><td class="diff-marker"></td><td style="background-color: #f8f9fa; color: #202122; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #eaecf0; vertical-align: top; white-space: pre-wrap;"><br/></td></tr> <tr><td class="diff-marker"></td><td style="background-color: #f8f9fa; color: #202122; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #eaecf0; vertical-align: top; white-space: pre-wrap;"><div>==Alok Jain==</div></td><td class="diff-marker"></td><td style="background-color: #f8f9fa; color: #202122; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #eaecf0; vertical-align: top; white-space: pre-wrap;"><div>==Alok Jain==</div></td></tr> <tr><td class="diff-marker" data-marker="−"></td><td style="color: #202122; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #ffe49c; vertical-align: top; white-space: pre-wrap;"><div>&lt;blockquote style=&quot;font-size:larger&quot;&gt;<del style="font-weight: bold; text-decoration: none;">microformats are evolving frameworks for how to present commonly used data items. For e.g. </del>hCard <del style="font-weight: bold; text-decoration: none;">microformat provides  framework to capture a person's details First, middle, last name,company, contact info etc.</del>&lt;/blockquote&gt;</div></td><td class="diff-marker" data-marker="+"></td><td style="color: #202122; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #a3d3ff; vertical-align: top; white-space: pre-wrap;"><div>&lt;blockquote style=&quot;font-size:larger&quot;&gt;<ins style="font-weight: bold; text-decoration: none;">ไมโครฟอร์แมตเป็นโครงสร้าง (framework) ที่กำลังพัฒนาเพื่อใช้สำหรับนำเสนอข้อมูลที่ถูกใช้บ่อยๆ เช่น </ins>hCard <ins style="font-weight: bold; text-decoration: none;">ให้โครงสร้างสำหรับอธิบายข้อมูลเกี่ยวกับบุคคล ไม่ว่าจะเป็นชื่อ นามสกุล บริษัท ที่อยู่ติดต่อ ฯลฯ</ins>&lt;/blockquote&gt;</div></td></tr> <tr><td class="diff-marker"></td><td style="background-color: #f8f9fa; color: #202122; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #eaecf0; vertical-align: top; white-space: pre-wrap;"><br/></td><td class="diff-marker"></td><td style="background-color: #f8f9fa; color: #202122; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #eaecf0; vertical-align: top; white-space: pre-wrap;"><br/></td></tr> <tr><td class="diff-marker" data-marker="−"></td><td style="color: #202122; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #ffe49c; vertical-align: top; white-space: pre-wrap;"><div><del style="font-weight: bold; text-decoration: none;">In my view this is doing two things</del>:</div></td><td class="diff-marker" data-marker="+"></td><td style="color: #202122; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #a3d3ff; vertical-align: top; white-space: pre-wrap;"><div><ins style="font-weight: bold; text-decoration: none;">ในความคิดเห็นของผม ไมโครฟอร์แมตมีประโยชน์สองทาง คือ</ins>:</div></td></tr> <tr><td class="diff-marker" data-marker="−"></td><td style="color: #202122; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #ffe49c; vertical-align: top; white-space: pre-wrap;"><div>*a <del style="font-weight: bold; text-decoration: none;">Bringing some amount of standardization to commonly used data sets, which can lead to several benefits towards data retreival</del></div></td><td class="diff-marker" data-marker="+"></td><td style="color: #202122; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #a3d3ff; vertical-align: top; white-space: pre-wrap;"><div>*a <ins style="font-weight: bold; text-decoration: none;">ทำให้เกิดมาตรฐานในการระบุข้อมูลที่ถูกใช้บ่อยๆ ทำให้ง่ายต่อการค้นหาและนำมาใช้</ins></div></td></tr> <tr><td class="diff-marker" data-marker="−"></td><td style="color: #202122; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #ffe49c; vertical-align: top; white-space: pre-wrap;"><div>*a <del style="font-weight: bold; text-decoration: none;">Bringing an implicit meta data structure which again can be used to fetch informaiton at more granular level. SO in above example one could fetch just the company name, even thought there is not </del>meta data <del style="font-weight: bold; text-decoration: none;">around company name</del></div></td><td class="diff-marker" data-marker="+"></td><td style="color: #202122; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #a3d3ff; vertical-align: top; white-space: pre-wrap;"><div>*a <ins style="font-weight: bold; text-decoration: none;">ทำให้เกิดโครงสร้างเกี่ยวกับข้อมูล ซึ่งก็ทำให้ง่ายในการต่อการค้นหาและนำมาใช้เช่นกัน  เช่นในตัวอย่างข้างต้น เราสามารถดึงเฉพาะชื่อบริษัทถึงแม้ว่าจะไม่มี </ins>meta data <ins style="font-weight: bold; text-decoration: none;">เกี่ยวกับชื่อบริษัทเลยก็ตาม</ins></div></td></tr> <tr><td class="diff-marker"></td><td style="background-color: #f8f9fa; color: #202122; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #eaecf0; vertical-align: top; white-space: pre-wrap;"><br/></td><td class="diff-marker"></td><td style="background-color: #f8f9fa; color: #202122; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #eaecf0; vertical-align: top; white-space: pre-wrap;"><br/></td></tr> <tr><td class="diff-marker"></td><td style="background-color: #f8f9fa; color: #202122; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #eaecf0; vertical-align: top; white-space: pre-wrap;"><div>[http://www.iPrincipia.com Alok Jain]</div></td><td class="diff-marker"></td><td style="background-color: #f8f9fa; color: #202122; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #eaecf0; vertical-align: top; white-space: pre-wrap;"><div>[http://www.iPrincipia.com Alok Jain]</div></td></tr> </table> SukitArseanrapoj http://microformats.org/wiki/index.php?title=what-are-microformats-th&diff=26887&oldid=prev SukitArseanrapoj: /* Alan Hogan */ 2008-04-30T16:39:06Z <p><span dir="auto"><span class="autocomment">Alan Hogan</span></span></p> <table style="background-color: #fff; color: #202122;" data-mw="interface"> <col class="diff-marker" /> <col class="diff-content" /> <col class="diff-marker" /> <col class="diff-content" /> <tr class="diff-title" lang="en"> <td colspan="2" style="background-color: #fff; color: #202122; text-align: center;">← Older revision</td> <td colspan="2" style="background-color: #fff; color: #202122; text-align: center;">Revision as of 16:39, 30 April 2008</td> </tr><tr><td colspan="2" class="diff-lineno" id="mw-diff-left-l121">Line 121:</td> <td colspan="2" class="diff-lineno">Line 121:</td></tr> <tr><td class="diff-marker"></td><td style="background-color: #f8f9fa; color: #202122; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #eaecf0; vertical-align: top; white-space: pre-wrap;"><div>written by [http://www.thinkpragmatic.net Alessandro Martin].</div></td><td class="diff-marker"></td><td style="background-color: #f8f9fa; color: #202122; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #eaecf0; vertical-align: top; white-space: pre-wrap;"><div>written by [http://www.thinkpragmatic.net Alessandro Martin].</div></td></tr> <tr><td class="diff-marker"></td><td style="background-color: #f8f9fa; color: #202122; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #eaecf0; vertical-align: top; white-space: pre-wrap;"><br/></td><td class="diff-marker"></td><td style="background-color: #f8f9fa; color: #202122; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #eaecf0; vertical-align: top; white-space: pre-wrap;"><br/></td></tr> <tr><td class="diff-marker" data-marker="−"></td><td style="color: #202122; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #ffe49c; vertical-align: top; white-space: pre-wrap;"><div>== Alan Hogan ==</div></td><td class="diff-marker" data-marker="+"></td><td style="color: #202122; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #a3d3ff; vertical-align: top; white-space: pre-wrap;"><div>== <ins style="font-weight: bold; text-decoration: none;">อลัน โฮแกน (</ins>Alan Hogan<ins style="font-weight: bold; text-decoration: none;">) </ins>==</div></td></tr> <tr><td class="diff-marker"></td><td style="background-color: #f8f9fa; color: #202122; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #eaecf0; vertical-align: top; white-space: pre-wrap;"><div>&lt;blockquote&gt;</div></td><td class="diff-marker"></td><td style="background-color: #f8f9fa; color: #202122; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #eaecf0; vertical-align: top; white-space: pre-wrap;"><div>&lt;blockquote&gt;</div></td></tr> <tr><td class="diff-marker" data-marker="−"></td><td style="color: #202122; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #ffe49c; vertical-align: top; white-space: pre-wrap;"><div>&lt;p style=&quot;font-size:larger;&quot;&gt;<del style="font-weight: bold; text-decoration: none;">Microformats are a guarantee that anyone who wants to can grab certain types of data from your website without worrying much that a site redesign will require the to build a whole new </del>parser<del style="font-weight: bold; text-decoration: none;">.</del>&lt;/p&gt;</div></td><td class="diff-marker" data-marker="+"></td><td style="color: #202122; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #a3d3ff; vertical-align: top; white-space: pre-wrap;"><div>&lt;p style=&quot;font-size:larger;&quot;&gt;<ins style="font-weight: bold; text-decoration: none;">ไมโครฟอร์แมตเป็นใบรับประกันว่าใครก็ตามที่ต้องการสามารถึงเอาข้อมูลบางชนิดจากเว็บของคุณโดยไม่ต้องห่วงว่าเมื่อคุณออกแบบเว็บของคุณใหม่ เค้าจะต้องเขียน </ins>parser <ins style="font-weight: bold; text-decoration: none;">สำหรับดึงข้อมูลเหล่านั้นใหม่เหมือนกัน</ins>&lt;/p&gt;</div></td></tr> <tr><td class="diff-marker"></td><td style="background-color: #f8f9fa; color: #202122; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #eaecf0; vertical-align: top; white-space: pre-wrap;"><br/></td><td class="diff-marker"></td><td style="background-color: #f8f9fa; color: #202122; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #eaecf0; vertical-align: top; white-space: pre-wrap;"><br/></td></tr> <tr><td class="diff-marker" data-marker="−"></td><td style="color: #202122; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #ffe49c; vertical-align: top; white-space: pre-wrap;"><div>&lt;p style=&quot;font-size:larger;&quot;&gt;<del style="font-weight: bold; text-decoration: none;">Microformats is to people and comptuers what Java is to operating systems. </del> <del style="font-weight: bold; text-decoration: none;">Java programs are written once and run on Mac, Windows, Linux, Solaris, etc. Microformats-enabled web pages are written once and are understandable by both humans and computers.</del>&lt;/p&gt;</div></td><td class="diff-marker" data-marker="+"></td><td style="color: #202122; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #a3d3ff; vertical-align: top; white-space: pre-wrap;"><div>&lt;p style=&quot;font-size:larger;&quot;&gt;<ins style="font-weight: bold; text-decoration: none;">สำหรับคนและเครื่องคอมพิวเตอร์ ไมโครฟอร์แมตเปรียบเสมือนจาวามากกว่าระบบปฏิบัติการ </ins> <ins style="font-weight: bold; text-decoration: none;">คุณเขียนโปรแกรมจาวาแค่ครั้งเดียวและเอามันไปรันบนแมค วินโดว์ ไลนุกซ์ โซลาริส ฯลฯ  ข้อมูลที่ใช้ไมโครฟอร์แมตเพียงแค่ถูกเขียนครั้งเดียว และก็สามารถเข้าใจได้โดยทั้งคนและคอมพิวเตอร์</ins>&lt;/p&gt;</div></td></tr> <tr><td class="diff-marker"></td><td style="background-color: #f8f9fa; color: #202122; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #eaecf0; vertical-align: top; white-space: pre-wrap;"><div>&lt;/blockquote&gt;</div></td><td class="diff-marker"></td><td style="background-color: #f8f9fa; color: #202122; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #eaecf0; vertical-align: top; white-space: pre-wrap;"><div>&lt;/blockquote&gt;</div></td></tr> <tr><td class="diff-marker"></td><td style="background-color: #f8f9fa; color: #202122; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #eaecf0; vertical-align: top; white-space: pre-wrap;"><br/></td><td class="diff-marker"></td><td style="background-color: #f8f9fa; color: #202122; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #eaecf0; vertical-align: top; white-space: pre-wrap;"><br/></td></tr> <tr><td class="diff-marker" data-marker="−"></td><td style="color: #202122; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #ffe49c; vertical-align: top; white-space: pre-wrap;"><div><del style="font-weight: bold; text-decoration: none;">written by </del>[http://alanhogan.com/ Alan Hogan].</div></td><td class="diff-marker" data-marker="+"></td><td style="color: #202122; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #a3d3ff; vertical-align: top; white-space: pre-wrap;"><div><ins style="font-weight: bold; text-decoration: none;">เขียนโดย </ins>[http://alanhogan.com/ <ins style="font-weight: bold; text-decoration: none;">อลัน โฮแกน (</ins>Alan Hogan<ins style="font-weight: bold; text-decoration: none;">)</ins>].</div></td></tr> <tr><td class="diff-marker"></td><td style="background-color: #f8f9fa; color: #202122; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #eaecf0; vertical-align: top; white-space: pre-wrap;"><br/></td><td class="diff-marker"></td><td style="background-color: #f8f9fa; color: #202122; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #eaecf0; vertical-align: top; white-space: pre-wrap;"><br/></td></tr> <tr><td class="diff-marker"></td><td style="background-color: #f8f9fa; color: #202122; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #eaecf0; vertical-align: top; white-space: pre-wrap;"><div>==Hugh Macleod==</div></td><td class="diff-marker"></td><td style="background-color: #f8f9fa; color: #202122; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #eaecf0; vertical-align: top; white-space: pre-wrap;"><div>==Hugh Macleod==</div></td></tr> </table> SukitArseanrapoj http://microformats.org/wiki/index.php?title=what-are-microformats-th&diff=26886&oldid=prev SukitArseanrapoj: /* Toby Inkster */ 2008-04-30T16:33:55Z <p><span dir="auto"><span class="autocomment">Toby Inkster</span></span></p> <table style="background-color: #fff; color: #202122;" data-mw="interface"> <col class="diff-marker" /> <col class="diff-content" /> <col class="diff-marker" /> <col class="diff-content" /> <tr class="diff-title" lang="en"> <td colspan="2" style="background-color: #fff; color: #202122; text-align: center;">← Older revision</td> <td colspan="2" style="background-color: #fff; color: #202122; text-align: center;">Revision as of 16:33, 30 April 2008</td> </tr><tr><td colspan="2" class="diff-lineno" id="mw-diff-left-l136">Line 136:</td> <td colspan="2" class="diff-lineno">Line 136:</td></tr> <tr><td class="diff-marker"></td><td style="background-color: #f8f9fa; color: #202122; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #eaecf0; vertical-align: top; white-space: pre-wrap;"><div>2007 September by [http://gapingvoid.com Hugh Macleod].</div></td><td class="diff-marker"></td><td style="background-color: #f8f9fa; color: #202122; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #eaecf0; vertical-align: top; white-space: pre-wrap;"><div>2007 September by [http://gapingvoid.com Hugh Macleod].</div></td></tr> <tr><td class="diff-marker"></td><td style="background-color: #f8f9fa; color: #202122; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #eaecf0; vertical-align: top; white-space: pre-wrap;"><br/></td><td class="diff-marker"></td><td style="background-color: #f8f9fa; color: #202122; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #eaecf0; vertical-align: top; white-space: pre-wrap;"><br/></td></tr> <tr><td class="diff-marker" data-marker="−"></td><td style="color: #202122; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #ffe49c; vertical-align: top; white-space: pre-wrap;"><div>== Toby Inkster ==</div></td><td class="diff-marker" data-marker="+"></td><td style="color: #202122; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #a3d3ff; vertical-align: top; white-space: pre-wrap;"><div>== <ins style="font-weight: bold; text-decoration: none;">โทบี อิงค์สเตอร์ (</ins>Toby Inkster<ins style="font-weight: bold; text-decoration: none;">) </ins>==</div></td></tr> <tr><td class="diff-marker" data-marker="−"></td><td style="color: #202122; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #ffe49c; vertical-align: top; white-space: pre-wrap;"><div>&lt;blockquote style=&quot;font-size:larger;&quot;&gt;<del style="font-weight: bold; text-decoration: none;">You know all that stuff you already have on your website? Microformats tell computers what that stuff is</del>.</div></td><td class="diff-marker" data-marker="+"></td><td style="color: #202122; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #a3d3ff; vertical-align: top; white-space: pre-wrap;"><div>&lt;blockquote style=&quot;font-size:larger;&quot;&gt;<ins style="font-weight: bold; text-decoration: none;">คุณรู้หรือเปล่าว่าเนื้อหาที่คุณมีอยู่แล้วในหน้าเว็บคุณน่ะ</ins>.<ins style="font-weight: bold; text-decoration: none;">..ไมโครฟอร์แมตบอกเครื่องคอมพิวเตอร์ว่าเนื้อหาพวกนั้นหมายความว่าอะไรแหละ</ins></div></td></tr> <tr><td class="diff-marker"></td><td style="background-color: #f8f9fa; color: #202122; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #eaecf0; vertical-align: top; white-space: pre-wrap;"><div>&lt;/blockquote&gt;</div></td><td class="diff-marker"></td><td style="background-color: #f8f9fa; color: #202122; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #eaecf0; vertical-align: top; white-space: pre-wrap;"><div>&lt;/blockquote&gt;</div></td></tr> <tr><td class="diff-marker"></td><td style="background-color: #f8f9fa; color: #202122; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #eaecf0; vertical-align: top; white-space: pre-wrap;"><br/></td><td class="diff-marker"></td><td style="background-color: #f8f9fa; color: #202122; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #eaecf0; vertical-align: top; white-space: pre-wrap;"><br/></td></tr> </table> SukitArseanrapoj http://microformats.org/wiki/index.php?title=what-are-microformats-th&diff=26885&oldid=prev SukitArseanrapoj at 16:32, 30 April 2008 2008-04-30T16:32:06Z <p></p> <table style="background-color: #fff; color: #202122;" data-mw="interface"> <col class="diff-marker" /> <col class="diff-content" /> <col class="diff-marker" /> <col class="diff-content" /> <tr class="diff-title" lang="en"> <td colspan="2" style="background-color: #fff; color: #202122; text-align: center;">← Older revision</td> <td colspan="2" style="background-color: #fff; color: #202122; text-align: center;">Revision as of 16:32, 30 April 2008</td> </tr><tr><td colspan="2" class="diff-lineno" id="mw-diff-left-l43">Line 43:</td> <td colspan="2" class="diff-lineno">Line 43:</td></tr> <tr><td class="diff-marker"></td><td style="background-color: #f8f9fa; color: #202122; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #eaecf0; vertical-align: top; white-space: pre-wrap;"><br/></td><td class="diff-marker"></td><td style="background-color: #f8f9fa; color: #202122; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #eaecf0; vertical-align: top; white-space: pre-wrap;"><br/></td></tr> <tr><td class="diff-marker"></td><td style="background-color: #f8f9fa; color: #202122; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #eaecf0; vertical-align: top; white-space: pre-wrap;"><div>== แทนเทค เซลลิค (Tantek Çelik) ==</div></td><td class="diff-marker"></td><td style="background-color: #f8f9fa; color: #202122; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #eaecf0; vertical-align: top; white-space: pre-wrap;"><div>== แทนเทค เซลลิค (Tantek Çelik) ==</div></td></tr> <tr><td class="diff-marker" data-marker="−"></td><td style="color: #202122; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #ffe49c; vertical-align: top; white-space: pre-wrap;"><div>&lt;blockquote style=&quot;font-size:larger&quot;&gt;&lt;p&gt;<del style="font-weight: bold; text-decoration: none;">Microformats are the way to publish and share information on </del>&lt;strong&gt;<del style="font-weight: bold; text-decoration: none;">the web with higher fidelity</del>&lt;/strong&gt;<del style="font-weight: bold; text-decoration: none;">.</del>&lt;/p&gt;&lt;p&gt;<del style="font-weight: bold; text-decoration: none;">For example, if a company wanted their </del>&lt;strong&gt;<del style="font-weight: bold; text-decoration: none;">contact information</del>&lt;/strong&gt; <del style="font-weight: bold; text-decoration: none;">to be easily found and shared, they would publish it with </del>[[hcard|hCard]]<del style="font-weight: bold; text-decoration: none;">. Similarly if an organization is planning a series of events and wants more people to know about them and add them to their calendars, then they would publish their </del>&lt;strong&gt;<del style="font-weight: bold; text-decoration: none;">events listing</del>&lt;/strong&gt; <del style="font-weight: bold; text-decoration: none;">with </del>[[hcalendar|hCalendar]]<del style="font-weight: bold; text-decoration: none;">. </del> <del style="font-weight: bold; text-decoration: none;">For advocacy groups, whenever they take a position on some political leader, some piece of legislation etc., if they wanted their </del>&lt;strong&gt;<del style="font-weight: bold; text-decoration: none;">evaluations</del>/<del style="font-weight: bold; text-decoration: none;">reviews</del>/<del style="font-weight: bold; text-decoration: none;">ratings</del>&lt;/strong&gt; <del style="font-weight: bold; text-decoration: none;">of those people/laws to be more easily found and passed around, they would publish such opinions with </del>[[hreview|hReview]]<del style="font-weight: bold; text-decoration: none;">.  For all of these, to make it easier, publishers can use </del>[[implementations|<del style="font-weight: bold; text-decoration: none;">tools and services that support microformats</del>]]<del style="font-weight: bold; text-decoration: none;">.</del>&lt;/p&gt;&lt;p&gt;<del style="font-weight: bold; text-decoration: none;">The key here is that microformats are simple/easy enough that the any organizations own </del>&lt;strong&gt;<del style="font-weight: bold; text-decoration: none;">web authors</del>/<del style="font-weight: bold; text-decoration: none;">designers can easily add them</del>&lt;/strong&gt; <del style="font-weight: bold; text-decoration: none;">in themselves. Adding microformats is easier than publishing an </del>RSS feed <del style="font-weight: bold; text-decoration: none;">for example. You don't have to be a programmer. Anyone with decent </del>(X)HTML+CSS <del style="font-weight: bold; text-decoration: none;">authoring/writing skills can use microformats.  Pretty much anyone who is literate can be taught how to author HTML+CSS, and thus microformats makes use of very widely available skill sets.</del>&lt;/p&gt;&lt;/blockquote&gt;</div></td><td class="diff-marker" data-marker="+"></td><td style="color: #202122; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #a3d3ff; vertical-align: top; white-space: pre-wrap;"><div>&lt;blockquote style=&quot;font-size:larger&quot;&gt;&lt;p&gt;<ins style="font-weight: bold; text-decoration: none;">ไมโครฟอร์แมตเป็นวิธีที่จะตีพิมพ์และแบ่งปันข้อมูล</ins>&lt;strong&gt;<ins style="font-weight: bold; text-decoration: none;">ผ่านเว็บด้วยความถูกต้องมากขึ้น</ins>&lt;/strong&gt;&lt;/p&gt;&lt;p&gt;<ins style="font-weight: bold; text-decoration: none;">ยกตัวอย่างเช่น ถ้าบริษัทต้องการที่จะให้</ins>&lt;strong&gt;<ins style="font-weight: bold; text-decoration: none;">ข้อมูลติดต่อ</ins>&lt;/strong&gt;<ins style="font-weight: bold; text-decoration: none;">ถูกหาเจอได้ง่ายขึ้น ก็จะกระจายข้อมูลเหล่านี้ด้วย </ins>[[hcard|hCard]] <ins style="font-weight: bold; text-decoration: none;">  ถ้าองค์กรกำลังวางแผนกิจกรรมต่างๆและต้องการให้คนได้รับรู้และเพิ่มเหตุการณ์เหล่านี้เข้าไปในปฏิทินของพวกเค้า บริษัทก็จะตีพิมพ์ข้อมูลเกี่ยวกับ</ins>&lt;strong&gt;<ins style="font-weight: bold; text-decoration: none;">อีเวนต์หรือกิจกรรม</ins>&lt;/strong&gt;<ins style="font-weight: bold; text-decoration: none;">เหล่านี้ด้วย </ins>[[hcalendar|hCalendar]]  <ins style="font-weight: bold; text-decoration: none;">สำหรับกลุ่มผู้สนับสนุนต่างๆ เมื่อไรที่พวกเค้าต้องการเข้าพวกกับผู้นำการเมือง หรือสนับสนุนมาตรากฏหมาย ฯลฯ และอยากให้</ins>&lt;strong&gt;<ins style="font-weight: bold; text-decoration: none;">การประเมินผล</ins>/<ins style="font-weight: bold; text-decoration: none;">บทวิจารณ์</ins>/<ins style="font-weight: bold; text-decoration: none;">การให้เรตติ้ง</ins>&lt;/strong&gt;<ins style="font-weight: bold; text-decoration: none;">สำหรับคนหรือกฏหมายนั้นๆให้ถูกหาได้ง่ายขึ้น พวกเค้าก็จะตีพิมพ์ความคิดเห็นเหล่านั้นด้วย </ins>[[hreview|hReview]] <ins style="font-weight: bold; text-decoration: none;">  เพื่อให้ง่ายต่อการใช้งาน ผู้ใช้งานสามารถใช้ </ins>[[implementations|<ins style="font-weight: bold; text-decoration: none;">เครื่องมือและการบริการต่างๆที่สนับสนุนไมโครฟอร์แมต</ins>]]&lt;/p&gt;&lt;p&gt;<ins style="font-weight: bold; text-decoration: none;">หัวใจหลักก็คือ ไมโครฟอร์แมตเป็นสิ่งที่เรียบง่าย...ง่ายพอที่องค์กรหรือ</ins>&lt;strong&gt;<ins style="font-weight: bold; text-decoration: none;">ผู้เขียน</ins>/<ins style="font-weight: bold; text-decoration: none;">ออกแบบเว็บ สามารถที่จะนำไปใช้ได้ด้วยตัวเอง</ins>&lt;/strong&gt; <ins style="font-weight: bold; text-decoration: none;"> การเพิ่มไมโครฟอร์แมตง่ายกว่าการตีพิมพ์ </ins>RSS feed <ins style="font-weight: bold; text-decoration: none;">ซะด้วยซ้ำ  คุณไม่ต้องเป็นโปรแกรมเมอร์  ใครก็ตามที่สามารถเขียน </ins>(X)HTML+CSS <ins style="font-weight: bold; text-decoration: none;">ได้ก็สามารถใช้งานไมโครฟอร์แมตได้</ins>&lt;/p&gt;&lt;/blockquote&gt;</div></td></tr> <tr><td class="diff-marker"></td><td style="background-color: #f8f9fa; color: #202122; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #eaecf0; vertical-align: top; white-space: pre-wrap;"><br/></td><td class="diff-marker"></td><td style="background-color: #f8f9fa; color: #202122; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #eaecf0; vertical-align: top; white-space: pre-wrap;"><br/></td></tr> <tr><td class="diff-marker" data-marker="−"></td><td style="color: #202122; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #ffe49c; vertical-align: top; white-space: pre-wrap;"><div><del style="font-weight: bold; text-decoration: none;">From an </del>IRC <del style="font-weight: bold; text-decoration: none;">conversation 2006-06-06 which helped </del>&quot;knowprose&quot; <del style="font-weight: bold; text-decoration: none;">grok microformats. </del> Update 2006-06-07: knowprose<del style="font-weight: bold; text-decoration: none;">'s blog post </del>[http://www.knowprose.com/node/15844 Making Sense of Microformats: Have Data, Will Find It].</div></td><td class="diff-marker" data-marker="+"></td><td style="color: #202122; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #a3d3ff; vertical-align: top; white-space: pre-wrap;"><div><ins style="font-weight: bold; text-decoration: none;">จากการสนทนา </ins>IRC <ins style="font-weight: bold; text-decoration: none;">วันที่ 6 มิถุนายน 2549 เพื่ออธิบายไมโครฟอร์แมตให้ </ins>&quot;knowprose&quot; <ins style="font-weight: bold; text-decoration: none;">เข้าใจ </ins> Update 2006-06-07: <ins style="font-weight: bold; text-decoration: none;">บล๊อกของ </ins>knowprose <ins style="font-weight: bold; text-decoration: none;"> </ins>[http://www.knowprose.com/node/15844 Making Sense of Microformats: Have Data, Will Find It].</div></td></tr> <tr><td class="diff-marker"></td><td style="background-color: #f8f9fa; color: #202122; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #eaecf0; vertical-align: top; white-space: pre-wrap;"><br/></td><td class="diff-marker"></td><td style="background-color: #f8f9fa; color: #202122; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #eaecf0; vertical-align: top; white-space: pre-wrap;"><br/></td></tr> <tr><td class="diff-marker"></td><td style="background-color: #f8f9fa; color: #202122; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #eaecf0; vertical-align: top; white-space: pre-wrap;"><br/></td><td class="diff-marker"></td><td style="background-color: #f8f9fa; color: #202122; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #eaecf0; vertical-align: top; white-space: pre-wrap;"><br/></td></tr> <tr><td class="diff-marker" data-marker="−"></td><td style="color: #202122; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #ffe49c; vertical-align: top; white-space: pre-wrap;"><div>&lt;blockquote style=&quot;font-size:larger&quot;&gt;&lt;p&gt;<del style="font-weight: bold; text-decoration: none;">microformats are carefully designed </del>(X)HTML <del style="font-weight: bold; text-decoration: none;">class names that extend the semantics of </del>(X)HTML <del style="font-weight: bold; text-decoration: none;">and enable authors to publish higher semantic fidelity content such as people, events, reviews, etc.</del>&lt;/p&gt;&lt;/blockquote&gt;</div></td><td class="diff-marker" data-marker="+"></td><td style="color: #202122; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #a3d3ff; vertical-align: top; white-space: pre-wrap;"><div>&lt;blockquote style=&quot;font-size:larger&quot;&gt;&lt;p&gt;<ins style="font-weight: bold; text-decoration: none;">ไมโครฟอร์แมตเป็นชื่อของคลาส (class) ที่ใช้ใน </ins>(X)HTML <ins style="font-weight: bold; text-decoration: none;">ที่ถูกออกแบบมาอย่างปราณีต เพื่อขยายความหมายของ </ins>(X)HTML <ins style="font-weight: bold; text-decoration: none;">และทำให้ผู้เขียนสามารถตีพิมพ์เนื้อหาที่มีความถูกต้องมากขึ้น เช่นเนื้อหาที่เกี่ยวกับบุคคล เหตุการณ์ บทวิจารณ์ ฯลฯ</ins>&lt;/p&gt;&lt;/blockquote&gt;</div></td></tr> <tr><td class="diff-marker"></td><td style="background-color: #f8f9fa; color: #202122; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #eaecf0; vertical-align: top; white-space: pre-wrap;"><br/></td><td class="diff-marker"></td><td style="background-color: #f8f9fa; color: #202122; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #eaecf0; vertical-align: top; white-space: pre-wrap;"><br/></td></tr> <tr><td class="diff-marker" data-marker="−"></td><td style="color: #202122; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #ffe49c; vertical-align: top; white-space: pre-wrap;"><div><del style="font-weight: bold; text-decoration: none;">From an </del>IRC <del style="font-weight: bold; text-decoration: none;">conversation 2006-07-</del>28 <del style="font-weight: bold; text-decoration: none;">with </del>tcaspers <del style="font-weight: bold; text-decoration: none;">on </del>irc.freenode.net/#wasp.</div></td><td class="diff-marker" data-marker="+"></td><td style="color: #202122; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #a3d3ff; vertical-align: top; white-space: pre-wrap;"><div><ins style="font-weight: bold; text-decoration: none;">จากบทสนทนา </ins>IRC <ins style="font-weight: bold; text-decoration: none;">วันที่ </ins>28 <ins style="font-weight: bold; text-decoration: none;">กรกฏาคม 2549 กับ </ins>tcaspers <ins style="font-weight: bold; text-decoration: none;">ที่ </ins>irc.freenode.net/#wasp.</div></td></tr> <tr><td class="diff-marker"></td><td style="background-color: #f8f9fa; color: #202122; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #eaecf0; vertical-align: top; white-space: pre-wrap;"><br/></td><td class="diff-marker"></td><td style="background-color: #f8f9fa; color: #202122; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #eaecf0; vertical-align: top; white-space: pre-wrap;"><br/></td></tr> <tr><td class="diff-marker"></td><td style="background-color: #f8f9fa; color: #202122; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #eaecf0; vertical-align: top; white-space: pre-wrap;"><br/></td><td class="diff-marker"></td><td style="background-color: #f8f9fa; color: #202122; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #eaecf0; vertical-align: top; white-space: pre-wrap;"><br/></td></tr> <tr><td class="diff-marker" data-marker="−"></td><td style="color: #202122; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #ffe49c; vertical-align: top; white-space: pre-wrap;"><div>&lt;blockquote style=&quot;font-size:larger&quot;&gt;&lt;p&gt;<del style="font-weight: bold; text-decoration: none;">a microformat is way of adding more meaning to web pages beyond normal HTML </del>headings <del style="font-weight: bold; text-decoration: none;">and </del>paragraphs<del style="font-weight: bold; text-decoration: none;">, so you can indicate mentions of people, companies, events, reviews, tags, etc.</del>&lt;/p&gt;&lt;/blockquote&gt;</div></td><td class="diff-marker" data-marker="+"></td><td style="color: #202122; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #a3d3ff; vertical-align: top; white-space: pre-wrap;"><div>&lt;blockquote style=&quot;font-size:larger&quot;&gt;&lt;p&gt;<ins style="font-weight: bold; text-decoration: none;">ไมโครฟอร์แมตคือวิธีที่จะเพิ่มความหมายให้กับหน้าเว็บนอกเหนือจากการใช้หัวข้อ (</ins>headings<ins style="font-weight: bold; text-decoration: none;">) และย่อหน้า (</ins>paragraphs<ins style="font-weight: bold; text-decoration: none;">)  ทำให้คุณสามารถให้ความหมายสำหรับบุคคล บริษัท เหตุการณ์ ความคิดเห็น บทวิจารณ์ แทก ฯลฯ</ins>&lt;/p&gt;&lt;/blockquote&gt;</div></td></tr> <tr><td class="diff-marker"></td><td style="background-color: #f8f9fa; color: #202122; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #eaecf0; vertical-align: top; white-space: pre-wrap;"><br/></td><td class="diff-marker"></td><td style="background-color: #f8f9fa; color: #202122; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #eaecf0; vertical-align: top; white-space: pre-wrap;"><br/></td></tr> <tr><td class="diff-marker" data-marker="−"></td><td style="color: #202122; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #ffe49c; vertical-align: top; white-space: pre-wrap;"><div><del style="font-weight: bold; text-decoration: none;">From an </del>instant message <del style="font-weight: bold; text-decoration: none;">conversation 2007-07-06.</del></div></td><td class="diff-marker" data-marker="+"></td><td style="color: #202122; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #a3d3ff; vertical-align: top; white-space: pre-wrap;"><div><ins style="font-weight: bold; text-decoration: none;">จากการสนทนาผ่าน </ins>instant message <ins style="font-weight: bold; text-decoration: none;">วันที่ 6 กรกฏาคม 2550</ins></div></td></tr> <tr><td class="diff-marker"></td><td style="background-color: #f8f9fa; color: #202122; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #eaecf0; vertical-align: top; white-space: pre-wrap;"><br/></td><td class="diff-marker"></td><td style="background-color: #f8f9fa; color: #202122; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #eaecf0; vertical-align: top; white-space: pre-wrap;"><br/></td></tr> <tr><td class="diff-marker"></td><td style="background-color: #f8f9fa; color: #202122; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #eaecf0; vertical-align: top; white-space: pre-wrap;"><div>== ดรูว์ แมคเลลแลน (Drew McLellan) ==</div></td><td class="diff-marker"></td><td style="background-color: #f8f9fa; color: #202122; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #eaecf0; vertical-align: top; white-space: pre-wrap;"><div>== ดรูว์ แมคเลลแลน (Drew McLellan) ==</div></td></tr> <tr><td colspan="2" class="diff-lineno" id="mw-diff-left-l75">Line 75:</td> <td colspan="2" class="diff-lineno">Line 75:</td></tr> <tr><td class="diff-marker"></td><td style="background-color: #f8f9fa; color: #202122; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #eaecf0; vertical-align: top; white-space: pre-wrap;"><div>[http://www.iPrincipia.com Alok Jain]</div></td><td class="diff-marker"></td><td style="background-color: #f8f9fa; color: #202122; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #eaecf0; vertical-align: top; white-space: pre-wrap;"><div>[http://www.iPrincipia.com Alok Jain]</div></td></tr> <tr><td class="diff-marker"></td><td style="background-color: #f8f9fa; color: #202122; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #eaecf0; vertical-align: top; white-space: pre-wrap;"><br/></td><td class="diff-marker"></td><td style="background-color: #f8f9fa; color: #202122; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #eaecf0; vertical-align: top; white-space: pre-wrap;"><br/></td></tr> <tr><td class="diff-marker" data-marker="−"></td><td style="color: #202122; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #ffe49c; vertical-align: top; white-space: pre-wrap;"><div>== Dave Sanford ==</div></td><td class="diff-marker" data-marker="+"></td><td style="color: #202122; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #a3d3ff; vertical-align: top; white-space: pre-wrap;"><div>== <ins style="font-weight: bold; text-decoration: none;">เดฟ แซนฟอร์ด (</ins>Dave Sanford<ins style="font-weight: bold; text-decoration: none;">) </ins>==</div></td></tr> <tr><td class="diff-marker" data-marker="−"></td><td style="color: #202122; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #ffe49c; vertical-align: top; white-space: pre-wrap;"><div><del style="font-weight: bold; text-decoration: none;">Chris asked me to contribute my </del>'<del style="font-weight: bold; text-decoration: none;">definition,</del>' <del style="font-weight: bold; text-decoration: none;">although I refer to it as a distillation</del>:</div></td><td class="diff-marker" data-marker="+"></td><td style="color: #202122; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #a3d3ff; vertical-align: top; white-space: pre-wrap;"><div><ins style="font-weight: bold; text-decoration: none;">คริสได้ขอให้ผมให้ </ins>'<ins style="font-weight: bold; text-decoration: none;">ความหมาย</ins>' <ins style="font-weight: bold; text-decoration: none;">แต่ผมอยากให้มองว่ามันเป็นการกรั่นกรองสิ่งที่มีอยู่แล้วมากกว่า ว่า</ins>:</div></td></tr> <tr><td class="diff-marker"></td><td style="background-color: #f8f9fa; color: #202122; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #eaecf0; vertical-align: top; white-space: pre-wrap;"><br/></td><td class="diff-marker"></td><td style="background-color: #f8f9fa; color: #202122; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #eaecf0; vertical-align: top; white-space: pre-wrap;"><br/></td></tr> <tr><td class="diff-marker" data-marker="−"></td><td style="color: #202122; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #ffe49c; vertical-align: top; white-space: pre-wrap;"><div><del style="font-weight: bold; text-decoration: none;">“Microformats are a way of identifying and labeling classes of commonly used data that make it easier for humans or computers to locate or distribute such information on websites.”</del></div></td><td class="diff-marker" data-marker="+"></td><td style="color: #202122; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #a3d3ff; vertical-align: top; white-space: pre-wrap;"><div><ins style="font-weight: bold; text-decoration: none;">“ไมโครฟอร์แมตคือวิธีที่จะระบุและทำเครื่องหมายให้กับกลุ่มข้อมูลที่ถูกใช้บ่อยๆเพื่อที่จะทำให้มันง่ายสำหรับทั้งคนและเครื่องในการหาข้อมูลเหล่านั้นและกระจายมันไปบทเว็บ”</ins></div></td></tr> <tr><td class="diff-marker"></td><td style="background-color: #f8f9fa; color: #202122; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #eaecf0; vertical-align: top; white-space: pre-wrap;"><br/></td><td class="diff-marker"></td><td style="background-color: #f8f9fa; color: #202122; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #eaecf0; vertical-align: top; white-space: pre-wrap;"><br/></td></tr> <tr><td class="diff-marker"></td><td style="background-color: #f8f9fa; color: #202122; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #eaecf0; vertical-align: top; white-space: pre-wrap;"><div>==Andy Mabbett==</div></td><td class="diff-marker"></td><td style="background-color: #f8f9fa; color: #202122; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #eaecf0; vertical-align: top; white-space: pre-wrap;"><div>==Andy Mabbett==</div></td></tr> <tr><td colspan="2" class="diff-lineno" id="mw-diff-left-l140">Line 140:</td> <td colspan="2" class="diff-lineno">Line 140:</td></tr> <tr><td class="diff-marker"></td><td style="background-color: #f8f9fa; color: #202122; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #eaecf0; vertical-align: top; white-space: pre-wrap;"><div>&lt;/blockquote&gt;</div></td><td class="diff-marker"></td><td style="background-color: #f8f9fa; color: #202122; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #eaecf0; vertical-align: top; white-space: pre-wrap;"><div>&lt;/blockquote&gt;</div></td></tr> <tr><td class="diff-marker"></td><td style="background-color: #f8f9fa; color: #202122; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #eaecf0; vertical-align: top; white-space: pre-wrap;"><br/></td><td class="diff-marker"></td><td style="background-color: #f8f9fa; color: #202122; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #eaecf0; vertical-align: top; white-space: pre-wrap;"><br/></td></tr> <tr><td class="diff-marker" data-marker="−"></td><td style="color: #202122; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #ffe49c; vertical-align: top; white-space: pre-wrap;"><div>== <del style="font-weight: bold; text-decoration: none;">Add Yours Here </del>==</div></td><td class="diff-marker" data-marker="+"></td><td style="color: #202122; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #a3d3ff; vertical-align: top; white-space: pre-wrap;"><div>== <ins style="font-weight: bold; text-decoration: none;">เพิ่มความหมายของคุณที่นี่ </ins>==</div></td></tr> <tr><td class="diff-marker" data-marker="−"></td><td style="color: #202122; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #ffe49c; vertical-align: top; white-space: pre-wrap;"><div>&lt;blockquote style=&quot;font-size:larger;&quot;&gt;<del style="font-weight: bold; text-decoration: none;">microformats are</del>...(<del style="font-weight: bold; text-decoration: none;">insert your definition here</del>)</div></td><td class="diff-marker" data-marker="+"></td><td style="color: #202122; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #a3d3ff; vertical-align: top; white-space: pre-wrap;"><div>&lt;blockquote style=&quot;font-size:larger;&quot;&gt;<ins style="font-weight: bold; text-decoration: none;">ไมโครฟอร์แมตคือ</ins>...(<ins style="font-weight: bold; text-decoration: none;">ใส่ความหมายของคุณที่นี่</ins>)</div></td></tr> <tr><td class="diff-marker"></td><td style="background-color: #f8f9fa; color: #202122; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #eaecf0; vertical-align: top; white-space: pre-wrap;"><div>&lt;/blockquote&gt;</div></td><td class="diff-marker"></td><td style="background-color: #f8f9fa; color: #202122; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #eaecf0; vertical-align: top; white-space: pre-wrap;"><div>&lt;/blockquote&gt;</div></td></tr> <tr><td class="diff-marker"></td><td style="background-color: #f8f9fa; color: #202122; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #eaecf0; vertical-align: top; white-space: pre-wrap;"><br/></td><td class="diff-marker"></td><td style="background-color: #f8f9fa; color: #202122; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #eaecf0; vertical-align: top; white-space: pre-wrap;"><br/></td></tr> <tr><td class="diff-marker" data-marker="−"></td><td style="color: #202122; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #ffe49c; vertical-align: top; white-space: pre-wrap;"><div><del style="font-weight: bold; text-decoration: none;">written by You.</del></div></td><td class="diff-marker" data-marker="+"></td><td style="color: #202122; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #a3d3ff; vertical-align: top; white-space: pre-wrap;"><div><ins style="font-weight: bold; text-decoration: none;">เขียนโดยคุณ</ins></div></td></tr> <tr><td class="diff-marker"></td><td style="background-color: #f8f9fa; color: #202122; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #eaecf0; vertical-align: top; white-space: pre-wrap;"><br/></td><td class="diff-marker"></td><td style="background-color: #f8f9fa; color: #202122; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #eaecf0; vertical-align: top; white-space: pre-wrap;"><br/></td></tr> <tr><td class="diff-marker" data-marker="−"></td><td style="color: #202122; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #ffe49c; vertical-align: top; white-space: pre-wrap;"><div>'''Note:''' <del style="font-weight: bold; text-decoration: none;">feedback on the existing definition or those on this page can be found in the </del>[[definition-feedback]]<del style="font-weight: bold; text-decoration: none;">. </del> <del style="font-weight: bold; text-decoration: none;">Please add feedback there </del>(<del style="font-weight: bold; text-decoration: none;">rather than inline here</del>)<del style="font-weight: bold; text-decoration: none;">.</del></div></td><td class="diff-marker" data-marker="+"></td><td style="color: #202122; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #a3d3ff; vertical-align: top; white-space: pre-wrap;"><div>'''Note:''' <ins style="font-weight: bold; text-decoration: none;">คุณสามารถอ่านความคิดเห็นเกี่ยวกับความหมายที่อยู่ในหน้านี้ได้ที่หน้า </ins>[[definition-feedback]]  <ins style="font-weight: bold; text-decoration: none;">กรุณาเพิ่มความคิดเห็นของคุณที่หน้านั้น </ins>(<ins style="font-weight: bold; text-decoration: none;">แทนที่จะแทรกเข้าไปในหน้านี้</ins>)</div></td></tr> <tr><td class="diff-marker"></td><td style="background-color: #f8f9fa; color: #202122; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #eaecf0; vertical-align: top; white-space: pre-wrap;"><br/></td><td class="diff-marker"></td><td style="background-color: #f8f9fa; color: #202122; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #eaecf0; vertical-align: top; white-space: pre-wrap;"><br/></td></tr> <tr><td class="diff-marker" data-marker="−"></td><td style="color: #202122; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #ffe49c; vertical-align: top; white-space: pre-wrap;"><div>== <del style="font-weight: bold; text-decoration: none;">See Also </del>==</div></td><td class="diff-marker" data-marker="+"></td><td style="color: #202122; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #a3d3ff; vertical-align: top; white-space: pre-wrap;"><div>== <ins style="font-weight: bold; text-decoration: none;">ลิงค์อื่นๆ </ins>==</div></td></tr> <tr><td class="diff-marker" data-marker="−"></td><td style="color: #202122; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #ffe49c; vertical-align: top; white-space: pre-wrap;"><div>* [[what-can-you-do-with-microformats]]</div></td><td class="diff-marker" data-marker="+"></td><td style="color: #202122; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #a3d3ff; vertical-align: top; white-space: pre-wrap;"><div>* [[what-can-you-do-with-microformats<ins style="font-weight: bold; text-decoration: none;">|คุณสามารถทำอะไรกับไมโครฟอร์แมตได้บ้าง</ins>]]</div></td></tr> <tr><td class="diff-marker" data-marker="−"></td><td style="color: #202122; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #ffe49c; vertical-align: top; white-space: pre-wrap;"><div>* [[faq]]</div></td><td class="diff-marker" data-marker="+"></td><td style="color: #202122; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #a3d3ff; vertical-align: top; white-space: pre-wrap;"><div>* [[faq<ins style="font-weight: bold; text-decoration: none;">|คำถามที่ถูกถามบ่อยๆ</ins>]]</div></td></tr> <tr><td class="diff-marker" data-marker="−"></td><td style="color: #202122; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #ffe49c; vertical-align: top; white-space: pre-wrap;"><div>* [[definition-feedback]]</div></td><td class="diff-marker" data-marker="+"></td><td style="color: #202122; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #a3d3ff; vertical-align: top; white-space: pre-wrap;"><div>* [[definition-feedback<ins style="font-weight: bold; text-decoration: none;">|ความคิดเห็นเกี่ยวกับความหมายของไมโครฟอร์แมต</ins>]]</div></td></tr> <tr><td class="diff-marker"></td><td style="background-color: #f8f9fa; color: #202122; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #eaecf0; vertical-align: top; white-space: pre-wrap;"><br/></td><td class="diff-marker"></td><td style="background-color: #f8f9fa; color: #202122; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #eaecf0; vertical-align: top; white-space: pre-wrap;"><br/></td></tr> <tr><td class="diff-marker" data-marker="−"></td><td style="color: #202122; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #ffe49c; vertical-align: top; white-space: pre-wrap;"><div>== <del style="font-weight: bold; text-decoration: none;">Translation </del>==</div></td><td class="diff-marker" data-marker="+"></td><td style="color: #202122; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #a3d3ff; vertical-align: top; white-space: pre-wrap;"><div>== <ins style="font-weight: bold; text-decoration: none;">ฉบับแปลของหน้านี้ </ins>==</div></td></tr> <tr><td class="diff-marker" data-marker="−"></td><td style="color: #202122; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #ffe49c; vertical-align: top; white-space: pre-wrap;"><div>* [[what-are-microformats-fr|c'est quoi les microformats]] (fr)</div></td><td class="diff-marker" data-marker="+"></td><td style="color: #202122; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #a3d3ff; vertical-align: top; white-space: pre-wrap;"><div>* [[what-are-microformats-fr|c'est quoi les microformats <ins style="font-weight: bold; text-decoration: none;">ในภาษาฝรั่งเศษ</ins>]] (fr)</div></td></tr> </table> SukitArseanrapoj