Hemen kullanabileceğiniz 4 yeni HTML element

Sanılanın aksine HTML, tüm browser’lar tarafından desteklenen yeni özellikler de kazanıyor. Takip etmekte fayda var.

Gelin gönül rahatlığıyla kullanabileceğiniz 4 yeni elementi inceleyelim.

Datalist

Standart input ile kullanıcılardan karmaşık (kuralsız) veriler alabiliriz. En fazla placeholder attribute ile kullanıcıyı bilgilendirerek tam olarak istediğimiz bilginin ne olduğunu belirtebiliriz. Yeni gelen Datalist elementi ile bundan fazlasını yapabiliyoruz. Kullanıcıya seçenekler sunup, bunlar içerisinde arama ve seçme imkanı sunabiliyoruz.

Kullanılabilen browserlar

Details

Toggle ile açılıp kapanabilen detaylı içerik gösterimini CSS ve/veya JS yardımı olmaksızın yapmanın yolu yoktu. Details elementi çıkıncaya kadar, kullanımı da oldukça kolay.

Dialog

Kullanıcı bir işlem yaparken ya da yaptıktan sonra gerçekleştirilen işlemle ilgili onay almak veya bilgi vermek developer’ın asli görevlerindendir. Şimdiye kadar bunu karmaşık JS komutlarıyla gerçekleştiriyorduk. Artık kullanımı çok kolay olan bir HTML element ile her şey yolunda.

Figure

Bir fotoğraf veya kod parçacığı yayınlarken altına üstüne kısa caption bilgi girmemiz gerektiğinde, ideal görünüm elde etmek için satırlarca CSS yazmamız gerekiyordu. Artık figure ve içerisinde figcaption elementlerini kullanarak CSS yazmadan ideale en yakın görüntüyü elde etmek mümkün.

--

--

Yazılım geliştiririm, kısa film yönetirim ve yazılar yazarım.

Love podcasts or audiobooks? Learn on the go with our new app.

Get the Medium app

A button that says 'Download on the App Store', and if clicked it will lead you to the iOS App store
A button that says 'Get it on, Google Play', and if clicked it will lead you to the Google Play store
Safa Gayret

Safa Gayret

Yazılım geliştiririm, kısa film yönetirim ve yazılar yazarım.