html5教程之hResume-公布简历的微格局
历经多年来的停滞不前，如今全球信息网联盟(WorldWideWebConsortium，W3C)重拾HTML标准化。网页制造poluoluo文章简介：hResume是公布简历和团体简历的微格局。次要是用于公布简历和团体简历hResume格局是基于一套配合的浩瀚范畴恢复昔日发布在网站上。在大概的情形下字段称号已选定，并从原有微格局反复利用。完成hResume的体例，复杂的来讲就是把微格局中的Hcard、hCalendar、hRehResume是公布简历和团体简历的微格局。次要是用于公布简历和团体简历
hResume格局是基于一套配合的浩瀚范畴恢复昔日发布在网站上。在大概的情形下字段称号已选定，并从原有微格局反复利用。
完成hResume的体例，复杂的来讲就是把微格局中的Hcard、hCalendar、hReview、XFN初级综合使用.
hResumes的创作：
必需填写的格局：hCard
语义的XHTML计划准绳
内置的XHTML是XML的，因而，切合XHTML的格局，不但能够用来显现演示便利，并且也为一样平常用处的数据互换。在很多方面，兼容的格局，最好的例子都在HTML和XML中。但是，当建立的XHTML的格局，它有助于有引导的一系列准绳。
[*]反复利用的架构（称号，工具，属性，代价，范例，条理布局，限定）尽量从事后存在的基本上创建，和撑持尺度的参考。制止重述限定表达的来历尺度。
[*]关于同范例的多个组件，请利用嵌套元素与类名相称于称号的构成部分。
[*]因而多个嵌套内容是用来代表多个笔墨值逗号分开的。
[*]利用最正确的准确语义的XHTML基石每一个工具等
[*]利用一个通用的布局性要素（如<span>或<div>），或得当的高低文内容（如<li>内<ul>或<ol>）。
[*]利用类名的基本上的名字从本来的架构，除非语义的XHTML恰是代表的那部分本来的架构。组件称号隐含在文档（而不是明白的界说架构）。
称号空间的构成部分红为破折号’-‘字符。
[*]假如格局的数据，依照本来的形式是太长或属于不友爱的，利用<abbr>不是一个通用的布局元素，并把数据转换成笔墨的’题目’的属性（如地点的去处），和更复杂和人类可读相称于自己的要素。进一步丰厚<abbr>的利用。
hResume架构以下：
*hresume:根类称号
*summary:是用来标志概述的资历和方针。
*contact:以后接洽体例在hCard中应当利用<address>与hCard在大概存在的情形下。
*education:合用于hcalendar举动。
*experience:合用于hcalendar举动。职称/职务应利用hCard。
*skill:一个hResume可标志利用绝对标志microformat和’skill‘类的名字。
*affiliation:类名affiliation是用来一同hcard构造，即同盟，团队.
*publications:只需利用<cite>。当有引文，能够用来搭配举进一步标志元素的构成部分引文。
网页制造poluoluo文章简介：hResume是公布简历和团体简历的微格局。次要是用于公布简历和团体简历hResume格局是基于一套配合的浩瀚范畴恢复昔日发布在网站上。在大概的情形下字段称号已选定，并从原有微格局反复利用。完成hResume的体例，复杂的来讲就是把微格局中的Hcard、hCalendar、hRe
以下是利用Hcard,Hcalendar分离的成hresume的例子：
代码拷贝框
<divclass=”hresume”><divclass=”contactvcard”><divclass=”fnn”id=”j”><spanclass=”given-name”>jalin</span><spanclass=”family-name”>jiang</span></div><divclass=”adr”><spanclass=”street-address”>广州河汉软件园</span><spanclass=”locality”>广州</span>,<spanclass=”region”>广东省</span><spanclass=”postal-code”>510665</span><spanclass=”country-name”>中国</span></div><div><spanclass=”tel”><spanclass=”value”>0201888888</span>(<spanclass=”type”>office</span>)</span><spanclass=”tel”><spanclass=”value”>02016666666</span>(<spanclass=”type”>home</span>)</span><spanclass=”tel”><spanclass=”value”>16816816888</span>(<spanclass=”type”>cell</span>)</span><spanclass=”tel”><spanclass=”value”>0201888888</span>(<spanclass=”type”>fax</span>)</span></div><div>Email:<aclass=”email”href=”mailto:jalin126.com”>jalin668@126.com</a>Web:<aclass=”url”href=”http://www.ued163.com/”>http://www.ued163.com/</a><aclass=”url”href=”http://www.ued163.com/”>LinkedInProfile</a></div></div><div><h2>Summary</h2><divclass=”summary”>喜好：音乐，泅水，羽毛球，乒乓球</div></div><div><h2>Education&Affiliations</h2><divclass=”vcalendar”><divclass=”educationveventvcard”><divclass=”htitle”><spanclass=”summary”>本科收集专业</span><spanclass=”org”>华南师范年夜学</span></div><divclass=”date_duration”><abbrclass=”dtstart”title=”2008-03-01″>March2008</abbr>-<abbrclass=”dtend”title=”2010-12-01″>December2010</abbr></div></div></div></div><div><h2>ProfessionalExperience</h2><divclass=”vcalendar”><divclass=”experienceveventvcard”><divclass=”htitle”><spanclass=”title”>前端开辟</span><spanclass=”org”>UED163团队</span>,<spanclass=”location”>广州河汉软件园</span></div><divclass=”date_duration”><abbrclass=”dtstart”title=”2007-06-01″>June2007</abbr>-<abbrclass=”dtend”>Present</abbr></div><divclass=”description”>处置前端架构开辟，努力于对前端手艺的进修。</div></div></div></div><div><h2>Tags</h2><div><divclass=”tags”><ul><li><aclass=”skill”target=”_blank”rel=”tag”href=”http://www.technorati.com/tag/css”>css</a></li><li><aclass=”skill”target=”_blank”rel=”tag”href=”http://www.technorati.com/tag/xhtml”>xhtml</a></li><li><aclass=”skill”target=”_blank”rel=”tag”href=”http://www.technorati.com/tag/javascript”>javascript</a></li><li><aclass=”skill”target=”_blank”rel=”tag”href=”http://www.technorati.com/tag/xml”>xml</a></li><li><aclass=”skill”target=”_blank”rel=”tag”href=”http://www.technorati.com/tag/microformat”>microformat</a></li></ul></div></div></div></div><divclass=”copyright”><ahref=”http://www.ued163.com/”rel=”license”>版权：UED163</a></div>
最终效果:
点击上图缩小
hresume基础架构对应格局：
团体先容:hcard
接洽体例：hcard
从属机构：hcard
专业妙技：hcard
教导水平：hcard,hCalendar
所猎取奖项：hCalendar
专业履历：hCalendar
构造成员：XFN
项目:hReview
乐成案例：标签云既,tag
把以上格局使用到团体博客与团体简历上，效果尚佳哦。看到良多同砚的团体博客都使用了WordPress，在此先容个有效的插件LinkedIn。
工具先容：LinkedIn的hResume为WordPress的捉住hResumemicroformat块LinkedIn的人群从您的团体材料页，让您将其增加就任何WordPress的网页，并合用于您本人的作风给它。
LinkedIng下载地点（最新为3.0）：
http://wordpress.org/extend/plugins/linkedin-hresume/
</p>
HTML5TheMediaCaptureAPI提供了对摄像头的可编程访问，用户可以直接用getUserMedia获得摄像头提供的视频流。我们需要做的是添加一个HTML5的Video标签 您在所见即所得网页编辑器进行网页制作和在WORD中进行文本编辑不会感到有什么区别，但它同时也存在着致命的弱点。 时间轴)窗口--时间轴--选中图层并拖图层到时间轴,将其放在指定帧上 只要我们努力，无论是怎样的艰难险阻，成功依然会迎面直击。在刚开始时我觉得dreamweaver mx XX很难理解。 运动)时间轴面板--拖动关键帧--单击整条--将鼠标移至中间一点--右击选择增加关键帧--移动中间关键帧的图层--勾选自动播放,循环 Dreamweaver是唯一提供Roundtrip HTML、视觉化编辑与原始码编辑同步的设计工具。它包含HomeSite和BBEdit等主流文字编辑器。 Dreamweaver是集网页制作和管理网站于一身的所见即所得网页编辑器，在编辑时能同时看到源码和设计界面，非常方便新手学习制作网页。 运动)时间轴面板--拖动关键帧--单击整条--将鼠标移至中间一点--右击选择增加关键帧--移动中间关键帧的图层--勾选自动播放,循环 还是在Dreamweaver所见即所得添加链接是，可以选中文字或图片然后按下shift键不放鼠标拖出箭头直接指向文件即可。这是比较简单的也是常用的方之一。
页:
[1]