An unordered list is a list in which the sequence of items is not important. Sometimes, an unordered list is a bulleted list. And this is a long list item in an unordered list that can wrap onto a new line.

Test CC Guidelines

Description

The above link works, but only because of an attribute on the test link below, and other data embedded in this page.

The Data Needed

namespaces

No metadata is needed in the head of the document, but somewhere there has to be an element -
like this span
- that has the xml namespace attributes:

xmlns:cc="http://creativecommons.org/ns#"

xmlns:dc="http://purl.org/dc/elements/1.1/"

xmlns:xhv="http://www.w3.org/1999/xhtml/vocab#"

title

The "Work Details" title label comes from this span: Test Title
which has the attribute

property="http://purl.org/dc/elements/1.1/title dc:title"

attribution

It is the link to
the work's origin
that generates the content of the "cite" box. These attributes are necessary on the <a> element:

property="cc:attributionName"

rel="cc:attributionURL"

href="the edm isShownAt"

a guidelines referencing element

An element - like
this span -
has to be present, with attributes referencing the guidelines document:

rel="cc:useGuidelines"

resource="http://www.europeana.eu/rights/pd-usage-guide/"

This becomes the href of the "Non-binding use guidelines apply to this work" text.

license rel (url)

The actual link to the rights page should have a rel attribute:

rel="xhv:license http://www.europeana.eu/schemas/edm/rights"

Nothing works without xhv:license.

Test

warning

Keep an eye on the net tab when you open the link - it can time-out contacting scraper.creativecommons.org.

link

Here's a working
test link
to a rights page. If this is being read from a publicly available server then the above link will contain the text
"Non-binding use guidelines apply to this work."
and other data scraped from this page.

A block quotation (also known as a long quotation or extract) is a quotation in a written document, that is set off from the main text as a paragraph, or block of text, and typically distinguished visually using indentation and a different typeface or smaller size quotation.

So, setting about it as methodically as men might smoke out a wasps' nest, the Martians spread this strange stifling vapour over the Londonward country. The horns of the crescent slowly moved apart, until at last they formed a line from Hanwell to Coombe and Malden. All night through their destructive tubes advanced.

So, setting about it as methodically as men might smoke out a wasps' nest, the Martians spread this strange stifling vapour over the Londonward country. The horns of the crescent slowly moved apart, until at last they formed a line from Hanwell to Coombe and Malden. All night through their destructive tubes advanced.

So, setting about it as methodically as men might smoke out a wasps' nest, the Martians spread this strange stifling vapour over the Londonward country. The horns of the crescent slowly moved apart, until at last they formed a line from Hanwell to Coombe and Malden. All night through their destructive tubes advanced.

So, setting about it as methodically as men might smoke out a wasps' nest, the Martians spread this strange stifling vapour over the Londonward country. The horns of the crescent slowly moved apart, until at last they formed a line from Hanwell to Coombe and Malden. All night through their destructive tubes advanced.

So, setting about it as methodically as men might smoke out a wasps' nest, the Martians spread this strange stifling vapour over the Londonward country. The horns of the crescent slowly moved apart, until at last they formed a line from Hanwell to Coombe and Malden. All night through their destructive tubes advanced.

So, setting about it as methodically as men might smoke out a wasps' nest, the Martians spread this strange stifling vapour over the Londonward country. The horns of the crescent slowly moved apart, until at last they formed a line from Hanwell to Coombe and Malden. All night through their destructive tubes advanced.

So, setting about it as methodically as men might smoke out a wasps' nest, the Martians spread this strange stifling vapour over the Londonward country. The horns of the crescent slowly moved apart, until at last they formed a line from Hanwell to Coombe and Malden. All night through their destructive tubes advanced.

The grid below shows a combination of nested, gutterless, reversed, centered, responsive grids, all using classes in the HTML. Each integer represents the high-level grid item you are looking at, and each decimal represents the grid item’s level of nesting (if any), e.g. Grid 5.3 represents the third nested grid inside of the fifth major grid.

A block quotation (also known as a long quotation or extract) is a quotation in a written document, that is set off from the main text as a paragraph, or block of text, and typically distinguished visually using indentation and a different typeface or smaller size quotation.

A block quotation (also known as a long quotation or extract) is a quotation in a written document, that is set off from the main text as a paragraph, or block of text, and typically distinguished visually using indentation and a different typeface or smaller size quotation.

An unordered list is a list in which the sequence of items is not important. Sometimes, an unordered list is a bulleted list. And this is a long list item in an unordered list that can wrap onto a new line.

Lists can be nested inside of each other

This is a nested list item

This is another nested list item in an unordered list

This is the last list item

An introductory paragraph for the list:

This is a list item in an ordered list

An ordered list is a list in which the sequence of items is important. An ordered list does not necessarily contain sequence characters.

A block quotation (also known as a long quotation or extract) is a quotation in a written document, that is set off from the main text as a paragraph, or block of text, and typically distinguished visually using indentation and a different typeface or smaller size quotation.

An unordered list is a list in which the sequence of items is not important. Sometimes, an unordered list is a bulleted list. And this is a long list item in an unordered list that can wrap onto a new line.

Lists can be nested inside of each other

This is a nested list item

This is another nested list item in an unordered list

This is the last list item

An introductory paragraph for the list:

This is a list item in an ordered list

An ordered list is a list in which the sequence of items is important. An ordered list does not necessarily contain sequence characters.

A block quotation (also known as a long quotation or extract) is a quotation in a written document, that is set off from the main text as a paragraph, or block of text, and typically distinguished visually using indentation and a different typeface or smaller size quotation.

These tabs become an accordion when there is not enough width for the tab headers to fit on a single row.

(resize your browser window to see this work)

Clicking an open tab-header will close it when in accordion mode.

Click the next tab to learn more.

Tab Two the Second (II)(the data model)

The tab content can be supplied with a tab_content entry in the model. A search_result model can also be supplied. Other data structures can be added to the template as needed.

Click the next tab to learn more.

Tab Three(a layout limitation)

The tab content has an absolute position and so instances of this component may need to explicitly set the height to stop content subsequent to the accordion-tabs disappearing beneath it.

Click the next tab to learn more

Tab 4(event callback)

When the user changes the active tab the (optional) function fnOpenTab (passed in the ops parameter of the init function) will be called - the active tab index is passed into this function as its only parameter.

We all have objects to share and stories to tell about where we've come from and what's shaped our lives. For many of us, that involves our family's stories of migration and immigration.

About this image

Sharing your own personal migration history can help us to tell a really big story - the story of Europe and the people who live here. We invite you to share your story - through objects like pictures, letters, postcards or recipes - with Europeana Migration at one of our collection days or by visiting our website.

Your story is part of Europe’s rich and shared history of migration, and now it can be recorded for the future, and made freely available for anyone to discover and use for education, research, inspiration and pleasure.