• Html

    Ders14- HTML5 nav etiketi

    HTML5 etiketlerinden yeni gelen nav etiketine değinelim. nav etiketi gezinti(navigasyon) linklerinin bulunduğu bölümü tanımlar. Fakat sayfadaki bütün linkler aklınıza gelmesin. Önceden el ile div’ler oluşturarak sayfamızın bir kenarına menü şeklinde navigasyon yani gezinti bölmesini yapardık. HTML 5 ile şimdi bu gezinti bölmesini nav etiketi ile daha iyi şekilde yapabiliyoruz. Nav etiketi sizi div’lerin karmaşasından kurtarırmış olur. Gezinti bölmemizin eski kullanımı; [crayon-5ce3b4b7ed685617059478/] HTML5 ile nav etiketinin kullanımı; [crayon-5ce3b4b7ed6a4519830071/] Nav etiketine dileğiniz CSS kodlarıyla müdahale edebilir daha görsel hala getirebilirsiniz. Örnek bir CSS kodu aşağıda verilmiştir. [crayon-5ce3b4b7ed6b1269154440/]

  • Html

    Ders13- HTML 5 hgroup etiketi

    Yeni HTML 5 etiketlerinden biri olan ve h elementlerini gruplamak için kullanılan hgroup etiketine bakalım. Eğer içeriklerimiz birden fazla h elementi içeriyorsa bunları grup şeklinde tanımlayabiliriz. h1,h2,h3,h4,h5,h6 başlık etiketlerini gruplamak için kullanabileceğimiz yeni html5 etiketi olan hgroup etiketinin kullanımına örneklerle bakalım. Article etiketi altında bir başlık etiketini hgroup kullanmadan gösterme Article etiketi altında header etiketini kullanarak yazdırma Burada hgroup kullanmaya gerek yoktur. Başlık ve zaman bilgisini header da gösterildi. Article etiketi altında başlık ve alt başlık kullanımı Birden fazla başlık etiketi kullanacağımız için bu h etiketlerini hgroup etiketiyle bir gruplama yaptık. Article etiketi altında header etiketi altında gruplama yapma Özetle Bu makalede, hgroup etiketinin nasıl kullanılacağını gösterdik. Tek bir başlık…