HTML 5 ‘in Yeni Özellikler (Tag) Listesi

HTML 5 yeni özellikler nelerdir biliyor musunuz? Aşağıdaki HTML 5 yeni etiketleri listesi aşağıdadır. Tadını çıkarın!

<article>

<article> Etiketi dış içeriği tanımlar.Dış içeriği harici sağlayıcı bir haber-makale ya da bir web günlüğü (blog) bir metin ya da bir forum bir metin ya da harici bir kaynaktan başka bir içerik olabilir.

<aside>

<aside> Etiketi çevreleyen içeriği ile ilgili olmalıdır kenara içerik içeri yerleştirilir

<audio>

<audio> Etiketiyle müzik veya diğer ses akışları gibi, ses tanımlar.

<audio src="horse.ogg" controls="controls">
Your browser does not support the audio element.
</audio>

<canvas>

<canvas> Etiketi grafikleri görüntülemek için kullanılan ve grafikler için sadece bir konteyner, aslında grafik boyamak için bir komut dosyası kullanmanız gerekir.

<canvas id="myCanvas"></canvas>
<script type="text/javascript">
var canvas=document.getElementById(‘myCanvas’);
var ctx=canvas.getContext(‘2d’);
ctx.fillStyle=’#FF0000′;
ctx.fillRect(0,0,80,100);
</script>

 

<command>

<command> Etiketi Radiobuton, bir onay kutusu veya düğme gibi bir komut düğmesinin tanımlar.Komut elemanı bir menü öğesi içinde olmalıdır. Değilse, olmayacaktır.

<menu>
<command type="command">Buraya Tıkla!</command>
</menu>

<datalist>

<datalist> Etiketi bir seçenek listesi tanımlar. Hangi giriş elemanı olabilir değerleri tanımlamak için giriş elemanı ile birlikte bu eleman kullanın.Datalist ve seçenekleri görüntülenir olmayacak, sadece yasal giriş değerleri bir liste. Bir datalist ile birlikte bağlamak için giriş elemanı liste özniteliğini kullanın.

<input list="cars" />
<datalist id="cars">
<option value="BMW">
<option value="Ford">
<option value="Volvo">
</datalist>

 

<details>

<details> Etiketi, bir belge veya bir belgenin parçaları hakkında ayrıntılı bilgi tanımlamak için kullanılır. Detaylar için kendi başlık yapmak için <summary> etiketi ile birlikte kullanın.Başlığı görünür ve ayrıntıları gösterilebilir başlık tıkladığında.

<details>Bu yazı 2011 de yazılmıştır.</details>

<embed>

<embed> Etiketi içerik, gömülü böyle bir plug-in olarak tanımlar. Bu büyük tarayıcı <audio> ve <video> gibi bu etiketi destek olduğunu göstermek için, başlangıç ​​ve bitiş etiketleri arasında metin yazmak.

<figcaption>

<figcaption> Etiketi “şekil” öğesi için bir başlık içerir.”Figcaption” öğesi, “şekil” unsuru ilk veya son çocuk olarak yer almalıdır.

<figure>

Bazı elementleri grup <figure> etiketi kullanılır. Bir şekil unsuru içinde içerik stand-alone, genellikle bir belgeyi parçaları açıklamak için kullanılan içerik, aynı zamanda belge taşıyabilir ve başka bir yere koymak mümkün.

<footer>

<footer> Etiketi, bir bölüm veya belgenin altbilgi tanımlar. Tipik olarak, yazarın adı, yazılı belgenin tarih ve / veya iletişim bilgileri içerir.

 

<header>

<header> Etiketi belgeye bir giriş tanımlar.

 

<hgroup>

<hgroup> Etiketi bir bölüm veya bir belgenin başlığı tanımlar.Hgroup öğesi grup başlıkları, büyük bölümünün ana başlığı <h6>, <h1> için kullanılır ve diğer alt başlıklar vardır.

 

<keygen>

<keygen> Etiketi oluşturulan anahtar tanımlar.

<mark>

<mark> Etiketiyle işaretlenmiş metin tanımlar. Metin parçaları vurgulamak istiyorsanız <mark> etiketi kullanın.

<meter>

<meter> Etiketi bir ölçüm tanımlar. Sadece bilinen bir minimum ve maksimum değer ile ölçüm için kullanılır.

<nav>

<nav> Etiketi navigasyon bir bölümü tanımlar. “Önceki” ve “next” düğmeler belgenizi varsa, bunlar <nav> unsuru içinde yer almalıdır.

<output>

<output> Etiketi, bir komut dosyası tarafından yazılı çıkış gibi farklı türleri çıktı tanımlar.

<progress>

<progress> Etiketi iş-içinde-ilerleme tanımlar. JavaScript zaman alıcı bir fonksiyonu ilerleme göstermek için ilerleme öğesi kullanın.

<rp>

<rp> Etiketi, yakut eleman desteği olmayan tarayıcılar ne tanımlamak için, yakut ek açıklamalar kullanılır.

Bir yakut ek açıklama Çinli notları veya karakterler.

Doğu Asya, Doğu Asya karakterleri telaffuz göstermek için kullanılır.<ruby> Ve <rt> etiketleri ile birlikte kullanın:

Yakut elemanı bir veya daha fazla karakter (bir açıklama / telaffuz gerektiğini) ve “ruby” etiketi desteklemeyen tarayıcılarda ne tanımlayan bir rp eleman isteğe bağlı olarak bilgi verir ve bir rt elemanı oluşur.

 

<ruby>

<ruby> Bir yakut açıklama etiketi (Çin notlar ya da karakter) tanımlar.

 

<section>

<section> Etiketi bir belge bölümleri tanımlar. Bölümler, başlıklar, altbilgiler, ya da herhangi bir belgenin diğer bölümleri gibi.

 

<source>

<source> Etiketi <video> ve <audio> gibi medya unsurları, medya kaynakları tanımlar.

 

<summary>

<summary> Etiketi bir belge veya bir belgenin parçaları hakkında ayrıntılı bilgi tanımlamak için kullanılan “ayrıntılar” öğesi için bir başlık içerir.

<time>

<zaman> Etiketi bir zaman ya da bir tarih ya da her ikisi de tanımlar.

 

<video>

<video> Etiketi, bir film klibi veya diğer video akışları gibi, video tanımlar.