10 Cool Şey HTML Etiketleri Yapabilir
Şu anda bir var toplam 142 HTML öğesi standardizasyonun ilk aşamalarında olanlar ve eskimiş olanlar hariç, W3C tarafından standardize edilmiştir. Bununla birlikte, gerektiğinde yararlı olabilecek birkaç tanesini kaçırmak veya unutmak mümkündür..
Daha önce gözden kaçırmış olabileceğiniz en iyi CSS numaralarından bazılarını özetledik. Bu gönderi size aşağıdaki gibi özellikleri uygulamak için kullanamayacağınızı bilmediğiniz bazı HTML etiketlerini hatırlatacaktır:
1. Harita Görüntüleri
HTML elemanlar görüntü haritaları oluşturmak için kullanılabilir. Görüntü haritaları temelde üzerlerinde tıklanabilir alan bulunan, başka bir web sayfasına veya aynı belgenin diğer bölümlerine köprülenebilen görüntülerdir. Bir görüntünün hangi alanlarının tıklanabilir olduğunu tanımlamak için, bu noktaların ilgili X Y koordinatlarını
iç içe geçmiş öğeler
.
Not: Tıklanabilir alanlar CSS ile stillendirilemez, bu nedenle, bu işaretleyicilerin stillendirilmesini istiyorsanız, işaretleyicileri çizmek için basit bir görüntü düzenleme yazılımı kullanın.
Bahşiş: Görüntüdeki bir noktanın koordinatlarını bilmek istiyorsanız, görüntüyü bir resim düzenleme yazılımında açın ve imleci bu noktaya getirin, bunun koordinatlarını yazılımın kendisinde görebilmelisiniz. GIMP için alt çubuğun sol tarafında gösterilir..
2. Giriş önerileri
kullanım Bir giriş değeri yazarken ortaya çıkan ilgili önerilerin bir listesini sağlamak için.
3. Metni Vurgulayın
Vurgulanan metinde genellikle açık bir arka plana sahip koyu metin rengi bulunur. Vurgulanan metin efektini yalnızca işaretleme ile elde edebilirsiniz. İçine alınmış herhangi bir metin bu etkiye sahip olacak.
Özelleştirebilirsiniz vurgu rengi ile arka plan rengi
CSS özelliği ve metin rengi ile
renk
özellik.
4. Şablonları tanımlayın
HTML5 ile birlikte yeni geldi öğesi.
öğe içinde tarayıcılar tarafından oluşturulmamış işaretlemeleri tutar, içine alınmış işaretlemeler dinamik içerik üret sayfada JavaScript kullanarak.
Örneğin, varsayalım. İnce baskı, koşullar, şartlar, kısıtlamalar, alıntılar, yasal haklar vb. Gibi bilgileri içeren genellikle çok küçük boyutta yazdırılan belge metnini belirtir. Not: Sayfadaki tüm göreli URL’ler, temel URL’ye dayanarak gönderilir, farklı bir etki alanıyla bir bağlantınız varsa, URL’nin tamamını tam olarak atamayı unutmayın. Duyarlı web geliştirme, gittikçe büyüyen mobil erişim ile modadır. Görüntüler, işaretli farklı ekran boyutları için değiştirilebilir. Not: Bu şu anda yalnızca Chrome'da çalışmaktadır. Ayarlaman gerekecek HTML5 birçok yeni giriş tipi öğesi tanıttı; renk giriş elemanı bunlardan biridir. Bir renk seçicinin yardımıyla web sayfasındaki bir rengi seçmenize olanak sağlar. Bir açılır listede birçok seçeneğiniz varsa ve bunları gruplandırılmış göstermek istiyorsanız, İçindeki işaretleme satırların dinamik olarak ekleneceği yerde, o tablonun boş bir satırının işaretini içine koymanız yeterlidir.
etiketi işaretleyin ve gerektiğinde işaretlemeyi şablon etiketlerinin içinden kopyalamak ve tablo işaretlemesine eklemek için komut dosyası içeren bir JavaScript işlevini çağırın. Bu IE tarafından desteklenmiyor.
5. İnce Baskı
HTML'deki etiket, iyi baskılar göstermek için kullanılabilir. HTML5’ten itibaren
etiketi yalnızca iyi baskı stilli bir metin göstermez, aynı zamanda yasal uyarıların ve uyarıların aynısını anlamsal olarak tanımlar..
6. Temel URL Atama
HTML öğesi, belgenizde aynı etki alanı URL’lerine sahip birden fazla bağlantınız olduğunda oldukça kullanışlıdır, bu da belgeye temel URL eklemenize izin verir;.7. Duyarlı Görüntüler
HTML5 öğesi, içindeki görüntü için farklı ortamlar için çeşitli görüntü kaynakları eklemenizi sağlar.
dom.image.picture.enable
için doğru
içinde about: config
Firefox’ta.8. Renk Seçici
9. Grup seçenekleri
eleman işi halleder. Ayrıca grupları CSS ile de biçimlendirebilirsiniz..
10. The
eleman
tarayıcı tarafından yalnızca komut dosyası devre dışı bırakıldığında oluşturulur. Bu etiket, kullanıcıların komut dosyası tarayıcılarında ne zaman devre dışı bırakıldığını bildirmek ve web sayfalarındaki JavaScript olmadan çalışmayı durduracak bileşenler için alternatif bir geri dönüş mekanizması sağlamak için kullanışlıdır..
Şimdi Okuyun: Gözden Kaçırmış Olabileceğiniz 15 Faydalı CSS Püf Noktası