RTA963

Week 9 • The Semantic Web

Haus Keeping

Quiz 1: HTML + CSS
Project Meet Ups
Plans for today's class

Objectives

Produce elegant code
Understand semantics in relation to the web
Consider accessibility when creating web content
Optimize websites for search engines
Learn the relationship between HTML and content
Improve your understanding of HTML

Semantics?

Language and its relationship to providing meaning

Semantic Web

How our code can provide meaning to its contents/purpose

<html>
<head>
  <title>Semantics and the Web</title>
</head>
<body>

<header>
  <nav><a href="/">Home</a></nav>
</header>

<section>
  <h1>Section 1</h1>
  <p>Lorem ipsum dolor...</p>
</section>

</body>
</html>

<nav><a href="/">Home</a></nav>

Some Terminology

Opening Tag

Nav element

Attribute

Property
Value

Closing Tag

Nav element

Coding Semantic Meaning

√ use IDs & classes to convey meaning

√ use ALT & TITLE attributes

√ link to relevant sources

√ use tags to convey meaning (section, nav, aside, footer)

X use your own acronyms and shortened words

X use "click here" for link text

Analogy Exercise

Googlebot is a spider that visits websites and indexes them. It uses a proprietary algorithm (PageRank) to rank websites in search results.

What criteria would you use to rank people?

Why would one person be ranked higher than another?

You're making her site

What content would you need?
What content would you optimize?
How would you optimize:
- Videos
- Images
- Links