Eski HTML öğelerini ve HTML5'te yeni olanları içerir
Gelişimi yıllar önce başlamasına rağmen, HTML5 ilk olarak 2010 yılında web tasarımcıları / geliştiricileri ile ortak kullanıma girmeye başladı. Kapının hemen dışında, dil sıfırdan her şeyi yeniden keşfetmeye çalışmak yerine birçok web uzmanına tanıdık geliyordu. daha önce gelmiş olanlara dayanarak. HTML 4.01'i bilen herkes hızlı bir şekilde bu sürümün HTML5'te bulunabileceğini gördü.
HTML5, bir süredir HTML'de bulunan birçok öğe içeriyor olsa da, HTML5'te yeni olan birkaç öğeyi de tanıtmıştır. Bu yeni unsurların çoğu için, "inatçıların kaldırılması" adlı bir yaklaşım kullanıldı. Bu, BT'de yaygın olarak kullanılan ve insanların zaten ne yaptığını görmek için kullanılan bir terimdir. Web tasarımcıları söz konusu olduğunda, bu, zaten nasıl sayfalar oluşturduklarını ve bu faaliyetlerle ilgili yeni unsurlara nasıl karar verdiklerini görmek anlamına geliyordu. Örneğin, birçok web uzmanı, "başlık", "nav" ve "altbilgi" kimlikleri veya Sınıf özniteliklerini kullanan bölümlere sahip web siteleri oluşturur. HTML5, bunları yeni öğeler olarak tanıttı ve web profesyonellerinin sadece bölümler yerine özel bölümleme öğeleri kullanarak dokümanlarına daha fazla anlam katmasını sağladı. Bu alışkanlık ve mevcut uygulamaları tanıyan bir yaklaşım, HTML5'in web tasarım endüstrisi tarafından hızla benimsenmesine yardımcı oldu.
HTML5 Doctype
İlk olarak, yeni HTML5 öğelerini kullanmak için belgenizin HTML5 dokümanı içermesi gerekir:
Bu doctype'ın "HTML5" i özellikle belirtmediğini, bunun yerine sürümü "html" olarak ifade ettiğini fark edebilirsiniz. Bunun nedeni, bu doctype'ın, dilin tüm yinelemeleri için ileriye doğru kullanılması amaçlanan şey olmasıdır.
Aslında, HTML5'in, dilin son numaralandırılmış sürümü olması gerekiyordu; yeni değişiklikler gelecekte tutarlı bir şekilde ekleniyor. Aslında, aşağıdaki listede yer alan bazı unsurlar, 2010'daki ilk itmeden sonra dile eklendi!
HTML5 Etiketleri
Etiket | açıklama |
---|---|
Çapa veya bağlantı | |
abbr> | Kısaltma |
address> | Belgenin adresi veya yazarları |
| İstemci tarafı görüntü haritası |
| makale |
| Teğet içerik |
Ses akımı | |
b> | cesur |
| Belgedeki öğeler için temel URI yolları |
bdo> | İki yönlü algoritma |
blockquote> | Uzun tırnak |
body> | Sayfanın Gövdesi |
| Satır sonu |
HTML formu düğmesi | |
Dinamik grafikler için kanvas | |
Yorum Yap | |
| Tablo başlığı |
alıntı> | alıntı |
code> | Kod referansı |
| Tablo sütunu |
| Tablo sütun gruplaması |
| Sayfadaki komut veya eylem |
Belge tipi tanımı | |
| Veri şebekesi |
Diğer denetimler için önceden tanımlanmış seçenekler | |
| Tanım listesi açıklaması veya söylemin kapsamı |
| Silinen metin |
| Ek talep üzerine bilgi |
dfn> | Tanım |
| konuşma |
div> | Mantıksal bölüm |
| Açıklama listesi |
| Tanım listesi terim veya iletişim konuşmacı |
em> | vurgu |
Eklentiler için gömülü öğe | |
Form denetimleri grubu | |
| Bir <şekil> öğesi için kullanılan altyazı |
| İsteğe bağlı başlık ile şekil |
Sayfanın altbilgisi | |
Form | |
h1> | Birinci seviye başlık |
h2> | İkinci seviye başlık |
h3> | Üçüncü seviye başlık |
h4> | Dördüncü seviye başlık |
h5> | Beşinci seviye başlık |
h6> | Altıncı seviye başlık |
head> | Belgenin başı |
| Bir sayfanın başlığı |
hgroup> | Başlık grubu |
| Yatay kural |
html> | Web sayfasının kök öğesi |
i> | İtalik metin stili |
Satır içi çerçeve | |
görüntü | |
Giriş formu elemanı | |
| Düğme formu elemanı |
| Onay kutusu form öğesi |
| Renk girişi |
| Tarih girişi |
| Küresel tarih ve zaman girişi |
| Yerel tarih ve saat girişi |
| E-posta adresi girişi |
| Dosya yükleme formu öğesi |
| Gizli form alanı elemanı |
| Görüntü formu elemanı |
| Yıl ve ay girişi |
| Sayı girişi |
| Şifre formu elemanı |
| Radyo düğmesi form elemanı |
| Kesin olmayan sayı girişi |
| Reset butonu form elemanı |
| Arama alanı |
| Düğme formu elemanını gönder |
| Telefon numarası girişi |
| Metin alanı form öğesi |
| Zaman girişi |
URL girişi | |
| Yıl ve hafta girişi |
ins> | Eklenen metin |
kbd> | Kullanıcı tarafından girilecek metin |
| Sertifika yönetimi için güvenli anahtarlar oluştur |
Form etiketi | |
Form alanı kümesi yazısı | |
| Liste öğesi |
İlgili belgelere bağlantı | |
| Bir sayfadaki ana içerik alanı |
İstemci tarafı görüntü haritası | |
mark> | İşaretli veya vurgulanmış metin |
Komutların listesi | |
Belge hakkında meta bilgisi | |
<Ölçer> metre> | Skaler göstergesi |
Define gezinti bağlantılarına sahip bir alan | |
Komut dosyaları mevcut olmadığında içerik | |
Standart olmayan nesne | |
| Siparişli veya numaralı liste |
Seçim listesindeki seçenekler grubu | |
Seçim listesinde seçenek | |
<Çıkış> çıkış> | Bir form hesaplamanın sonucu |
p> | Paragraf |
Bir nesne elemanının parametresi | |
pre> | Önceden biçimlendirilmiş metin |
| Ilerleme göstergesi |
q> | Kısa satır içi tırnak |
Ruby parantezi | |
Ruby metni | |
| Ruby ek açıklama |
| Strikeout metni |
samp> | Örnek çıkış |