﻿figcaption - Coders' Grave
figcaption etiketli yazılar
HTML5 – Yeni Öğeleri Daha İyi Anlayın
Sevil Yılmaz tarafından HTML kategorisi altına gönderildi.
Bu blogu tasarladıktan sonra HTML5 hakkında birşeyler yazmam kaçınılmazdı. İlk duyduğum andan beri merak konusu oldu bende bu HTML5. “Ne gibi gelişmeler var, neden kullanmalıyız, ne kazancı var?” soruları kafamda uçuşmaya başladı. Kahvenizi hazırlayın, arkanıza yaslanın. İşte başlıyor…
Hepsinden önce modern bir tarayıcı kullandığınızdan emin olun ve sürekli güncel tutun. Tarayıcınızın HTML5 ve CSS3‘ün hangi özelliklerini desteklediğini öğrenmek için mükemmel bir script yazılmış. Adı Modernizr. Siteye girdiğinizde hemen karşınıza çıkıyor zaten nelerin desteklenip desteklenmediği.
HTML5‘de bazı özellikler native (doğuştan) geliyor. En genel örneği; bir video izlemek ya da bir ses dosyasını dinlemek için eklenti yükleme gereksimini ortadan kaldırıyor. Bunun için video ve audio elementlerini kullanmak yeterli. Bir resime, videoya, istatistik tablosuna alt başlık girmek için içiçe bölümler yapmak yerine figure ve figcaption elementlerini kullanabiliriz…
HTML’de (HTML4) birtakım anlamsal yetersizlikler var. Tasarımcılar bu yetersizlikleri class ve id‘ler kullanarak çözmeye çalışıyorlar. Ancak iş karmaşıklaştıkça, ziyaretçiye daha heyecan verici tasarımlar sunmak istendiğinde, anlamsal isimler bulmak gitgide daha da zorlaşıyor.
HTML5’te bu sorunlara anlamsal elementler (semantic elements) kullanarak yanıt verilmeye çalışılmış. Basit bir blog sayfasında mimari genel olarak şu şekildedir.
Etiketler: article, aside, audio element, canvas, figcaption, figure, footer, header, html5, html5 kodları, nav, video element
figcaption outer join box-shadow watermark audio element görsel formatı seçimi php dikey ortalı blok header butonu stillendirmek in-field label aside video element right join input mask border dikey ortalı div left join sticky footer türkçe karakter clearFix canvas border-radius mysql nav join utf-8 css sprite footer html5 text-shadow article sitenizin açılışını hızlandırın css3 content delivery network (cdn) wordpress tasarım inner join styling button figure
Teşekkürler hocam iyi çalışmal...
@ahmet O kod bloku sayfaya bas...
ilginiz için teşekkürler, hoca...
İstediğini değişiklik ne yazık...
merhabalar hocam genel olarak ...
Çoklu DVCS (Distributed revision control) Hesabı ile Git Kullanımı
Angular 2 TypeScript İle Geliştiriliyor
Integrating Styled Google Calendar with Your Website
WordPress’te kalıcı bağlantı değişimi ve bunun SEO’ya etkisi
Modern Tarayıcılarda DOM Level 3 Altında Olay Tetikleme
Creative Commons Attribution-NonCommercial 3.0 Unported Lisansı
codersgrave.com Creative Commons Attribution-NonCommercial 3.0 Unported Lisansı altındadır. HTML5 Valid