Art Object in eRDF snippet

From GetSemantic

Jump to: navigation, search

This isn't necessarily the best way to do it, (the vocabulary terms could be better researched), but it gives an idea of how to do it. (the HTML could also be more semantic - eg: a table, or dl instead of paragraphs and strong tags). One of the vra property classnames contains a . (fullstop) which is valid, but needs to be escaped if used in CSS (eg: vra-relation\.depictedBy).

The VRA ontology seems to be a work in progress which isn't being worked on.

<html xmlns="http://www.w3.org/1999/xhtml">
	<head profile="http://purl.org/NET/erdf/profile">
	<link rel="schema.vra" href="http://www.w3.org/2001/sw/BestPractices/MM/vracore3.owl#" />
	<link rel="schema.dc" href="http://purl.org/dc/elements/1.1/"/>
	<link rel="schema.foaf" href="http://xmlns.com/foaf/0.1/"/>
	</head>
<body>
<div id="art-object" class="-vra-Work">
	<h1>
		<span class="dc-format">Photograph</span>: 
		<span class="dc-title">Lunch break during hop-picking holiday</span>
	</h1>
		<p>
			<strong>Producer: </strong><span class="dc-creator">Arapoff, Cyril</span>
		</p>
		<p><strong>Date: </strong><span class="dc-date">1931-1940</span>
		</p>
		<p><strong>Accession number: </strong><span class="dc-identifier">IN14360</span></p>
		<p><strong>Measurements: </strong><span class="dc-extent">whole: 166 x 214 mm</span>
		</p>
		
		<p class="dc-description">
					This working-class family are
			 enjoying a lunch break during their hop-picking stay
			 in the Kent countryside. Pickers started at first light
			 and continued until sunset, except for short breaks for lunch, 
			and morning and afternoon tea. 

			Cyril Arapoff produced a number of photos recording the Londoners
			 on their 'holiday with work and pay'. This family probably stayed
			 in the nearby stone house.
			</p>
	
		<img 	src="/museumoflondon/images/microsites/derivatives//exploring/019/mid/IN14360.jpg" 
				alt="Photograph: Lunch break during hop-picking holiday" 
				class="foaf-img vra-relation.depictedBy"
			/>
</div>
		
</body>
</html>
Personal tools