HTML5'teki Yeni Elemanları
Aşağıda yeni HTML5 öğelerin listesini ve onlar için kullanılan şeyin bir açıklamasıdır.
Yeni Semantik / Yapı Elemanları
HTML5 daha iyi belge yapısı için yeni unsurlar sunmaktadır:
Etiket | Açıklama |
---|---|
<article> | Belgede bir makale tanımlar |
<aside> | sayfa içeriğinden kenara içeriği tanımlar |
<bdi> | diğer metinden farklı bir yönde biçimlendirilmiş olabilir metnin bir kısmını tanımlar |
<details> | Kullanıcı görüntülemek veya gizlemek anlamına ek ayrıntılar tanımlar |
<dialog> | bir iletişim kutusu veya pencereyi tanımlar |
<figcaption> | Bir için bir başlık tanımlar <figure> elemanı |
<figure> | vb resim, şekil, fotoğraf, kod girişler gibi müstakil içeriğini tanımlar |
<footer> | belgenin veya bir bölümü için altbilgi tanımlar |
<header> | belgenin veya bir bölümü için bir başlık tanımlar |
<main> | Bir belgenin ana içeriğini tanımlar |
<mark> | İşaretli veya metin vurgulanan tanımlar |
<menuitem> | Kullanıcı bir açılan menüden çağırabilirsiniz bir komut / menü öğesi tanımlar |
<meter> | Bilinen bir aralık içinde bir skaler ölçüm tanımlar (a gauge) |
<nav> | Belgede gezinme bağlantıları tanımlar |
<progress> | Bir görevin ilerlemesini tanımlar |
<rp> | Desteklemeyen tarayıcılarda göstermek için hangi tanımlar ruby açıklamaları |
<rt> | (Doğu Asya tipografi için) karakterlerin bir açıklama / Telaffuz tanımlar |
<ruby> | Bir tanımlar ruby ek açıklaması (for East Asian typography) |
<section> | Belgede bir bölüm tanımlar |
<summary> | Bir görünür bir başlık tanımlar <details> elemanı |
<time> | tarih / saat tanımlar |
<wbr> | Olası bir çizgi-break tanımlar |
Hakkında daha fazlasını okuyun HTML5 Semantik .
Yeni Form Elemanları
Etiket | Açıklama |
---|---|
<datalist> | giriş kontrolleri için önceden tanımlanmış seçenekler tanımlar |
<keygen> | Bir anahtar çifti jeneratörü alan tanımlar (for forms) |
<output> | Bir hesaplamanın sonucunu tanımlar |
Eski ve yeni form elemanları hakkında tüm Oku HTML Formu Elements .
Yeni Girdi Türleri
Yeni Girdi Türleri | Yeni Girdi Nitelikler |
---|---|
|
|
Tüm eski ve yeni girdi türleri hakkında bilgi HTML Girdi Türleri .
Giriş öznitelikleri hakkında tüm bilgi HTML Girdi Özellikleri .
HTML5 - Yeni Özellik sözdizimi
HTML5 özellikleri için dört farklı sözdizimi sağlar.
Bu örnek, bir kullanılan farklı sözdizimi gösterir <input> etiketi:
tip | Örnek |
---|---|
Boş | <input type="text" value="John" disabled > |
alıntı yapılmamış | <input type="text" value=John > |
Çift alıntı | <input type="text" value="John Doe" > |
-Tek alıntı | <input type="text" value='John Doe' > |
HTML5, tüm dört sözdizimi özniteliği için gerekeni bağlı kullanılabilir.
HTML5 Grafik
Etiket | Açıklama |
---|---|
<canvas> | JavaScript kullanarak grafik çizim tanımlar |
<svg> | SVG'yi kullanılarak grafik çizim tanımlar |
Hakkında daha fazlasını okuyun HTML5 Canvas .
Hakkında daha fazlasını okuyun HTML5 SVG .
Yeni Medya Elemanları
Etiket | Açıklama |
---|---|
<audio> | Ses veya müzik içeriğini tanımlar |
<embed> | Harici uygulamalar için konteyner tanımlar (like plug-ins) |
<source> | Için yerlerini tanımlar <video> ve <audio> |
<track> | Için parçaları tanımlar <video> ve <audio> |
<video> | Video veya film içeriğini tanımlar |
Hakkında daha fazlasını okuyun HTML5 video .
Hakkında daha fazlasını okuyun HTML5 Audio .