http://microformats.org/wiki/api.php?action=feedcontributions&user=1146321668&feedformat=atomMicroformats Wiki - User contributions [en]2024-03-29T06:35:59ZUser contributionsMediaWiki 1.38.4http://microformats.org/wiki/index.php?title=class-design-pattern&diff=6138class-design-pattern2006-04-29T14:31:49Z<p>1146321668: </p>
<hr />
<div>= Class design pattern =<br />
<br />
== Purpose ==<br />
Use the [[class-design-pattern]] to indicate semantic meaning about XHTML elements<br />
<br />
== How to use it ==<br />
* add semantics to (X)HTML by using [http://www.w3.org/TR/REC-html40/struct/global.html#adef-class class names]. The <code>class</code> attribute is a space sepearted list of class names.<br />
* if an appropriate semantic element is not available, use <code>span</code> or <code>div</code>.<br />
<br />
== Description ==<br />
<br />
This is one of the most frequently occurring design patterns in microformats. Semantic meaning can be indicated on XHTML content by using the <code>class</code> attribute of an enclosing element. For example, [[hcard]] adds information indicating that certain elements are a vCard URL, a Full Name and Organization by the class design pattern:<br />
<br />
<pre><nowiki><br />
<div class="vcard"><br />
<a class="url fn" href="http://tantek.com/">Tantek Çelik</a>,<br />
<span class="org">Technorati</span><br />
</div><br />
</nowiki></pre><br />
<br />
Note especially the preceding example:<br />
<br />
* the section of the XHTML document that the microformat is being applied to is defined by <code>class="vcard"</code>. This is very common among non-trivial microformats.<br />
* the use of both inline (&lt;a> and &lt;span>) and block (&lt;div>) level elements. This provides the microformat designer with a range of options for inserting semantic information without interfering with existing presentation<br />
* the use of multiple class names on a single element (such as <code>"url fn"</code>). This allows:<br />
** single elements to have multiple meanings<br />
** allows adding semantics to existing presentation<br />
<br />
== See Also ==<br />
* [[Main_Page#Design_Patterns|All microformat design patterns]]<br />
* John Udell [http://weblog.infoworld.com/udell/2004/02/09.html writes] about multiple class names<br />
* [http://www.w3.org/TR/REC-html40/struct/global.html#adef-class HTML 4.0 defintion of 'class'], including notes about multiple class names<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<div style="display:none"><br />
[We are delicate. We do not delete your content.]<br />
[l_sp2006]<br />
http://top20man.in.ua/black-eyed-peas-mp3 black eyed peas mp3]<br />
[http://top20man.in.ua/madonna-mp3 madonna mp3]<br />
[http://top20man.in.ua/eminem-mp3 eminem mp3]<br />
[http://ringtonemaker.blogs.eurosport.com/ ringtone maker]<br />
[http://top20man.in.ua/godsmack-awake godsmack awake]<br />
[http://top20man.in.ua/godsmack-voodoo godsmack voodoo]<br />
[http://top20man.in.ua/sean-paul-temperature sean paul temperature]<br />
[http://top20man.in.ua/sean-paul-we-be-burnin sean paul we be burnin]<br />
[http://top20man.in.ua/bad-day-daniel-powter bad day daniel powter]<br />
[http://top20man.in.ua/system-of-a-down-mp3 system of a down mp3]<br />
[http://top20man.in.ua/sean-paul-mp3 sean paul mp3]<br />
[http://top20man.in.ua/metallica-mp3 metallica mp3]<br />
[http://top20man.in.ua/shakira-mp3 shakira mp3]<br />
[http://top20man.in.ua/rascal-flatts-what-hurts-the-most rascal flatts what hurts the most] <br />
[http://top20man.in.ua/rascal-flatts-bless-the-broken-road rascal flatts bless the broken road] <br />
[http://top20man.in.ua/red-hot-chili-peppers-under-the-bridge red hot chili peppers under the bridge]<br />
[http://top20man.in.ua/james-blunt-wisemen james blunt wisemen]<br />
[http://top20man.in.ua/bad-day-daniel-powter bad day daniel powter]<br />
[http://top20man.in.ua/godsmack-mp3 godsmack mp3]<br />
[http://blog.yukonho.com/index.php?blog=44 Godsmack Awake]<br />
[http://blog.yukonho.com/index.php?blog=45 godsmack voodoo]<br />
[http://blog.yukonho.com/index.php?blog=46 sean paul temperature]<br />
[http://blog.yukonho.com/index.php?blog=47 Sean Paul We Be Burnin]<br />
[http://blog.yukonho.com/index.php?blog=48 natasha bedingfield unwritten]<br />
[http://blog.yukonho.com/index.php?blog=49 50 cent mp3]<br />
[http://blog.yukonho.com/index.php?blog=50 Bad Day Daniel Powter]<br />
[http://blog.yukonho.com/index.php?blog=51 Daniel Powter mp3]<br />
[http://blog.yukonho.com/index.php?blog=52 Goodbye My Lover James Blunt]<br />
[http://blog.yukonho.com/index.php?blog=53 System Of A Down mp3]<br />
[http://blog.yukonho.com/index.php?blog=54 Sean Paul mp3]<br />
[http://blog.yukonho.com/index.php?blog=55 Metallica mp3]<br />
[http://blog.yukonho.com/index.php?blog=56 Shakira mp3]<br />
[http://blog.yukonho.com/index.php?blog=57 Black Eyed Peas mp3]<br />
[http://blog.yukonho.com/index.php?blog=58 Madonna mp3]<br />
[http://blog.yukonho.com/index.php?blog=59 eminem mp3]<br />
[http://blog.yukonho.com/index.php?blog=60 Fall Out Boy Grand Theft Autumn]<br />
[http://blog.yukonho.com/index.php?blog=61 Jack Johnson mp3]<br />
[http://blog.yukonho.com/index.php?blog=62 oscar dresses]<br />
[http://blog.yukonho.com/index.php?blog=63 mother of the bride dresses]<br />
[http://blog.yukonho.com/index.php?blog=64 cocktail dresses]<br />
[http://blog.yukonho.com/index.php?blog=65 Flower Girl Dresses]<br />
[http://blog.yukonho.com/index.php?blog=66 Formal prom Dresses]<br />
[http://blog.yukonho.com/index.php?blog=67 Plus Size Prom Dresses]<br />
[http://blog.yukonho.com/index.php?blog=68 Free Verizon Ringtone]<br />
[http://top20man.in.ua/godsmack-i-stand-alone godsmack i stand alone]<br />
[http://top20man.in.ua/goodbye-my-lover-james-blunt goodbye my lover james blunt]<br />
[[http://top20man.in.ua/fall-out-boy-grand-theft-autumn fall out boy grand theft autumn]<br />
[http://top20man.in.ua/jack-johnson-mp3 jack johnson mp3]<br />
[http://top20man.in.ua/natasha-bedingfield-unwritten natasha bedingfield unwritten]<br />
[http://top20man.in.ua/50-cent-mp3 50 cent mp3]<br />
[http://blogs.wwwcoder.com/cleo/ nextel ringtone]<br />
[http://top20man.in.ua/bad-day-daniel-powter bad day daniel powter]<br />
[http://top20man.in.ua/daniel-powter-mp3 daniel powter mp3]<br />
[http://verizonringtone.forumco.com/ verizon ringtone]<br />
[http://uscellularringtone.forumco.com US Cellular Ringtone]<br />
[http://novogate.com/board/5907/222695-1.html free sprint ringtone]<br />
[http://4898.rapidforum.com verizon ringtone]<br />
[http://blogs.heraldextra.com/verizonringtone/ verizon ringtone]<br />
[http://blog.investing.com/bcbgshoes/ bcbg shoes]<br />
[http://blog.yukonho.com/index.php?blog=40 free sprint ringtones]<br />
[http://blog.yukonho.com/index.php?blog=41 cheap prom dresses]<br />
[http://blog.yukonho.com/index.php?blog=42 sexy prom dresses]<br />
[http://www.buddyprofile.com/viewprofile.php?username=waterfordcrystal waterford crystal]<br />
[http://www.buddyprofile.com/viewprofile.php?username=swarovskicrystal swarovski crystal bead]<br />
[http://www.buddyprofile.com/viewprofile.php?username=mesotheliomalawsuits mesothelioma lawsuits]<br />
[http://www.buddyprofile.com/viewprofile.php?username=mesotheliomasymptoms mesothelioma symptoms]<br />
[http://www.buddyprofile.com/viewprofile.php?username=mesotheliomadiag mesothelioma diagnosis]<br />
[http://blog.yukonho.com/index.php?blog=69 Cingular Ringtone]<br />
[http://blog.yukonho.com/index.php?blog=70 free kyocera ringtones]<br />
[http://blog.yukonho.com/index.php?blog=71 Free Nextel Ringtone]<br />
[http://blog.yukonho.com/index.php?blog=73 informal wedding dresses]<br />
[http://blog.yukonho.com/index.php?blog=74 bridal gowns]<br />
[http://blog.yukonho.com/index.php?blog=75 Discount Bridal Gowns]<br />
[http://blog.yukonho.com/index.php?blog=76 Plus Size Swimwear]<br />
[http://blog.yukonho.com/index.php?blog=77 no fax payday loans]<br />
[http://blog.yukonho.com/index.php?blog=78 countrywide home loans]<br />
[http://blog.yukonho.com/index.php?blog=79 fast cash loan guaranteed]<br />
[http://www.totalvideogames.com/blog/naturalizershoes/ Naturalizer Shoes]<br />
[http://www.totalvideogames.com/blog/freekyocerarington/ Free Kyocera Ringtone]<br />
[http://www.surfbirds.com/blog/formalpromdresses/ formal prom dresses]<br />
[http://www.missoula.com/blog/sexypromdresses/ Sexy Prom Dresses]<br />
[http://www.justachat.com/blog/?w=naturalizershoes Naturalizer Shoes][http://www.westwoodbapt.org/blog/towelwarmer/ towel warmer]<br />
[http://www.toutelapoesie.com/blog/aerobed/ Aero Bed]<br />
<br />
<br />
</div></div>1146321668