En son web geliştirme öğreticiler

HTML Yeni Elemanlar


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
  • color
  • date
  • datetime
  • datetime-local
  • email
  • month
  • number
  • range
  • search
  • tel
  • time
  • url
  • week
  • autocomplete
  • autofocus
  • form
  • formaction
  • formenctype
  • formmethod
  • formnovalidate
  • formtarget
  • height and width
  • list
  • min and max
  • multiple
  • pattern (regexp)
  • placeholder
  • required
  • step

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 .