HTML5 Details etiketi ( Açılıp kapatılabilir alan)

 
           Bu yazımızda html 5 ile hayatımıza giren bir etiketi sizlere tanıtacağım. <details> </details> etiketi sayesinde kullanıcıya açılır ve istenildiğinde kapatılabilir bir alan imkanı sunuyor. 

Örneğin birden fazla konu başlığınız var diyelim konu başlığına tıklayınca aşağıya doğru açılarak içeriği hakkındaki  bilgilerini okuta bileceğiniz  bir uygulama yapabilirsiniz. Kodlarımız ve aşağıda mevcuttur.

Uygulamanın örneğini de kodların altında bulabilirsiniz.

Örnek Kodlarımız :

<details>
<summary>Göster ve Gizle</summary>
<p>Bu alan gösterilip gizlenebilen bir alandır</p>
</details>
Share on Google Plus

About Mobil Reklam

    Blogger Comment
    Facebook Comment

0 yorum:

Yorum Gönder