xDarkLyne
Hectopat
- Katılım
- 27 Temmuz 2020
- Mesajlar
- 2.792
- Makaleler
- 14
- Çözümler
- 38
Daha fazla
- Cinsiyet
- Erkek
- Meslek
- Yazılım, Güvenlik
Merhaba, yazılım dünyasına hoş geldiniz. HTML5 ile fark etmediğiniz yeni özellikleri göstereceğiz.
Gördüğünüz gibi dikdörtgen oluşturdu eğer
Böyle olduğu gözlemlenirdi.
2.Audio özelliği:
HTML5 öncesi sürümlerde ses oynatabilmek için fazla uğraşmak gerekiyordu. Artık
3.Progress özelliği.
Progress özelliği ilerleme ve tamamlanma sürecini kullanıcıya bir resim olarak göstermemizi sağlar. Örnekler:
CSS özelliği sayesindeki ilerleme sürecindeki borderi kaldırabilirsiniz.
4.DataList özelliği.
Liste oluşturmanızı sağlar, ayrıca listede arama yapabilmenizi de sağlar. Açılır menü olarak düşünün.
Örnekler:
5. Header, Footer özelliği.
Header genellikle menü, Footer ise sitenin sonunda kullanılır. Örnekler:
- HTML5 avantajlar:
- Yüklemek istediğiniz videolar eskisine göre daha kaliteli bir şekilde görüntüleniyor.
- Dosyayı sürükle bırak özelliği geldi.
HTML:
<canvas style="border: 1px solid red;" ></canvas>Gördüğünüz gibi dikdörtgen oluşturdu eğer
canvas özelliğini kullanmasaydık ne olurdu?Böyle olduğu gözlemlenirdi.
2.Audio özelliği:
HTML5 öncesi sürümlerde ses oynatabilmek için fazla uğraşmak gerekiyordu. Artık
Audio özelliği sayesinde ses oynatabileceksiniz. Örnekler:
HTML:
<audio controls="controls">
<source src="ses.mp3" type="audio/mpeg" />
</audio>3.Progress özelliği.
Progress özelliği ilerleme ve tamamlanma sürecini kullanıcıya bir resim olarak göstermemizi sağlar. Örnekler:
HTML:
<p>Python:
<progress value="25" max="100"> </progress>
</p>
<p>JS:
<progress value="50" max="100"> </progress>
</p>
<p>CSS:
<progress value="75" max="100"> </progress>
</p>
<p>HTML:
<progress value="100" max="100"> </progress>
</p>CSS özelliği sayesindeki ilerleme sürecindeki borderi kaldırabilirsiniz.
4.DataList özelliği.
Liste oluşturmanızı sağlar, ayrıca listede arama yapabilmenizi de sağlar. Açılır menü olarak düşünün.
Örnekler:
HTML:
<input list="Yazilim">
<datalist id="Yazilim">
<option value="Python">
<option value="JS">
<option value="CSS">
<option value="HTML">
</datalist>5. Header, Footer özelliği.
Header genellikle menü, Footer ise sitenin sonunda kullanılır. Örnekler: