Bu dersimizde html5 de details tagı ve onun bir alt tagı olan summary tagını görecez.
Öncelikle details ne işe yarar ona bakalım.
Bir başlık vardır solunda da bir ok bastığımızda ok aşağı gösterir ve içerik açılır.Bu javascript yada jquery aracılığı ile yapılabiliyodu ama html5 bunu tag haline getirip kullanımı kolay hale getirmiş.
Kodlara geçelim:
<details>
burası içerik yazı resim video artık ne atarsanız.
<summary>Başlık</summary>
</details>
Kullanımı bu kadar basit.
Bu başta otomatik kapalı gelir otomatik açık gelmesi için open="open" eklemeniz yeterlidir.
video:
Genel Örnek :
<!DOCTYPE HTML>
<html lang="en-US">
<head>
<meta charset="UTF-8">
<title></title>
</head>
<body>
<details open="open">
burası içerik yazı resim video artık ne atarsanız.
<summary>cArleone</summary>
</details>
</body>
</html>
indir: http://speedy.sh/z6YUF/HTML-5-Ders-2-details.rar
UstaDerslik
