Pazartesi 20 Mart 2023
Hakkında
Yazarlarımız
Reklam
Künye
İletişim
Webmaster.Kitchen – Türkiye'nin Webmaster MutfağıWebmaster.Kitchen – Türkiye'nin Webmaster Mutfağı

Bülten

Sosyal Medya Yasası Kabul Edildi

Binance ‘e Siber Saldırı

Webmaster.Kitchen – Türkiye'nin Webmaster MutfağıWebmaster.Kitchen – Türkiye'nin Webmaster Mutfağı
  • BAŞLARKEN
    • KOD
      • PHP
      • Asp.Net
      • Swift
      • MySQL
      • CMS
  • TASARIM
    • İpuçları
    • Çizim
    • Illustrator
    • Photoshop
    • Trendler
  • ARAYÜZ
    • JavaScript
    • HTML5
    • CSS
    • REACT
  • İPUÇLARI
    • API
    • Güvenlik
    • IDE
    • Framework
    • OS
    • Verimlilik
    • İçerik
      • Dökümantasyon
      • İpuçları
      • Nasıl Oluşturulur?
  • KAYNAKLAR
    • Tasarım
    • Kod
    • İş
  • GİRİŞİM
    • Finans
    • Girişimci
    • Nasıl yapılır?
  • ARAÇLAR
  1. Anasayfa
  2. HTML5
  3. HTML Hakkında Bilmediğiniz 5 Özellik
 HTML Hakkında Bilmediğiniz 5 Özellik
HTML5 Kod Verimlilik

HTML Hakkında Bilmediğiniz 5 Özellik

Yazar : Furkan Baycan 20 Haziran 2017 0 Comment

İçindekiler

  • 1- Yazım Denetimi Yapılabilir

  • 2- İçerik Kaynaklarınızı Güvence Altına Alın

  • 3- Gönder Düğmelerindeki Form Hedeflerini Geçersiz Kılmak

  • 4- Öğelerin Semantic Özelliklerini Gizle

  • 5- Klavye Kısayolu Ekleyin

Herkese merhaba arkadaşlar. HTML hakkında birçoğumuzun az da olsa bilgisi var. Aslında HTML’yi herkes öğrenebilir. Öylesine basit  ve kolay bir syntaxı bulunuyor. Tabi her şey zamanla oturur. O yüzden bıkmadan çalışmanız gerekiyor.HTML nasıl öğrenebiliriz diye sorarsanız da daha önceden yazdığımız birkaç tane makale var onlara da aşağıdaki linkten ulaşabilirsiniz.

HTML 5 Klavuzu

HTML hakkında her ne kadar bilgimiz var desek de, bu bilgi bir yere kadar olabiliyor. Biz de düşündük ve bilmediğimiz yönlerini araştırdık. Sonuçların sizin için şaşırtıcı ve öğretici olması dileğiyle diyoruz ve sizleri baş başa bırakıyoruz.

1- Yazım Denetimi Yapılabilir

Herhangi bir HTML etiketine spellcheck ekleyerek yazım denetimi yapılmasını sağlayabilirsiniz. Metin girişi yapabileceğiniz etiketler üzerinde faydalıdır. Ayrıca hiyerarşide düzgün çalıştığından yani, bir div ve onun alt elemanları yani çocukları üzerinde etkili olacağından faydalı bir kullanıma kapı açar.

Yukarıdaki kodda, hem <div> hem de <p> etiketleri, bir kullanıcı yazmaya başladığında heceleyerek kontrol etmektedir. Dikkatli olmanız gereken konu ise tarayıcı ayarlarından yazım denetimini devre dışı bırakmamanız gerekiyor. Devre dışı bırakmışsanız bu özelliği kullanamazsınız.

2- İçerik Kaynaklarınızı Güvence Altına Alın

İçerik kaynaklarımızın bir diğer adı da CDN dir. Content Delivery Network olarak açılır. Komut dosyalarının ve stil sayfası dosyaları gibi kaynakların CDN’ler aracılığıyla barındırılması oldukça yaygın kullanılıyor.  Mozillanın yaptığı açıklamada;

