Artık Kaçınılması Gereken 7 Eski HTML Yazım Tarzı

1. ve etiketlerinde type özniteliği kullanmak

Eskiden type="text/css" veya type="text/javascript" gibi kullanılırdı, ancak artık yalnızca veya kullanmak yeterlidir.

2. Javascript kullanarak akordeon menü yapmak

ve kullanarak bunu yalnızca HTML ile de basitçe gerçekleştirebilirsiniz.

3. ve etiketlerini sayfa başına yalnızca bir kez kullanmak

Bazı kullanıcılar ve etiketlerinin tüm sayfanın üstbilgi ve altbilgisini temsil ettiğini düşünebilir, ancak gerçekte bu öğeler en yakın bölümle ilişkilidir. Yani , , , öğelerinin çocuğu olarak kullanılabilirler ve yeni bir bölüm oluştururken ve kullanmak iyi bir uygulamadır.

4. `` kenarlığını kaldırmak için frameborder="0" kullanmak

frameborder="0" kullanımı HTML5'te artık önerilmemektedir. Bunun yerine CSS kullanarak iframe { border: none; } şeklinde ayarlamak daha iyidir.

5. IE8 desteği vermek

Yalnızca Internet Explorer 8 değil, Explorer'ın tüm sürümlerine desteği bırakmak gerekir. Microsoft, Haziran 2022'de IE 11 desteğini de sonlandırdı; bu yüzden artık IE desteğini hesaba katmamıza gerek yok.

6. Başlık etiketlerini rastgele kullanmak

Başlık etiketleri sayfa yapısına göre kullanılmalı ve hiyerarşiye uygun biçimde ilerlemelidir. Son etiket ise, sıradaki etiket veya `` olmalıdır.

7. HTML etiketlerindeki Boolean özniteliklere ="1" eklemek

HTML etiketlerindeki Boolean özniteliklerde yalnızca özniteliğin kendisini yazmak bile değeri true yapar. Örneğin, `` örneğinde disabled özniteliği varsa, bu tek başına true anlamına gelir; bu yüzden ="1" eklemeye gerek yoktur.

[progdesigner]

html5'in ortaya çıkma nedenlerinden biri, ondan önce HTML'in etiketlerle ilişkisine bakılmadan kullanılmasıydı. HTML bir markup language olduğu için, onu veriyi taşıyan bir kap gibi görüp bu şekilde ele almanın önemli olduğunu düşünüyorum. Ayrıca type konusunda, TypeScript (ts) gibi başka tipler kullanıldığında bunun mutlaka açıkça belirtilmesi gerektiğinden, bunu atlamayı fazla vurgulamaya gerek olmayabilir.

[progdesigner]

Daha önemlisi, bugünlerde utility class adları kullanan çok kişi var; ancak bunun veri taşımak açısından pek yardımcı olmayabileceği durumlar vardır.

Örneğin title bilgisini taşıyorsa h1, h2, h3 kullansanız bile class adının title olması daha açık ve daha iyidir.

Ama `` gibi class adları oluşturmak iyi bir yön değildir. title olarak verip CSS ile çözmek, ileride daha uzun ömürlü bir web sayfası olmasını sağlayabilir.

[savvykang]

Yapısı görece basit, bilgi aktarma amaçlı bir web sayfasıysa semantik etiketler ve sınıflar kullanmak doğaldır. Ancak tüm HTML/CSS kullanıcıları yalnızca web sayfası yazmaz. Web uygulamaları gibi görsel öğeler için işaretleme kullanımının kaçınılmaz olduğu ve yapının karmaşık olduğu durumlarda genel sınıf adları kullanılırsa isim çakışmaları ortaya çıkar. Bu yüzden Angular'ın view encapsulation gibi özelliklerine ihtiyaç duyulur.

[readiz]

Zaten çoğunlukla React kullanıyoruz; class konusuna fazla takılmaktansa asıl önemli olan bileşenleştirmeyi iyi yapmak.

[ndrgrd]

7. madde gibi durumlar ise zevk meselesi. Bana göre bunu belirtmek, ayırt etmeyi ve okumayı kişisel olarak daha kolay hâle getiriyor.

[tribela]

<script type="text/javascript> //<![CDATA[ js codes... //]]> </script>

Nostaljik kodlar, değil mi

[koxel]

Eskiden script etiketi ve style etiketini düzgün destekleyemeyen tarayıcılarda, stil kodu ile JS kodunu yorum gibi algılatmak için HTML yorumlarıyla sarmaladığımız bir dönem vardı.
Herhalde 90'lar ile 2000'lerdi..
Hâlâ böyle kod yazan biraz insan vardır sanırım..

[ndrgrd]

CSS ve JS dışında başka diller de düşünülmüş mü acaba.

[kayws426]

javascript değil, vbscript oluyordu. IE'de.

[ragus]

Yorum satırı düzgün çalışacak mı acaba???

[carnoxen]

<script> etiketinin type özelliği, modül eklerken gerekli değil mi?

<script type="module" src="home.js"></script>  

[ragus]

text/css ve text/javascript gerekmiyor ama dediğiniz gibi module muhtemelen gerekli olacaktır.

[roxie]

h1 etiketini block: none olarak işleme tekniğini de sanki çok uzun zaman önce görmüş gibiyim; acaba hâlâ geçerli midir.. Birden eski günler aklıma geldi haha. Temiz özet için teşekkürler!