ErenKeskin
Girişimci, Front-end Developer
Kullanıcı
Üyelik
11.09.2011
Yaş/Cinsiyet
29 / E
Meslek
Elektrik-Elektronik Mühendisi
Konum
Eskişehir
Ad Soyad
E** K**
Mesajlar
1223
Beğeniler
243 / 336
Ticaret
2, (%100)
Sitemdeki yerine alan yeni kategorilerden HTML5 kategorisine yeni bir bilgi eklemesi yapmaya başlayalım.Önceki HTML5 yazımda önemini ve yeniliklerini anlatmıştım artık adım adım HTML5 kodlarını öğrenebiliriz.Bu yazımda sizlere ilk 5 seçiciden bahsedeceğim.
İlk Seçicimiz “”
HTML/CSS kodlama yaparken genelde “header” yani üst kısım kodlamaları şu şekilde yapılırdı.
#header {padding: 5px; }
Ama artık bu kodlamalar yapılırken stilimizi değişitiriyoruz ve
header {padding: 5px; }
Şeklinde kodluyoruz.Bu bizim için ufakta olsa kolaylık sağlıyor.
“”
“
” seçicisi header seçicisi ile aynı işlemi görmektedir ve kullanım şekilide aynıdır.
#footer{padding: 5px; }
Ama artık bu kodlamalar yapılırken stilimizi değişitiriyoruz ve
footer{padding: 5px; }
Şeklinde kodluyoruz.
“ ”
“” tagının bize sağladığı kolaylık sidebar adı verilen yan kısımda kullanılıyor olması.İlk paylaşılan resimden de anlaşılacağı gibi “nav” etiketine sahip kısımlarda sidebar öğelerini barındırırız.
“”
Genellikle blog sitelerde anasayfa sağ ve sol kısım diye 2′ye ayrılır.Sağ kısım yukarıda bahsettiğim “nav” tagı ile gösterilir ve tabiki sol tagınında görünmesi için birşeylerin kullanılması gerek.Bunun için bizim kullanacağım kod “”.
“Son Seçicimiz ”
Ben ve daha birçok blog sever kodlamalarını yaparken her yazı için
şeklinde yapı oluştururlar.Ama artık HTML5′ ile bu yazı bu şekilde değilde direk olarak
şeklinde yazılacak.
HTML5 seçicilerine böylelikle göz atmış olduk.İlerleyen yazılarda diğer seçicilerden de tek tek bahsedeceğim.Bu arada blog tasarımımı da hiç beğenmiyorum yakın zamanda çok daha güzel bir tema ile karşınızdayım ;)
Kaynak: http://erenkeskin.com/html-5-seciciler-1/
3 kişi bu mesajı beğendi.
herenkeskin.com - Elektrik ve Elektronik Mühendisi - Gömülü Sistemler üzerine çalışıyorum.
Üyelik
28.03.2011
Yaş/Cinsiyet
28 / E
Meslek
PHP Developer
Konum
İstanbul Anadolu
Ad Soyad
M** D**
Mesajlar
439
Beğeniler
11 / 45
Ticaret
4, (%100)
HTML5 ve CSS3 öğrenilmesi gereken iki büyük değer :)
wordpressyapalim.com
ErenKeskin
Girişimci, Front-end Developer
Kullanıcı
Üyelik
11.09.2011
Yaş/Cinsiyet
29 / E
Meslek
Elektrik-Elektronik Mühendisi
Konum
Eskişehir
Ad Soyad
E** K**
Mesajlar
1223
Beğeniler
243 / 336
Ticaret
2, (%100)
Sağolun :) @Blobal öğrendiklerimi başkalarıda öğrensin diye anlatmaya çalışıyorum işte,inşallah yanlış bilgi vermem :)
herenkeskin.com - Elektrik ve Elektronik Mühendisi - Gömülü Sistemler üzerine çalışıyorum.
Üyelik
10.11.2011
Yaş/Cinsiyet
41 / E
Meslek
Nakliyat
Konum
Ad Soyad
C** A**
Mesajlar
417
Beğeniler
184 / 76
Ticaret
1, (%100)
güzel bilgiler teşekkürler
Üyelik
06.07.2011
Yaş/Cinsiyet
27 / E
Meslek
Öğrenci
Konum
İstanbul Anadolu
Ad Soyad
A** K**
Mesajlar
2503
Beğeniler
64 / 327
Ticaret
23, (%100)
Bilmiyordum. İyi oldu öğrendiğim. Teşekkürler.