HTML Kodunu Kaynak ve Önizleme Modunda İnceleme

HTML metnini hazırlama

HTML metnini farklı bir görünümde incelemek istediğinizde kaynak ve önizleme modlarından yararlanabilirsiniz. Araç, girilen HTML’yi bir sayfa tasarımı olarak açıklamak yerine metin temsilleri üzerinden sunar. Bu yaklaşım, etiketlerin kaçışlanmış biçimini okumayı, gönderilen metni karşılaştırmayı ve girişin temel ölçümlerini kontrol etmeyi kolaylaştırır.

HTML alanı isteğe bağlıdır ve değer girilmediğinde boş kabul edilir. Boş bırakılan alan başarılı biçimde boş içerik olarak ele alınır; bu durumda boş olmayan istekler için yapılan kaynak veya önizleme işlemi uygulanmaz. İçerik eklediğinizde ise seçtiğiniz moda göre farklı metin gösterimleri alırsınız.

Kaynak modu, boş olmayan HTML’nin kaçışlanmış gösterimini sunar. Önizleme modu, sağlanan HTML metnini ayrıca koruyarak bunun yanında kaçışlanmış gösterimi de verir. Her iki modda boş olmayan bir istek için karakter sayısı ile satır sonlarıyla ayrılan bölüm sayısı da sonuçta yer alır. Böylece bir metnin nasıl temsil edildiğini ve gönderilen içeriğin temel yapısını aynı işlem içinde inceleyebilirsiniz.

Uygulama adımları

İncelemek istediğiniz HTML metnini giriş alanına ekleyin. Kısa bir etiket, birkaç satırlık bir bölüm veya daha uzun bir metin kullanabilirsiniz. Alanı boş bırakırsanız araç boş içerikle başarılı bir sonuç verir; ancak boş olmayan istekler için açıklanan gösterimler ve sayımlar bu durumda oluşmaz.
Kullanacağınız modu belirleyin. Mod alanını boş bırakırsanız kaynak modu varsayılan olarak seçilir. Kaynak modunu özellikle seçtiğinizde, boş olmayan girişin kaçışlanmış metin gösterimini alırsınız. Bu gösterimde HTML etiketleri, metnin parçası olarak okunabilecek biçimde temsil edilir.
Sağlanan HTML metnini ve almak istediğiniz gösterimi kontrol edin. Kaynak incelemesinde yalnızca kaçışlanmış temsile odaklanın. Önizleme seçeneğinde ise sağlanan metin ile kaçışlanmış karşılığını birlikte değerlendirin. İkinci görünümde bulunan sağlanan metin, giriş alanına verdiğiniz HTML’nin kendisini temsil eder.
Sonucu alın ve iki gösterim arasındaki farkı okuyun. Etiketlerin kaynak görünümünde nasıl metne dönüştürüldüğünü, önizleme görünümünde ise giriş metninin hangi biçimde korunduğunu karşılaştırın. Bu karşılaştırma, bir HTML parçasını metin olarak paylaşmadan önce hangi temsilin kullanılacağını anlamanıza yardımcı olabilir.
Boş olmayan yanıtın ölçüm bilgilerini inceleyin. Karakter sayısı, gönderilen HTML’nin karakter temelindeki uzunluğunu gösteren sonuç alanıdır. Satır sonlarıyla ayrılan bölüm sayısı ise girişteki satır yapısına göre sunulan diğer ölçümdür. Metni değiştirdikten sonra yeni sonuç alarak bu iki ölçümün değişen girişle birlikte nasıl sunulduğunu kontrol edebilirsiniz.
İşlemden önce mod seçiminizi gözden geçirin. Kaynak ve önizleme dışındaki bir değer kullanıldığında araç başarılı bir içerik sonucu yerine hata yanıtı üretir. Bu nedenle seçeneklerden birini tercih edin veya varsayılan kaynak modundan yararlanmak için mod alanını boş bırakın. Boş HTML ile geçerli bir mod kullanılması, boş içeriğin başarılı biçimde ele alınması kuralını değiştirmez.
Birden fazla inceleme yapıyorsanız her sonucu kendi gönderdiğiniz metinle birlikte değerlendirin. Kaynak modu kaçışlanmış temsili, önizleme modu ise iki metin gösterimini sunduğundan, bu modları aynı HTML parçası üzerinde art arda karşılaştırmak daha anlaşılır bir okuma sağlar. Ölçüm sonuçlarını yorumlarken de yalnızca boş olmayan isteklerde sunulan karakter ve satır sonu bilgilerini dikkate alın.

