4 Şubat 2014 itibari ile HTML5 üzerinde minör değişikliklere gidildi. <main> etiketinin HTML'e dahil olmasıyla beraber daha önce bahsettiğim HTML5 Sayfa Yapısı maalesef geçerliliğini yitirdi. Ayrıca bu sayfada bahsettiğim <section> ve <article> kullanımının yanlış olduğunu da öğrendim. Yanlış bilgi verdiğim için tüm okurlarımdan özür dilerim.

HTML5'in şu haline (yeni eklenen etiketlere) bakınca 3-5 yıl sonra yapabileceğimiz şeyleri hayal bile edemiyorum. Zira HTML teknolojisini kullanan ürünler çoğalıyor; akıllı telefonlar, akıllı televizyonlar, tabletler, bilgisayarlar hatta saatler.

HTML 5.1 ile kullanmamız gereken sayfa yapısını aşağıdan inceleyebilirsiniz, daha akılda kalıcı olsun diye küçük bir görsel de hazırladım. HTML 5.1 ile gelen yeni etiketleri yakın zamanda inceliyor olacağım, şimdiden eğlenceli kodlar dilerim :)

<!doctype html>
<html>
	<head>
		<meta charset="utf-8">
		<title>Sayfa Başlığı</title>
	</head>

	<body>
		<header>
			<p>header (sayfa başlığı)</p>
		</header>

		<nav>
			<p>nav (menü)</p>
		</nav>

		<main>
			<article>
				<header>
					<h1>Konu Başlığı</h1>
				</header>

				<p>Konu giriş yazısı</p>
				
				<section>
					<header>
						<h2>Konu Alt Başlığı</h2>
					</header>
					<p>Konu açıklama yazısı</p>
				</section>
			</article>

			<article>
				<header>
					<h1>Konu Başlığı</h1>
				</header>

				<p>Konu giriş yazısı</p>
				
				<section>
					<header>
						<h2>Konu Alt Başlığı</h2>
					</header>
					<p>Konu açıklama yazısı</p>
				</section>
			</article>
		</main>

		<aside>
			aside (sağ veya sol kolon)
		</aside>

		<footer>
			footer (sayfa altı)
		</footer>

	</body>
</html>

html 5.1 sayfa yapısı

Kaynaklar:

http://www.w3.org/TR/html51/