) to navigate to next pagehResume Overview
- hResume is used to add smarts to resumes and CVs, so that Web applications can automatically process them.
- The hResume properties are based on fields common to resumes published today on the Web. Where possible, properties have been chosen and reused from existing Microformats.
hResume Properties
- summary: use this property on the (X)HTML element that wraps the introductory text which briefly introduces the person and the job position being sought.
- contact: use this property on the (X)HTML element that wraps the person's contact information. Use hCard to mark up the contact information.
- education: use this property on the (X)HTML element that wraps an education item of the resume/CV. Use hCalendar to mark up all the education items.
- experience: use this property on the (X)HTML element that wraps an experience item. Use hCalendar to mark up all the experience items.
hResume Properties
- skill: use this property on the (X)HTML element that wraps a skill item. Also, use rel-tag to tag each skill.
- affiliation: use this property on the (X)HTML element that wraps an affiliation item. Use hCard to mark up the affiliation item.
- publications: use this property on the (X)HTML element that cites a publication.
Root Classname, Profile URL
- The root classname is hReview.
- The hResume profile URL is: http://microformats.org/wiki/hresume-profile
Example Resume
- Revise this person's resume to incorporate the hResume properties: (view source to see the HTML text)
Example Resume
- Old:
- <body>
- ...
- </body>
- New:
- <body class="hResume">
- ...
- </body>
Example Resume
- Old:
- <h1>Derrick Crane</h1>
- <ul>
- <li>214 Ford St. #53</li>
- <li>Ann Arbor, MI 77843</li>
- <li>313-555-0447</li>
- <li>dcrane@stu.umich.edu</li>
- </ul>
Example Resume
- New:
- <div class="contact vcard">
- <h1 class="fn n">
- <span class="given-name">Derrick</span>
- <span class="family-name">Crane</span>
- </h1>
- <ul class="adr">
- <li class="street-address">214 Ford St. #53</li>
- <li>
- <span class="locality">Ann Arbor</span>,
- <abbr title="Michigan" class="region">MI</abbr>
- <span class="postal-code">77843</span>
- </li>
- <li class="tel">313-555-0447</li>
- <li><a class="email" href="mailto:dcrane@stu.umich.edu">dcrane@stu.umich.edu</a></li>
- </ul>
- </div>
Example Resume
- Old:
- <h2>Education</h2>
- <p>B.S. in mechanical engineering, focus in automotive engineering, University of
- Michigan, Ann Arbor, MI, May, 1998.</p>
Example Resume
- New:
- <div class="vcalendar">
- <h2>Education</h2>
- <p class="education vevent vcard">
- <span class="summary">B.S. in mechanical engineering</span>,
- <span class="description">focus in automotive engineering</span>,
- <span class="location fn org">University of Michigan</span>,
- <span class="adr">
- <span class="locality">Ann Arbor</span>,
- <abbr title="Michigan" class="region">MI</abbr>,
- </span>
- <abbr class="dtstart" title="1998-05-01">May, 1998</abbr>.
- </p>
- </div>
- Note: dtstart represents his graduation date (the zeroeth anniversary of his graduation).
Example Resume
- Old:
- <h2>Experience</h2>
- <ol>
- <li>...</li>
- <li>...</li>
- <li>...</li>
- <li>...</li>
- </ol>
Example Resume
- New:
- <h2>Experience</h2>
- <ol class="vcalendar">
- <li class="experience vevent vcard">...</li>
- <li class="experience vevent vcard">...</li>
- <li class="experience vevent vcard">...</li>
- <li class="experience vevent vcard">...</li>
- </ol>
Example Resume
- Old:
- <h2>Computer Skils</h2>
- <p>CAD, AutoCAD, MathCAD, C++, Word, Excel.</p>
Example Resume
- New:
- <h2>Computer Skils</h2>
- <p>
- <span class="skill"><a class="rel-tag" href="http://en.wikipedia.org/wiki/CAD">CAD</a></span>,
- <span class="skill"><a class="rel-tag" href="http://en.wikipedia.org/wiki/AutoCAD">AutoCAD</a></span>,
- <span class="skill"><a class="rel-tag" href="http://en.wikipedia.org/wiki/MathCAD">MathCAD</a></span>,
- <span class="skill"><a class="rel-tag" href="http://en.wikipedia.org/wiki/C%2B%2B">C++</a></span>,
- <span class="skill"><a class="rel-tag" href="http://en.wikipedia.org/wiki/MS_Word">Word</a></span>,
- <span class="skill"><a class="rel-tag" href="http://en.wikipedia.org/wiki/Microsoft_Excel">Excel</a></span>.
- </p>
hResume Creator
Lab 1
- Markup this HTML using hResume properties:Meg-Hertz-resume.html
- Name the new version of the HTML file: revised-Meg-Hertz-resume.html
- After marking up the HTML with the hResume properties:
- Validate your HTML using the W3C HTML validator: http://validator.w3.org/
- Use Brian Suda's xhtml2vcard.xsl tool to extract the hCard and generate a vCard (.vcf file). In the lab 1 folder is run.bat. Double click on it, and it will invoke Brian's tool.
- Use Operator to mashup the hCard and hCalendar Microformats.