A B E G

Startseite Skripte für das Wintersemester 2017/18 Webdesign Semantic Web Semantik 5 [Website Gerüst]


Semantik 5 [Website Gerüst]

Die gezeigte Website „Brooklyn Beta“ könnte somit folgendes HTML5-Gerüst haben:

HTML

<!DOCTYPE html>
<html lang="de">
<head>
    <meta charset="utf-8">
    <meta name="viewport" content="width=device-width, initial-scale=1">
    <title>Brooklyn beta</title>
    <link rel="stylesheet" href="c/style.css">
</head>

<body>

<!-- Kopfzeile -->
<header>
    <h1>Brooklyn Beta</h1>
    <time>October 21 2010</time>
</header>

<!-- Navigation -->
<nav>
    <ul>
        <li>About</li>
        <li>Speakers</li>
        <li>…</li>
    </ul>
</nav>

<!-- Abschnitt „Thema" -->
<section>
    <h2>Brooklyn What?</h2>
    <p>Join us on…</p>
</section>

<!-- Abschnitt „Unsere Sprecher“ -->
<section>
    <h2>Our Speakers</h2>
    <ul>
        <li>Speaker 1</li>
        <li>Speaker 2</li>
        <li>…</li>
    </ul>
</section>

<!-- Abschnitt „Workshops“ -->
<section>
    <article>Something about Workshop 1</article>
    <article>Something about Workshop 2</article>
</section>

…

<!-- Fußzeile -->
<footer>
<p>List of all Sponsors</p>
</footer>

</body>
</html>

Schaut Euch die Kommentare innerhalb des HTML-Codes an!