HTML5 yeni elementleri

HTML5'teki yeni elementler

Aşağıda listelenen HTML5'nin yeni elementleri ve bunların açıklamaları yer almaktadır.

Yeni semantik/ yapısal elementler

HTML5'nin sunduğu yeni elementler daha iyi bir belge yapısını oluşturabilir:

Etiket Açıklama
<article> Dokümdaki makaleleri tanımla.
<aside> Sayfa içeriği dışındaki içeriği tanımla.
<bdi> Farklı metinlerin farklı metin yönlerini tanımla.
<details> Kullanıcının görebileceği veya gizleyebileceği ek ayrıntıları tanımla.
<dialog> Pencere veya diyalogu tanımla.
<figcaption> <figure> elementinin başlığını tanımla.
<figure> Özel içerikleri, örneğin görseller, grafikler, fotoğraflar, kod listeleri vb. tanımla.
<footer> Doküman veya bölümün alt başlığını tanımla.
<header> Doküman veya bölümün başlığını tanımla.
<main> Dokümanın ana içeriğini tanımla.
<mark> Önemli veya vurgulanan içeriği tanımla.
<menuitem> Kullanıcının açılır menüden çağırabileceği komutları/çözümleme öğelerini tanımla.
<meter> Bilinen bir aralık ( ölçek ) içindeki ölçekli ölçüleri tanımla.
<nav> Dokümdaki navigasyon bağlantılarını tanımla.
<progress> Görev ilerlemesini tanımla.
<rp> Ruby yorumunu desteklemeyen tarayıcılarda ne gösterileceğini tanımla.
<rt> Harflerin açıklamasını/okunuşunu tanımla (Doğu Asya yazıları için).
<ruby> Doğu Asya yazıları için ruby yorumunu tanımla.
<section> Dokümdaki bölümleri tanımla.
<summary> <details> elementinin görünen başlığını tanımla.
<time> Tarih/zaman tanımla.
<wbr> Muhtemel satır kesmeleri (line-break) tanımla.

Daha fazla bilgi için okuyun HTML5 semantikleriiçeriği.

Yeni form elementleri

Etiket Açıklama
<datalist> Girdi kontrolcüsünün önceden tanımlanmış seçeneklerini tanımla.
<keygen> Form için anahtar oluşturucu alanını tanımla.
<output> Hesaplama sonucunu tanımla.

Daha fazla bilgi için okuyun HTML Form ElemanlarıYeni eski ve yeni elementler.

yeni girdi türü

yeni girdi türü yeni girdi özniteliği
  • renk
  • tarih
  • datetime
  • datetime-local
  • email
  • ay
  • number
  • range
  • search
  • tel
  • zaman
  • url
  • hafta
  • autocomplete
  • autofocus
  • form
  • formaction
  • formenctype
  • formmethod
  • formnovalidate
  • formtarget
  • yükseklik ve genişlik
  • list
  • min ve max
  • multiple
  • pattern (regexp)
  • placeholder
  • required
  • step

Öğren HTML Giriş Türleritüm yeni ve eski giriş türleri.

Öğren HTML Giriş Özellikleritüm giriş özellikleri.

HTML5 - Yeni Özellik Dilbilgisi

HTML5 dört farklı özellik dilbilgisi izler.

Bu örnek, <input> etiketinde kullanılan farklı dilbilgilerini gösterir:

Etiket Açıklama
Boş <input type="text" value="Bill Gates" disabled>
Tırnaksız <input type="text" value=Bill>
Çift tırnak <input type="text" value="Bill Gates">
Tek tırnak <input type="text" value='Bill Gates'>

HTML5'te, gereksinimlere göre bu dört dilbilgisi kullanılabilir.

HTML5 Görüntü

Etiket Açıklama
<canvas> JavaScript kullanarak görüntü çizimlerini tanımlar.
<svg> SVG kullanarak görüntü çizimlerini tanımlar.

Daha fazla bilgi için okuyun HTML5 Canvas içeriği.

Daha fazla bilgi için okuyun HTML5 SVG içeriği.

Yeni medya elementleri

Etiket Açıklama
<audio> Ses veya müzik içeriğini tanımlar.
<embed> Dış uygulamaların konteynerlerini (örneğin, eklentileri) tanımlar.
<source> <video> ve <audio> kaynaklarını tanımlar.
<track> <video> ve <audio> yollarını tanımlar.
<video> Video veya film içeriğini tanımlar.

Daha fazla bilgi için okuyun HTML5 Videoiçeriği.

Daha fazla bilgi için okuyun HTML5 Sesiçeriği.