HTML dialog Etiketi

<dialog> Etiketi

Örnek

<dialog> elementinin kullanımı:

<table>
  <tr>
    <th>Mart<dialog open>Bu açık bir diyalog penceresidir.</dialog></th>
    <th>Nisan</th>
    <th>Mayıs</th>
  </tr>
  <tr>
    <td>28</td>
    <td>18</td>
    <td>10</td>
  </tr>
</table>

htmlvecssegitimi.blogspot.com

Kodu Çalıştır butonuna tıklayarak HTML belgesini Sonuç Ekranı'nda görüntüleyebilirsiniz.

KAYNAK KODLARI

SONUÇ EKRANI

<!DOCTYPE html> <html> <head> <style> table, th, td { border: 1px solid black; } </style> </head> <body> <p><b>Not:</b> Diyalog etiketi şu anda sadece Chrome 37+, Safari 6+ and Opera 24+ versiyonlarında destekleniyor.</p> <table> <tr> <th>Mart <dialog open>Bu açık bir diyalog penceresidir.</dialog> </th> <th>Nisan</th> <th>Mayıs</th> </tr> <tr> <td>28</td> <td>18</td> <td>10</td> </tr> </table> </body> </html>

HTML ve CSS Dersleri © 2015 HTMLveCSSegitimi.blogspot.com

---

<dialog> Tanımı ve Kullanımı

<dialog> etiketi bir diyalog kutusunu veya penceresini ifade eder.

<dialog> elementi bir web sayfası üzerinde açılır diyaloglar ve şekiller oluşturmayı kolaylaştırır.

---

Tarayıcı Desteği

Element
<dialog>	37	Desteklenmiyor	Desteklenmiyor	Desteklenmiyor	6.0	24

---

HTML 4.01 ile HTML5 arasındaki farklar

<dialog> etiketi HTML5'te yenidir.

---

Özellikler

= HTML5'te yeni.

Özellik	Değer	Tanım
open	open	<dialog> elementinin aktif olup, kullanıcının onunla etkileşime girebileceğini ifade eder.

---

Standart Özellikler

<dialog> etiketi Standart Özellikleri desteklemektedir.

HTML Standart Özellikler'i inceleyebilirsiniz.

---

Olay Özellikleri

<dialog> etiketi Olay Özelliklerini desteklemektedir.

HTML Olay Özellikleri'ni inceleyebilirsiniz.