Sonuçların anlamını değerlendirme

Sonuçları değerlendirirken önce seçilen modu belirleyin. Kaynak sonucunda gördüğünüz kaçışlanmış gösterim, girilen HTML’nin metin olarak temsil edilmesidir. Bu gösterim, etiketleri işlenmiş bir sayfa görünümü şeklinde sunmaz; inceleme sırasında HTML işaretlerini okunabilir bir metin karşılığıyla karşılaştırmanızı sağlar.

Önizleme sonucunda iki ayrı içerik türü beklenir. Bunlardan biri sağladığınız HTML metnidir, diğeri ise aynı girişin kaçışlanmış gösterimidir. Bu iki sunumun birlikte bulunması, gönderilen metin ile onun temsilini yan yana okumaya yarar. Önizleme adını, tarayıcıda oluşturulan görsel bir sayfa veya çalıştırılmış HTML davranışı anlamında kullanmayın.

Karakter ve satır sonlarıyla ayrılan bölüm sayıları yalnızca boş olmayan kaynak ve önizleme isteklerinin sonuçlarında raporlanır. Bu bilgiler, girişin ölçümünü okumaya yardımcı olur; HTML’nin doğruluğu, görsel sonucu veya çalıştırma davranışı hakkında ayrıca bir değerlendirme sunmaz. Boş girişte başarılı biçimde boş içerik almanız, ölçüm alanlarının boş olmayan yanıtlardaki biçimde sunulacağı anlamına gelmez.

Bir hata yanıtı görürseniz mod değerini kontrol edin. Kaynak ya da önizleme dışında kalan bir seçim, bu iki işleme ait içerik sonucunu vermez. Mod alanını boş bırakarak varsayılan kaynak seçimini kullanmak veya geçerli seçeneklerden birini belirlemek, sonucu yorumlamadan önce yapılacak uygun kontroldür.

Uygulamalı örnek

Bir geliştirici, HTML etiketlerinin metin gösterimini ve iki satırlı girişinin temel sayımlarını kontrol etmek ister.

Giriş alanına iki satıra ayrılmış <h1>Merhaba</h1> ve <p>İçerik</p> metnini yapıştırın, önce kaynak modunu ardından önizleme modunu seçerek sonuçları karşılaştırın.

Kaynak modunda kaçışlanmış HTML gösterimi ile karakter ve satır sonlarıyla ayrılan bölüm sayıları; önizleme modunda bunlara ek olarak sağlanan HTML metni görünür.

Sınırlamalar

Önizleme sonucu, HTML’nin tarayıcıda oluşturulmuş görüntüsünü veya çalıştırılmış davranışını değil, metin gösterimlerini sunar.

Sık yapılan hatalar

Mod alanına kaynak veya önizleme dışında bir değer yazmak hata yanıtına neden olur. Alanı boş bırakarak varsayılan kaynak modunu kullanın ya da geçerli iki seçenekten birini seçin.

Sık sorulan sorular

HTML alanını boş bırakabilir miyim?

Evet. HTML alanı isteğe bağlıdır; boş bıraktığınızda giriş boş içerik olarak başarılı biçimde ele alınır ve boş olmayan isteklerdeki kaynak ya da önizleme işlemi uygulanmaz.

Mod seçmezsem ne olur?

Mod alanını boş bırakırsanız kaynak modu varsayılan olarak kullanılır. Boş olmayan HTML gönderildiğinde bu seçim, girişin kaçışlanmış gösterimini sunar.

Önizleme modu HTML’yi tarayıcıda görüntüler mi?

Hayır, önizleme sonucu tarayıcıda oluşturulmuş bir sayfa görüntüsü değildir. Boş olmayan girişte sağlanan HTML metni ile onun kaçışlanmış gösterimi birlikte sunulur.