Bir web sayfası geliştiricisiyseniz, her zaman HTML kodlaması ancak bazen basit kodlama hatalarıyla karşılaşıyorsunuz. Hem yetenekli kodlayıcılar hem de öğrenenler, dikkat veya deneyim eksikliği nedeniyle HTML kodlamalarında hatalar yaparlar.
Temiz kod, sizi yalnızca yetkin bir web geliştiricisi yapmakla kalmaz, ayrıca kodları daha sonra düzenlemeniz gerekmediğinden zamandan da tasarruf sağladığından gerçekten önemlidir.
Web sayfanız temiz koda sahipse, yani html kodunuzun World Wide Web Konsorsiyumu tarafından belirtilen konfigürasyona sahip olduğu ve internet tabanlı web siteleri tarafından izlenecek standardı koruduğu anlamına gelir, bu da sitenizin Google'daki sıralamasını yükseltmeye yardımcı olacaktır.
Göndermeden önce çalışmanızı gözden geçirmenin yanı sıra en başından dikkatli olmanız her zaman yardımcı olur.
Burada bir en yaygın HTML kodlama hatalarının listesi sıklıkla yaptığımız ve karşılaştığımız durumdur.
1) Eksik veya uygunsuz DOCTYPE
DOCTYPE veya Belge Türü Tanımı (DTD) web tarayıcınızın, web sayfanızın hangi HTML sürümünü kullandığını tanımlamasını sağlar. HTML kodu, belirli bir HTML sürümünün kurallarını belirttiği için her zaman DOCTYPE ile başlamalıdır.
DOCTYPE'ı yazarken dikkatli olmalısınız, çünkü büyük/küçük harf duyarlıdır ve farklı DOCTYPE, HTML'nin farklı sürümlerini ifade eder. Bu videoyu izleyin: HTML kodumda hata olmadığından nasıl emin olabilirim?
2) Yanlış biçimlendirilmiş HTML
HTML kodu yazarken en yaygın hata, kapanış etiketinin eksik olması, özellik değerleri için tırnak işaretlerinin atlanması ve etiketlerin uygun olmayan şekilde iç içe yerleştirilmesi gibi yanlış biçimlendirmedir.
Genellikle çoğu HTML etiketleri sıra sıra eg açılış ve kapanış etiketi ikisi de var. Bir etiket herhangi bir içeriği çevreliyorsa, bunun gibi bazı istisnalar olsa da kapatılmalıdır. etiketleyin, ancak düzenlemenizi yapacağı için bu etiketi her zaman kapatmanız önerilir. HTML belgesi daha kolay.
Değerlerin etrafına tırnak koymak her zaman daha iyidir, ancak HTML'nin eski sürümlerinde zorunlu olmasa da en son sürümlerde buna ihtiyaç vardır. Bir etiketi düzgün bir şekilde kapatmak da çok önemli bir parçasıdır. HTML kodlaması ve açıldığı ters istikamette bitirilmelidir.
3) Desteklenmeyen nitelikler veya etiketler
Bazen insanlar aşağıdaki gibi kodlar kullanma eğilimindedir: veya parçası olmayan HTML standartları. Yine, birçok kullanım özniteliği, örneğin, kenar boşluğunun boyutunu değiştiren etiket gibi uygunsuzdur. , örn. HTML'nin farklı sürümleri, farklı türde öznitelikleri ve etiketleri destekler.
Hangi özelliklerin kullandığınız sürümle uyumlu olduğundan emin olmak istiyorsanız, HTML'nizi şununla doğrulamanız gerekir: HTML Validator.
4) Karakter Kodlamasına Bakma
Her karakter kümesinin kendisine özel bir kodu vardır ve bu kod, web tarayıcısına web sayfasında hangi karakter kümesinin kullanıldığını söyler. Böylece, İngilizce karakterlerden oluşan bir web sayfası, Çince veya Fransızca karakter setinden farklı bir karakter setine sahip olacaktır.
Sonuç olarak, karakter kodlaması, web tarayıcısına ne tür bilgilerin okunacağını ve görüntüleneceğini önerecektir. İngilizce web sayfalarının çoğunda karakter kodlaması pencereler-1252 ve ISO-8859-1İngilizce karakteri belirtir.
5) Birden çok satır sonu kullanma
Satır kesme etiketi kullanmak uygun değildir satırlar arasına boşluk eklemek için, çünkü bu kesinlikle yalnızca tek bir satır sonu eklemek ve öğeler arasında paragraflar ve boşluklar oluşturmak için kullanılmamalıdır. Satır sonunu kullanmanın doğru yolu şudur: Bu bir satır Bu farklı bir çizgi Bunun yerine: Bu bir satırdır Bu farklı bir çizgi.
6) Uygunsuz tablolar kullanmak
Tablolar genellikle yanlış HTML kodlamasına yol açar ve çoğu tarayıcı, tablolar uygunsuz şekilde kodlanırsa hata mesajını göstermediğinden, bunu yapmak oldukça kolaydır. Bununla birlikte, yardımcı teknolojiler doğru masa yapısı konusunda gerçekten katıdır. Aşağıdakiler, sıklıkla yaptığımız en yaygın tablo hatalarıdır:
- bitirme , veya etiketler veya yanlış sonlandırma
- Metin biçimlendirme için kullanılan etiketlerle satırları veya tablo hücrelerini çevreleme.
- Her satırda, çeşitli sayıda hücre içeren tablolar yapmak.
- Satır içi öğeler içinde tablolar oluşturma, örneğin: veya
7) Yanlış biçimlendirilmiş URL'ler
Bazen, bağlantılı kelimeleri ve/veya resimleri görebiliyorsunuz, ancak diğerleri göremiyor. URL'de hiçbir şey olmadığından emin olmanız gerekir. DOS türü yol adı, C:\image gibi, aksi takdirde bağlantıyı takip eden kişi Belge Bulunamadı Hatası 404'ü alır. Yine, her zaman ters eğik çizgiyi (\) değil, eğik çizgiyi (/) kullanmak gerekir, bazı sunucu yazılımları her ikisini de kabul etse bile, standardı koruyun. Bağlantı olması durumunda, uzantı bir sorun olabilir. mywebpage.htm adlı bir dosyayı test ederken mükemmel çalışabilir ancak sunucunun ihtiyacı olan şey mywebpage.html'dir.
8) bakan
Veri çıkaran veya bir işlev gerçekleştiren herhangi bir JavaScript için önemlidir. JavaScript'in ne yaptığına dair bir alternatif veya açıklama sunan etiket.
9) Kalın ve kullanma
Anlamsal olarak kullanmak yanlış sırasıyla italik ve kalın metinler için. Bu amaçla, yazı tipi stili ve yazı tipi ağırlığı için CSS özelliklerini kullanmak uygundur ve stilleri belgenin kendisinde kullanmanız gerekiyorsa, metinleri italik ve kalın yapmak ve kullanmak daha iyidir .
10) Resim etiketlerinde eksik alt nitelikler
Görselin bağlamını açıkladığı için görsel etiketlerinin alt özniteliklere sahip olması gereklidir. Alt niteliğini kullanırsanız, web tarayıcıları içeriği daha iyi sınıflandırır ve ayrıca kullanıcıların görüntünün önemli olup olmadığına karar vermesini kolaylaştırır.
Bu liste muhtemelen sonsuza kadar devam edebilir, ancak tüm bu noktalar, HTML kodlarını kullanırken nelere dikkat etmeniz gerektiğini anlamanız için yeterlidir.
Ayrıca, yaptığınız HTML kodlama hatalarından haberdar olmak için sayfanızı doğrulamalısınız, böylece temiz kodlamaya sahip olanlardan kolayca kaçınabilirsiniz.
Blog yazarken ne tür hatalar yaptınız?
Merhaba Jitendra,
Html ile doğru olması gerektiğini öğrendim. Genellikle sorunlarım olduğunda bunun nedeni genellikle kodlamada bir hata yapmamdır. Html öğrenmek zorunda kaldım çünkü bir blogger olarak sitenizi düzenleyebilmeniz gerekiyor. İlk başladığımda hakkında hiçbir şey bilmediğim için kullanmaktan biraz korkmuştum ama ilerledikçe öğrendim ve bu bana gerçekten yardımcı oldu.
Bunu bizimle paylaştığınız için teşekkürler!
Merhaba Jitendra,
İnsan hataları ve hataları tamamen ortadan kaldırılamaz. Yalnızca öğrenciler veya uzmanlar olarak mükemmellik için gelişiriz.
Bu kodlama hatalarının hatırlatılması yararlıdır. Programlamaya pek meraklı olmasam da, web yöneticilerinin ve blog yazarlarının bu gönderiyi faydalı bulması gerektiğini düşünüyorum.
Bir blogun veya web sitesinin performansını değiştirmek ve iyileştirmek için biraz kodlama becerisi uygulamanın gerekli olduğu zamanlar vardır.
Bunu paylaştığın için teşekkürler. Blog veya web sitesinde kodlama hataları olması durumunda bunlara dikkat edeceğiz sanırım. O zaman neyi düzelteceğimizi ve nelere dikkat edeceğimizi biliyoruz!
Bu gönderi, paylaşıldığı ve oylandığı yerde kingged'de bulundu.