Skip to content

Instantly share code, notes, and snippets.

@willpower42

willpower42/vcard_e_breadcrumb-rdfa.html

Last active October 5, 2015 22:08
Show Gist options
  • Save willpower42/2885177 to your computer and use it in GitHub Desktop.
Save willpower42/2885177 to your computer and use it in GitHub Desktop.
Download ZIP
exemplo de vcard, com breadcrumb, em RDFa
Raw
vcard_e_breadcrumb-rdfa.html
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML+RDFa 1.0" "http://www.w3.org/MarkUp/DTD/xhtml-rdfa-1.dtd">
<html xmlns="http://www.w3.org/1999/xhtml"
xmlns:v="http://rdf.data-vocabulary.org/#"
version="XHTML+RDFa 1.0">
<head>
<meta http-equiv="Content-Type" content="application/xhtml+xml; charset=UTF-8"/>
<title>Ideais Tecnologia - Felipe Nunes</title>
</head>
<body>
<div class="page">
<!-- info user google+ -->
<a class="hide" href="https://plus.google.com/102864609708730540935?rel=author">Google+</a>
<!-- breadcrumb para funcionar, precisa estar no mesmo domínio usado -->
<div id="breadcrumb">
<span typeof="v:Breadcrumb"><a href="/" rel="v:url" property="v:title" content="/">home</a></span> &gt;
<span typeof="v:Breadcrumb"><a href="/pai.html" rel="v:url" property="v:title" content="/pai">pai</a></span> &gt;
<span typeof="v:Breadcrumb"><strong property="v:title">Felipe Nunes</strong></span>
</div>
<!-- vcard -->
<div typeof="v:Person" class="card">
<div class="cdata">
<!-- foto -->
<img class="img" rel="v:photo" src="https://lh4.googleusercontent.com/-Cgdc6cdodPA/AAAAAAAAAAI/AAAAAAAAAIM/kNMMx-Jy7fY/s250-c-k/photo.jpg" />
<div class="bdata">
<!-- nome -->
<strong property="v:name">Felipe Nunes</strong>
<!-- cargo / onde trabalha -->
<span property="v:title">Frontend Developer / UX Designer</span>
<span property="v:affiliation">Ideais Tecnologia</span>
<!-- url-->
<a href="http://www.ideais.com.br" rel="v:url">www.ideais.com.br</a>
</div>
</div>
</div>
</div>
</body>
</html>
@aqualungdesign
Copy link

Tira o CSS do style... será que precisa?
Quero ver o de produto Coisa! ;)
[]'s

Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment