Strony internetowe w HTML5
Jak powinien wyglądać szablon strony napisanej w HTML5.
więcej na www.altcontroldelete.pl/artykuly/html5-wprowadzenie-do-nowej-technologii/
Jak można zauważyć kod HTML został uproszczony, usunięto linie ze zbędnymi deklaracjami. Wprowadzono kilka nowych znaczników, przykładowo header tworzący nagłówek strony oraz footer tworzący stopkę strony.
Lista nowych znaczników:
- article – element używany do wydzielenia niezależnej sekcji, która może być również potem użyta w innym miejscu. Idealnie nadaje się do artykułów na blogach
- aside – element, który może posłużyć do utworzenia popularnych na stronach sidebarów. Taki element może powtarzać się na każdej podstronie, w tej samej postaci. Można go również wykorzystać do innych celów
- footer – kolejny praktyczny element, który możemy wykorzystać do utworzenia stopki (obojętnie czy to będzie stopka dokumentu, czy wybranej sekcji)
- header – element, który możemy wykorzystać do utworzenia nagłówka dokumentu lub określonej sekcji
- nav – sekcja, w której grupujemy wszelkie odnośniki używane do nawigacji zarówno na stronie jak i w całym dokumencie
- section – specjalny tag, który używamy do tworzenia (zgodnie z nazewnictwem) sekcji. Przykładowo, mamy sekcję komentarzy, sekcję screenów itp.
- video – wideo jest umieszczane w HTML 5 za pomocą nowego znacznika
<!DOCTYPE html>
<head>
<meta charset="utf-8" />
<!--[if lt IE 9]>
<script src="http://html5shiv.googlecode.com/svn/trunk/html5.js"></script>
<![endif]-->
<link rel="stylesheet" href="style.css" />
<style>
article, aside, footer, header, nav, section{
display: block;
}
</style>
<title>HTML5 Test!</title>
</head>
<body>
<header>
<h1>Nagłówek</h1>
</header>
<article>
<header>
<h1>Tytuł artykułu</h1>
</header>
<section id="article-content">
<p>Tutaj właściwa treść artykułu...</p>
</section>
<footer>
<p>Stopka artykułu</p>
</footer>
</article>
<footer>
<p>Stopka strony</p>
</footer>
</body>
</html>
