Merhabalar,
başlıkta da belirtildiği üzere herkesin gördüğü ama çoğunluk olarak kullanıcıların işinin genelde düşmediği bir özellik. "Attribute" (Özellik) ayarı. Bu, web sayfanızın HTML elemanlarına ekstra HTML özellikleri eklemenize olanak tanır. Bu ayar sayesinde, sayfa elemanlarınızın HTML yapılarını daha detaylı şekilde özelleştirebilirsiniz. Örneğin, bir butona class, id, data-* gibi özellikler ekleyerek CSS veya JavaScript ile daha kolay etkileşim kurabilirsiniz.

Hemmen örneği aşağı bırakıyorum;
Bu bizim görselimiz ve url gibi, üstteki 3 bölümlü paneldeki gelişmiş kısmındaki attribute gibi bölümlerden, dilerseniz sectionlara, dilerseniz diğer html elementlerine kapsamlı ya da detaylı html özelleştirmelerinde bulunabilirsiniz.

Şimdi, html koduna özellikler eklemek için dikey düz çizgi kullanmamız gerekiyor. Örnek: title|Bu bir html başlığıdır

Çizgiyi ise ctrl + alt + tire kombinasyonu ile yapabilirsiniz. Html özelliği, çizgi ve özellik değerini yazmanız yeterli. Örnek;

kaydettim ve sonuç;



Kod çıktısı;

Örnek 2;



Ve çıktı;