Ana sayfa » HTML5 Yeni Öğeler!

html # html 5 giriş # html5 # HTML5 Yeni Öğeler

HTML5 Yeni Öğeler!

İbrahim Bozkurt

HTML

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

color
date
datetime
datetime-local
email
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 …