HTML · Yorumlar ve boşluklar — videolu atölye

Yorumlar ve boşluklar

Yorum, boşluk ve kaynak görünürlüğü arasındaki farkı açıklamak.

Kavramı kur

HTML yorumları kaynak kodunu okuyan kişiye not bırakır. Tarayıcı bunları normal sayfa içeriği gibi çizmez; fakat yorumlar ziyaretçiden saklanan gizli bir alan değildir. Kaynağı görüntüleyen biri yorumları okuyabilir. Bu nedenle parola, anahtar veya kişisel bilgiyi yoruma yazmak bir güvenlik yöntemi değildir.

Neden böyle çalışıyor?

Normal metin akışında art arda gelen boşluklar genellikle tek boşluk gibi gösterilir. Kodda satır atlamak, ekranda yeni paragraf oluşturmaz. İki ayrı düşünce için p, anlamlı bir satır sonu için uygun bağlamda br kullanılır. Şiir veya adres gibi metinler ile sayfa düzeni için boşluk açmayı birbirinden ayır.

Çalışma sırası

pre önceden biçimlendirilmiş metnin boşluklarını korur; code ise kod parçasının anlamını belirtir. Bir HTML etiketini ekranda düz metin olarak göstermek için < ve > işaretlerini karakter başvurularıyla yazmalısın. Aksi hâlde tarayıcı örneği anlatım olarak değil gerçek etiket olarak yorumlayabilir.

İkinci örnek · 1

<!-- ... --> bir HTML yorumudur. Kodun tamamı yazılı derste bulunur.

<!-- Bu not kaynakta görünür. Gizli bilgi yazma. -->
<p>Birinci     düşünce.</p>
<p>İkinci düşünce.</p>
<pre><code>&lt;h1&gt;Örnek&lt;/h1&gt;</code></pre>

Beklenen sonucu oku

< işareti ekranda < görünmesini sağlar; gerçek etiket açmaz.

Beklenen: İki paragraf ve düz metin olarak <h1>Örnek</h1> kodu. Yorum çizilmez.

Bir değeri sen değiştir

Kaynağa bir açıklama yorumu ekle ve sayfa kaynağında bul. Normal p içine beş boşluk ekle; görünümle kaynak arasındaki farkı incele.

Hata nereden gelir?

Yorum içine anahtar yazmak onu saklamaz; istemciye gönderilen kaynak okunabilir.

Kendi çözümünü kur

Bir etiketi gerçek öğe oluşturmadan code içinde göster. Gösterilecek örnek kodundaki < işaretini < olarak yaz.

Çözüm varyasyonu · 1

Önce kendi denemeni yap; sonra bu varyasyonun girdileri ile sonucunu karşılaştır.

<p>Etiket örneği:</p>
<pre><code>&lt;p&gt;Merhaba&lt;/p&gt;</code></pre>
<!-- Bu açıklama ziyaretçiden gizli değildir. -->

Kendini kontrol et

Bir yoruma yazılan parola güvenli biçimde saklanmış olur mu? Yanıt: Hayır; yorum sayfa kaynağında okunabilir. Gizli bilgiler istemciye gönderilmemelidir.

Beklenen: <p>Merhaba</p> düz metin olarak görünür; yeni bir paragraf etiketi oluşturmaz.