Technology Slides File

Download Report

Transcript Technology Slides File

METADATA AND PRESERVATION
TECHNOLOGIES
A. D. SMITH – SEPTEMBER 29, 2011
METADATA AND PRESERVATION TECHNOLOGIES
METADATA AND PRESERVATION TECHNOLOGIES
METADATA AND PRESERVATION TECHNOLOGIES
METADATA AND PRESERVATION TECHNOLOGIES
HTML <meta> Tag
Supply information for search engines
An Example:
<head>
<meta name="description" content="Free Web tutorials" />
<meta name="keywords" content="HTML,CSS,XML,JavaScript" />
<meta name="author" content="Hege Refsnes" />
<meta http-equiv="content-type" content="text/html;charset=UTF-8" />
</head>
METADATA AND PRESERVATION TECHNOLOGIES
Basic Tags
<html></html>Creates an HTML document
<head></head>Sets off the title and other information that
isn’t displayed on the web page itself
<body></body>Sets off the visible portion of the document
Body Attributes
<body bgcolor="pink">Sets the background color, using
name or hex value
<body text="black">Sets the text color, using name or hex
value
<body link="blue">Sets the color of links, using name or hex
value
<body alink="#00ff00">Sets the color of links on click
Text Tags
<pre></pre>Creates preformatted text
<hl></hl>Creates the largest headline
<h6></h6>Creates the smallest headline
<b></b>Creates bold text
<i></i>Creates italic text
<tt></tt>Creates teletype, or typewriter-style text
<cite></cite>Creates a citation, usually italic
<em></em>Emphasizes a word (with italic or bold)
<strong></strong>Emphasizes a word (with italic or bold)
<font size="3"></font>Sets size of font, from 1 to 7
<font color="green"></font>Sets font color, using name or
hex value
Links
<a href="URL"></a>Creates a hyperlink
<a href="mailto:EMAIL"></a>Creates a mailto link
<a href="URL"><img src="URL"> </a> Creates an image/link
<a name="NAME"></a>Creates a target location within a
document
<a href="#NAME"></a>Links to that target location from
elsewhere in the document
Formatting
<p></p>Creates a new paragraph
<p align="left">Aligns a paragraph to the left (default), right,
or center.
<br>Inserts a line break
<blockquote></blockquote>Indents text from both sides
<dl></dl>Creates a definition list
<dt>Precedes each definition term
<dd>Precedes each definition
<ol></ol>Creates a numbered list
<ul></ul>Creates a bulleted list
<li></li>Precedes each list item, and adds a number or
symbol depending upon the type of list selected
<div align="left">A generic tag used to format large blocks
of HTML, also used for stylesheets
<img src="name">Adds an image
<img src="name" align="left">Aligns an image: left, right,
center; bottom, top, middle
<img src="name" border="1">Sets size of border around an
image
METADATA AND PRESERVATION TECHNOLOGIES
• Released in 1998
• Extensible
 Define your own
tags
 Content
independent of
presentation
http://www.w3.org/TR/xml/
METADATA AND PRESERVATION TECHNOLOGIES
•
•
•
•
XML Schemas provide a means
for defining the structure of XML
documents, including metadata.
XML Schema Document (XSD)
is used to express the rules for a
given schema.
In practice, the XSD file is used
to validate the XML record.
XSLT (Extensible Stylesheet
Language Transformations)
METADATA AND PRESERVATION TECHNOLOGIES
Achieving Independence
Content/Format
HTML
Presentation
Standard
Web Browser
HTML
Content
XML
Transformation
Presentation
XSLT
Web
XSLT
Mobile
XSLT
Print
XML
METADATA AND PRESERVATION TECHNOLOGIES
• XML is a huge step
forward in Web
normalization
• Normalization supports
automation
• Linked Data (semantic
web)
Berners-Lee, TED2009
METADATA AND PRESERVATION TECHNOLOGIES
The Semantic Web is a "man-made woven
web of data" that facilitates machines to
understand the semantics, or meaning, of
information on the World Wide Web
Example:
An Osprey is a member of the Pandionidae Family
METADATA AND PRESERVATION TECHNOLOGIES
The OWL Web Ontology Language is
designed for use by applications that need
to process the content of information
instead of just presenting information to
humans.
METADATA AND PRESERVATION TECHNOLOGIES