HTML5 Yeni Öğeler!

HTML5 ‘te Yeni Öğeler
HTML5 Yeni Öğeler. Aşağıda yeni HTML5 öğelerinin bir listesi ve bunların ne için kullanıldığı açıklanmaktadır.
Yeni Anlamsal / Yapısal Öğeler
HTML5, daha iyi belge yapısı için yeni öğeler sunar:
Etiket | Açıklama |
---|---|
<article> | Belgedeki bir makaleyi tanımlar |
<aside> | İçeriği sayfa içeriğinden ayırır |
<bdi> | Metnin, dışındaki diğer metinden farklı bir yönde biçimlendirilebilecek bir bölümünü izole eder |
<details> | Kullanıcının görüntüleyebileceği veya gizleyebileceği ek ayrıntıları tanımlar |
<dialog> | Bir iletişim kutusu veya pencere tanımlar |
<figcaption> | <figure> öğesi için resim yazısı tanımlar |
<figure> | Bağımsız içeriği tanımlar |
<footer> | Bir belge veya bölüm için altbilgi tanımlar |
<header> | Bir belge veya bölüm için bir başlık tanımlar |
<main> | Belgenin ana içeriğini tanımlar |
<mark> | İşaretli / vurgulanmış metni tanımlar |
<meter> | Bilinen bir aralıkta bir skaler ölçümü tanımlar (ölçer) |
<nav> | Gezinme bağlantılarını tanımlar |
<progress> | Bir görevin ilerlemesini temsil eder |
<rp> | Ruby ek açıklamalarını desteklemeyen tarayıcılarda nelerin gösterileceğini tanımlar |
<rt> | Karakterlerin bir açıklamasını / telaffuzunu tanımlar (Doğu Asya tipografisi için) |
<ruby> | Ruby açıklamasını tanımlar (Doğu Asya tipografi için) |
<section> | Belgedeki bir bölümü tanımlar |
<summary> | <details> öğesi için görünür bir başlık tanımlar |
<time> | Bir tarih / saat tanımlar |
<wbr> | Olası bir satır sonu tanımlar |
Yeni Form Elemanları
Etiket | Açıklama |
---|---|
<datalist> | Giriş kontrolleri için önceden tanımlanmış seçeneklerin bir listesini belirtir |
<output> | Hesaplamanın sonucunu tanımlar |
HTML Form Öğeleri içindeki eski ve yeni form öğeleri hakkındaki her şeyi okuyun .
Yeni Giriş Tipleri
Yeni Giriş Tipleri
- color
- date
- datetime
- datetime-local
- month
- number
- range
- search
- tel
- time
- url
- week
Yeni Giriş Nitelikleri
- autocomplete
- autofocus
- form
- formaction
- formenctype
- formmethod
- formnovalidate
- formtarget
- height and width
- list
- min and max
- multiple
- pattern (regexp)
- placeholder
- required
- step
HTML Giriş Türlerindeki eski ve yeni giriş türleriyle ilgili her şeyi öğrenin .
HTML Giriş Nitelikleri’ndeki giriş özellikleri hakkında her şeyi öğrenin .
HTML5 – Yeni Özellik Sözdizimi
HTML5, öznitelikler için dört farklı sözdizimine izin verir.
Bu örnek, bir <input>
etikette kullanılan farklı sözdizimlerini gösterir :
Tip | Örnek Kullanım |
---|---|
Boş | <input type=”text” value=”John” disabled> |
Unquoted | <input type=”text” value=John> |
Double-quoted | <input type=”text” value=”John Doe”> |
Single-quoted | <input type=”text” value=’John Doe’> |
HTML5 ‘te, öznitelik için neye ihtiyaç duyulduğuna bağlı olarak dört sözdiziminin tümü kullanılabilir.
HTML5 Grafikleri
Etiket | Açıklama |
---|---|
<canvas> | Grafikleri komut dosyası kullanarak anında çizin (genellikle JavaScript) |
<svg> | Ölçeklenebilir vektör grafikleri çizme |
Yeni Medya Öğeleri
Etiket | Açıklama |
---|---|
<audio> | Ses içeriğini tanımlar |
<embed> | Harici (HTML olmayan) bir uygulama için kapsayıcı tanımlar |
<source> | Medya öğeleri için birden fazla medya kaynağı tanımlar (<video> ve <audio>) |
<track> | Medya öğeleri için metin izleri tanımlar (<video> ve <audio>) |
<video> | Video veya filmi tanımlar. |
İlginizi çekebilir…
WordPress Kişisel Blog Temaları! (Ücretli – Ücretsiz)
Bu makaleyi beğendiyseniz, lütfen WordPress video eğiticileri için YouTube Kanalımıza abone olun . Bizi Twitter ve İnstagram‘da da bulabilirsiniz …