Html 5 ile Esnek Uygulamalar

Slaytlarınızı benim gibi slideshare vb. sitelerin eklentileri ile mi paylaşıyorsunuz? Artık hepsi bitti. Html 5 ile slaytlarınızı herhangi bir harici eklentiye veya uygulamaya ihtiyaç duymadan paylaşabilirsiniz.

Nasıl mı? http://apirocks.com/html5/html5.html#slide1 Slaytları ilerletmek için klavyenizde ki sağ yön ok tuşuna basmanız yeterli.

Çok Fazla Etiketi ..

Üstte ki tablodan görebileceğiniz üzere 2002 yılından beri “tableless web design” yani “tablosuz web tasarımı” dönemini yaşıyoruz. elementi yerini elementine devr edeli tam 8 sene oluyor.

8 senedir sayfalarımızı nasıl dizayn ediyorduk peki? Genel olarak tasarlarsak aşağıdaki şekilde ki gibi ifade edebiliriz.

Tipik bir 2 sütunlu web sayfası tasarımı bu şekilde olacaktır. Gördüğünüz gibi çok fazla div elementi kullandık ve dahası sayfamızda yaratacağımız bir çok div elementi daha olacak. Html 5 üzerimizde ki yükü biraz hafifletiyor ve yeni getirdiği elementler sayesinde aşağıda ki kolay ön tasarımı yapıyoruz.

Kod halinde bakarsak ;

<body>
<header>…</header>
<nav>…</nav>
<article>
<section>

</section>
</article>
<aside>…</aside>
<footer>…</footer>
</body>