HTML5 Yeni Öğeler!

HTML5 ile Yeni Öğeler ve etiketler html dünyasına eklendi. Yeni etiketler sayesinde daha mantıklı websiteleri kodlayabiliriz.

HTML5 Yeni Öğeler!
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:

EtiketAçı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ı

EtiketAçı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

Yeni Giriş Nitelikleri

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

EtiketAçıklama
<canvas> Grafikleri komut dosyası kullanarak anında çizin (genellikle JavaScript)
<svg> Ölçeklenebilir vektör grafikleri çizme

Yeni Medya Öğeleri

EtiketAçı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 …

HTML