Kategori Html5

HTML5 İle Gelen Yenilikler

Html şüphesiz ki tek ve en güçlü front-end dili. Bu tabir son zamanlarda oldukça popüler, hatta ABD-Avrupa’da bulunan firmalar front-end developer bile istihdam ediyor. Ama iş artık eskisi gibi basit değil.. Önceden frontpage ile iyi veya kötü herkes basit html…

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ı? Slaytları ilerletmek için klavyenizde ki sağ yön ok tuşuna basmanız yeterli.…

“SECTION” Elementi

<section><h1>Level 1</h1><section><h1>Level 2</h1><section><h1>Level 3</h1></section></section> </section> Sayfaları bölümlere ayırmak ve bu bölümleri isimlendirmek ziyaretçiye sayfada ulaşmak istediği veriye daha kolay ulaşması açısından yardımcı olacaktır. Örneğin ziyaretçi kolayca bir makaleden diğerine “devam et” benzeri linklere ihtiyaç duymadan geçebilir. Sayfa tasarımcısı ise bir…

Html5 NAV Elementi

Nav elementi ile blogroll veya link kısmı şeklinde ki bölümlerinizi kolayca belirleyebilirsiniz. <nav><ul><li><a href=”/”>Anasayfa</a></li><li><a href=”/urunler”>Ürünler</a></li><li><a href=”/servisler”>Servisler</a></li><li><a href=”/hakkimizda”>Hakkımızda</a></li></ul></nav>

Video ve Audio Elementi

Ses ve video içerikleri 56K modemleri çöpe attığımız günlerden beri hayatımızda oldukça fazla rol alıyor, facebook, youtube, dailymotion, last.fm gibi bir çok web uygulaması sayesinde internette geçen her saniyemizde yeni birmedya dosyası okuyoruz. Html 4 ne yazık ki bu medya…

Header ve Footer Elementleri

Bu elementler sayesinde sayfaların başlık kısmı ve son kısımlaırnı kolayca işaretleyebiliriz. <header><h1>HTML 5</h1><p>Seonet Bilgi Teknolojileri</p></header><header><h1>Seonet</h1><h2>Seo Danışmanlığı, Web Tasarım, Yazılım, Grafik Tasarım</h2></header> <footer>© SEONET</footer>

Aside Elementi

“aside” elementi ile sidebar’larınızı kolayca belirtebilir, CSS ile tüm önce ki elementler gibi şekillendirebilirsiniz. Tüm bu belirtme elementleri bizi karışık <div> elementlerinden kurtarıyor ve stil işlemlerimizde bize kolaylık sağlıyor.  <aside><h1>Arşivler</h1><ul><li><a href=”#”>Eylül 2007</a></li><li><a href=”#”>Ağustos 2007</a></li><li><a href=”#”>Temmuz 2007</a></li></ul></aside>

Html5 Article Elementi

Bu element ile sayfamızda gireceğimiz content yani içerik kısmını kolayca belirtebilir, CSS ile şekillendirebiliriz. <article id=”comment”><header><h4><a href=”#” rel=”bookmark”>Comment</a>by <a href=”#”>Seonet</a></h4><p><time datetime=”2014-12-03T12:58Z”>December 3rd, 2014 at 12:58</time></header><p>HTML 5 Farkı</p></article>