using CDNs also comes with a risk, in that if an attacker gains control of a CDN, the attacker can inject arbitrary malicious content into files on the CDN (or replace the files completely) and thus can also potentially attack all sites that fetch files from that CDN.

yani CDN kaynaklarınız başkasının eline geçerse zararlı yazılım enjekte ederek zarar verici sonuçlar elde edebilirsiniz mesajını veriyor. Bu işlemi önleyebilmek için integrity diye bir tag çıkartılmış. Source tagının içine yazılan integrity bu işlemin güvene alınmasını sağlıyor. Kullanımı ise aşağıdaki şekilde.

3- Gönder Düğmelerindeki Form Hedeflerini Geçersiz Kılmak

Target tagının nasıl kullanıldığını bir çoğumuz biliyor. Köprü oluşturmak ve ekstra bir sayfa veya hedefte aç olarak değiştirebiliyoruz. HTML5’in ilk taslaklarından birinde, formtarget dört diğer form gönderme özelliği ile birlikte tanımlandı: formaction,formenctype ,formmethod ve formnovalidate. Bu öznitelikler, gönderme düğmeleri ile kullanılabilir ve düğmelerin ait olduğu etiketindeki ilgili özniteliklerini geçersiz kılar. Kullanım örneği ise aşağıdaki şekildedir.

4- Öğelerin Semantic Özelliklerini Gizle

Özelliklerin gömülü ve izinsiz görüntülenmemesini istiyorsanız yapacağınız şey çok basit arkadaşlar. Tanımlayacağınız ana div tagının içine hidden ekini eklemeniz, sizin işinizi görecektir.

Şu şekilde çalışır;

CSS kuralı; Gizli özniteliği olan öğe sayfasında oluşturulmaz. Eleman içerisindeki herhangi bir betik yürütüldüğünde, bir form denetimi olarak yürütülüyor ise, form gönderimi sırasında diğer form denetimleri ile birlikte gönderilir.

5- Klavye Kısayolu Ekleyin

Global olarak kullanabileceğiniz bir diğer özellik ise accesskey. HTML4 üzerinde tanımlanmış olup, HTML5 üzerinde de kullanılabilir durumdadır. Bu anahtarı oluşturmanız iki şeye bağlıdır;

1-) accesskey üzerine verdiğimiz değer

2-) Aynı öğe için önceden tanımlanmış anahtarlar.

Örnek üzerinde kullanımını görelim.

Her platform üzerinde v tuşuna yapılan kombinasyonlarda alt+shift+v vs. View Click adında bir alert oluşturacaktır. Kısayollar her işletim sistemine göre değişiklik göstereceğinden kısayolların nasıl olduğunu belirtmeniz faydanıza olacaktır.

Sorularınızı yorum yaparak bize bildirin. Sağ üst köşeden mail abonesi olarak yazılarımızdan ilk olarak sizler faydalanabilirsiniz. Herkese iyi günler iyi çalışmalar. 🙂

Etiketler: en faydalı html html html bilinmeyen özellikler html nedir html özellikleri
Önceki Yazı
Sonraki Yazı

Furkan Baycan (Website)

administrator

Güvenlik ve Web Programcılığı alanında çalışıyorum. Bu alanlarda da sizler için mutfakta yazılar yazıyorum. Siz de çok değerli projeleriniz ve yorumlarınızla mutfağa katkıda bulunabilirsiniz.

Yorum Yap Yorumu İptal Et.

E-posta hesabınız yayımlanmayacak. Gerekli alanlar * ile işaretlenmişlerdir

Taze Yazılar
Güncel

Sosyal Medya Yasası Kabul Edildi

14 Ekim 2022
Blockchain

Binance ‘e Siber Saldırı

8 Ekim 2022
Blockchain

Binance ‘den Ücretsiz Eğitim

5 Ekim 2022
Güncel

Japonya için Yenilenen Corolla

4 Ekim 2022
© 2021 Webmaster Kitchen. Tüm Hakları Saklıdır.