仓酷云

 找回密码
 立即注册
搜索
热搜: 活动 交友 discuz
查看: 725|回复: 8
打印 上一主题 下一主题

[HTML5] html5教程之hResume-公布简历的微格局

[复制链接]
莫相离 该用户已被删除
跳转到指定楼层
楼主
发表于 2015-1-15 23:21:56 | 只看该作者 回帖奖励 |倒序浏览 |阅读模式

马上注册,结交更多好友,享用更多功能,让你轻松玩转社区。

您需要 登录 才可以下载或查看,没有帐号?立即注册

x
历经多年来的停滞不前,如今全球信息网联盟(WorldWideWebConsortium,W3C)重拾HTML标准化。网页制造poluoluo文章简介:hResume是公布简历和团体简历的微格局。次要是用于公布简历和团体简历hResume格局是基于一套配合的浩瀚范畴恢复昔日发布在网站上。在大概的情形下字段称号已选定,并从原有微格局反复利用。完成hResume的体例,复杂的来讲就是把微格局中的Hcard、hCalendar、hRe
hResume是公布简历和团体简历的微格局。次要是用于公布简历和团体简历
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&Prime;>March2008</abbr>-<abbrclass=”dtend”title=”2010-12-01&Prime;>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&Prime;>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>
[Ctrl+A全体选择然后拷贝]
最终效果:


点击上图缩小

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标签
精灵巫婆 该用户已被删除
沙发
发表于 2015-1-17 22:11:33 | 只看该作者
您在所见即所得网页编辑器进行网页制作和在WORD中进行文本编辑不会感到有什么区别,但它同时也存在着致命的弱点。
板凳
发表于 2015-1-24 23:50:38 | 只看该作者
时间轴)窗口--时间轴--选中图层并拖图层到时间轴,将其放在指定帧上
只想知道 该用户已被删除
地板
发表于 2015-2-2 17:12:59 | 只看该作者
只要我们努力,无论是怎样的艰难险阻,成功依然会迎面直击。在刚开始时我觉得dreamweaver mx XX很难理解。
飘飘悠悠 该用户已被删除
5#
发表于 2015-2-8 04:01:47 | 只看该作者
运动)时间轴面板--拖动关键帧--单击整条--将鼠标移至中间一点--右击选择增加关键帧--移动中间关键帧的图层--勾选自动播放,循环
柔情似水 该用户已被删除
6#
发表于 2015-2-24 14:57:24 | 只看该作者
Dreamweaver是唯一提供Roundtrip HTML、视觉化编辑与原始码编辑同步的设计工具。它包含HomeSite和BBEdit等主流文字编辑器。
莫相离 该用户已被删除
7#
 楼主| 发表于 2015-3-7 13:03:18 | 只看该作者
Dreamweaver是集网页制作和管理网站于一身的所见即所得网页编辑器,在编辑时能同时看到源码和设计界面,非常方便新手学习制作网页。
爱飞 该用户已被删除
8#
发表于 2015-3-15 07:30:03 | 只看该作者
运动)时间轴面板--拖动关键帧--单击整条--将鼠标移至中间一点--右击选择增加关键帧--移动中间关键帧的图层--勾选自动播放,循环
因胸联盟 该用户已被删除
9#
发表于 2015-3-22 00:05:22 | 只看该作者
还是在Dreamweaver所见即所得添加链接是,可以选中文字或图片然后按下shift键不放鼠标拖出箭头直接指向文件即可。这是比较简单的也是常用的方之一。
您需要登录后才可以回帖 登录 | 立即注册

本版积分规则

QQ|Archiver|手机版|仓酷云 鄂ICP备14007578号-2

GMT+8, 2024-12-29 23:01

Powered by Discuz! X3.2

© 2001-2013 Comsenz Inc.

快速回复 返回顶部 返回列表