Nasıl Kullanılacağını Bilmeyeceğiniz 5 HTML Öğesi

Tanıdık ama bilinmeyen ya da tamamen yeni, biz oluruz HTML sözdiziminin bölümlerini kaçır Bu bizim yapabileceğimiz önemli bir bilgi olabilir. biraz iyi kullanmak. Bu yüzden olup olmadığını HTML’nin yeni özellikleri veya az bilinen uygulamaları Radarınıza henüz girmemiş, bu siteyi sık sık kullanıyoruz..

Bugünün yayınında, bazıları sık kullanabileceğiniz beş HTML öğesine bakacağız, ancak muhtemelen tam potansiyelinde değil.

1.

eleman benzer bir işleve sahiptir veri-* Öznitellikler. İçin kullanılabilir makinede okunabilir veriler sağlar kullanıcı dostu bir içerik için. değer bu öğenin niteliği eklenen bilgileri taşır.

 
Yüzüklerin Efendisi romanının üç cildi: Yüzük kardeşliği, İkiz kuleler, ve Kralın Dönüşü.
 
Bu sayfada belirtilen kitapların ISBN’leri: 
 

Yukarıdaki HTML’de ISBN Her kitabın ekledi değer özniteliği eleman Bu kitap başlığını çevreler. Kitap pazarında, bir kitabı benzersiz şekilde tanımlamak için ISBN kullanılır.

 const ISBNListBlank = document.querySelector ('# ISBNListBlank') const dataElements = document.querySelectorAll ('data'); const ary = []; dataElements.forEach ((dataElement) => ary.push (dataElement.textContent + ':' + dataElement.value)) ISBNListBlank.textContent = ary.join (',') 

Kabaca nasıl çıkartılacağını göstermek için JavaScript’teki değerler, yukarıdaki komut dosyası ISBN’lerini etiket ve bunları kitap başlıklarıyla birlikte sayfada belirtilen yerde görüntüler..

2.

Büyük olasılıkla zaten aşina olduğunuz eleman, ancak sadece onay kutuları için değil. Yapabilir diğer kontrol labellable elementler ayrıca, onay kutularının işlemlerini gerçekleştirdiği gibi eylemlerini gerçekleştirme.

Sadece zorundasın aynı değeri kullan için İD Kontrol etmek istediğiniz HTML öğesinin niteliği ve için ait olma özelliği etiket.

  Bu metne tıklamak aşağıdaki butona tıklar.   ALARM  

Metnine tıklayarak irade tetiklemek tık olayı ve verilen uyarı mesajını göster.

3.

Bu eleman çoğunlukla Doğu Asya dilleri için kullanılır., ancak bu değil”t Tek kullanımlık durum. Amacı sadece metinler için açıklama veya telaffuz ekleyin, ve bunu İngilizce içerikle de yapabilirsiniz.

Eleman iki ana alt öğeyi içerir, yani ve . etiketi, eklemek istediğiniz metni tutar ( baz metin) ve ek açıklamayı kendisi tutar.

 
Kâr umuduyla finansal risk alan bir işletmeyi veya işletmeyi kuran kişiye denir girişimciA ?? a ?? a ?? Â'ntrà ??  ?? PRA ??  ?? a ??  ?? nà ??  ?? a ?? a ??; eğlence sektöründe bir destekçi.
 

Telaffuzu “girişimci” kelime eklendi kullanmak paragrafın içindeki öğe. Kelimenin kendisi sarılı etiketi ve içindeki telaffuz .

Çıktı şöyle görünür:

4.

sıralı listeler için öğe aşina olabileceğiniz başka bir unsur. Bu bir liste oluşturur numaralandırılmış elemanları var, ile oluşturulmuş sırasız bir listenin aksine
.

Siparişi biliyor olabilirsiniz, ama bunu biliyor muydunuz? sipariş tersine çevrilebilir? Artan bir sipariş yerine, azalan numaralandırma tarafından da yapılabilir

, kullanmak tersine nitelik.

 
 
çızıktırmak
 
Çin dominosu
 
Tekel
 
Satranç
 
Jenga
 
 

tersine nitelik numaralandırmayı tersine çevirir, iken tip nitelik numaralandırma türünü belirler. Başkenti, büyük harfli Roma numaralandırmasını gösterir..

Ekrandaki gibi görünüyor:



5.

eleman içindir çevreleyen metin tarafından tanımlanan bir terimi kaydırın. Tarafından eklenen metin etiket italik özellikli tarayıcılar tarafından, anlamı bu tanımlanmakta olan terimdir.

İçindeki terimin tanımını ekleyebilirsiniz değerinde Başlık için yararlı olan özellik mutlaka çevreleyen metinleri tarafından tanımlanmayan kelimeleri tanımlayın..

eleman benzer şekilde çalışır Bu, verilen kısaltma anlamını gösteren Başlık kullanıcı öğenin üzerine geldiğinde özellik.

 
Orada bir  çatallanma  tasarım ve prototip arasında.
 

Bu onun varsayılan tarayıcı stili, ancak bir üretim sitesinde farklı bir stil kullanmak isteyebilirsiniz:



İmleci tanımlanmış kelimenin üzerine getirin, sayfa içine eklenen tanımı göster Başlık nitelik.