Skip to content

Instantly share code, notes, and snippets.

@bdbch

bdbch/Example.html

Last active August 29, 2015 14:20
Show Gist options
  • Save bdbch/fca995c572b6f554caab to your computer and use it in GitHub Desktop.
Save bdbch/fca995c572b6f554caab to your computer and use it in GitHub Desktop.
Download ZIP
Example HTML5 Document
Raw
Example.html
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<title>HTML Dokument</title>
</head>
<body>
<!-- Hauptheader -->
<header id="page-header">
<h1>Titel der Seite</h1>
</header>
<!-- Hauptnavigation -->
<nav id="page-navigation">
<ul>
<li><a href="#">Link</a></li>
<li><a href="#">Link</a></li>
<li><a href="#">Link</a></li>
<li><a href="#">Link</a></li>
<li><a href="#">Link</a></li>
</ul>
</nav>
<!-- Inhaltsbereich -->
<main id="page-content">
<!-- Inhaltsbereich : einzelner Artikel (z.B. Blogpost) -->
<article>
<!-- Blogpost Header -->
<header>
<h2>Blog Post</h2>
<p>Geschrieben am 01.01.2012</p>
</header>
<!-- Blogpost Inhalt -->
<section class="blog-content">
<p>Lorem ipsum dolor sit amet, consectetur adipisicing elit. Quia repellendus provident voluptatibus, facilis quisquam veritatis quos enim perspiciatis soluta aliquam, sint beatae vel vitae distinctio in. Nihil ducimus magnam, autem.</p>
</section>
<!-- Blogpost Ratings -->
<section class="blog-ratings">
<p>Bewertung: 5 Sterne</p>
</section>
<!-- Blogpost Footer -->
<footer>
<p>Geschrieben von Max Mustermann</p>
</footer>
</article>
<!-- Inhaltsbereich : einzelner Artikel (z.B. Blogpost) -->
<article>
<!-- Blogpost Header -->
<header>
<h2>Blog Post</h2>
<p>Geschrieben am 01.01.2012</p>
</header>
<!-- Blogpost Inhalt -->
<section class="blog-content">
<p>Lorem ipsum dolor sit amet, consectetur adipisicing elit. Quia repellendus provident voluptatibus, facilis quisquam veritatis quos enim perspiciatis soluta aliquam, sint beatae vel vitae distinctio in. Nihil ducimus magnam, autem.</p>
</section>
<!-- Blogpost Ratings -->
<section class="blog-ratings">
<p>Bewertung: 5 Sterne</p>
</section>
<!-- Blogpost Footer -->
<footer>
<p>Geschrieben von Max Mustermann</p>
</footer>
</article>
</main>
<!-- Hauptfooter -->
<footer id="page-footer">
<p>Copyright 2015 Berlin</p>
</footer>
</body>
</html>
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment