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

Group Meetings...

RTA963: The Semantic Web

By Am Sagarwala

RTA963: The Semantic Web

What is semantics? How do we optimize online content? What can we optimize?

  • 851

More from Am Sagarwala