Veya: HTML'm neden hep eski bir kaydırma gibi çalışıyor?
Yani, temel HTML kavramlarını ve bazı temel HTML etiketlerini öğrendiniz ve bazı HTML'leri CMS'nize yapıştırmaya karar verdiniz. Maalesef yazınız birlikte koştu. Her şey bir paragraf! Ne oldu?
Panik yapma. Tarayıcınızın satır sonlarını nasıl yorumladığını anlayın ve bunu hızla düzeltin… veya en azından basitçe.
Tarayıcılar En Çok White Space'i Yoksaydı
HTML, normal metni işaretlemekle ilgilidir. Metin parşömen üzerindeyken, sıradan metin dev bloklarda birlikte koştu. Bugün, metni paragraflara ayırıyoruz .
Paragraflar hakkında fazla düşünemezsiniz. Sadece oluyorlar. ENTER tuşuna basarsınız, o kadar.
Ancak HTML farklıdır. Tarayıcı, önemli görünmeyen bilgileri filtrelemeyi dener. Bunun nasıl çalıştığını anlamalısın, böylece kafan karışmaz.
Bir sürü boşluk yazdığınızı varsayalım:
Ee cummings gibi hissediyorumProsaic tarayıcınız bu net yorumu verecektir:
Ee cummings gibi hissediyorum
Artık Word'de değiliz, Toto. Tarayıcılar fazladan boşluk bırakmaz . Birden fazla alanı tek bir alana indirgiyorlar.
Tarayıcılar da satır sonlarını görmezden gelecektir.
Ben ee cummings gibi hissediyorum ama herkes zaten CAPITALS çevrimiçi nefret ediyor.Tarayıcınız bunu yapar:
Ben ee cummings gibi hissediyorum ama herkes zaten CAPITALS çevrimiçi nefret ediyor.
Kelime işlemci dünyasından geliyorsanız, bu davranış şaşırtıcı olabilir. Aslında size büyük bir özgürlük veriyor.
Paragraflar
Ama muhtemelen hala paragraf istiyorsun. İşte bunlar:
ve .
Bu bir paragraftır.
Bu, aynı satırda olmasına rağmen başka bir paragraftır. Ve iki satır ara verdim bile, bu hala ikinci paragrafın bir parçası. Şimdi ikinci paragrafı kapatacağım.
ve etiketlerine dikkatlice bakın, ardından tarayıcının ne yaptığını görün.
Bu bir paragraf. Aynı satırda olmasına rağmen, bu başka bir paragraftır. Ve iki satır ara verdim bile, bu hala ikinci paragrafın bir parçası. Şimdi ikinci paragrafı kapatacağım.
Görmek? Tarayıcı, satır sonlarınızı gerçekten tamamen yok sayar. Sadece etiketlerle ilgilenir.
Normalde tabi ki, aklı başında seçiminiz paragraflarınızı satır sonları ile eşleştirmektir:
Bu bir paragraftır.
Bu başka bir paragraftır.
Ama satır sonları sadece senin için. Tarayıcı onları yok sayar.
Bir grup
etiketi eklemek sıkıcı olabilir. Orada italik eklemek için bir şey var. Yeni bir paragraf başlattığınız her seferde etiket eklemek zorunda olmak başka bir şey.
Fakat bekle! Ümit var! Kelime işlemcinize geri çığlık atmayın.
CMS’niz Boş Hatlarınıza Saygı Gösterebilir
Neyse ki bazı CMS'ler, paragraf etiketlerini sahnelerin arkasına otomatik olarak yerleştirmek için tasarlanmıştır. Paragraflar arasında boş bir satır ekleyebilir ve geri kalanını CMS yapar.
Bu bir paragraf. Etiketsiz! Ve işte başka bir paragraf.CMS'niz bu özelliğe sahipse şunları elde edersiniz:
Bu bir paragraf. Etiketsiz! Ve işte başka bir paragraf.
Bu neden çalışıyor? CMS, makalenizi bir web sayfası olarak yayınlamadan önce, gerekli
etiketlerini ekler.
CMS’niz muhtemelen bunu otomatik olarak yapar. Yoksa, bu özelliği açabilirsiniz.
Paragraf için iki kez ENTER tuşuna basın
Bir kelime işlemcisinde, genellikle paragraflar arasında sadece bir kez ENTER tuşuna basarsınız. Paragraflar tek bir satırdır, ancak kelime işlemci bunları sarar.
HTML'de, paragraflar arasında iki kez ENTER tuşuna basmak istersiniz. CMS'niz
etiketlerini otomatik olarak eklerse, büyük olasılıkla boş bir satır bekler.
HTML Satır Sonları Farklı
Tarayıcıda, paragraflar aralarında boşluk var. Bir çizgiyi bitirmek istiyorsan, bir sonraki satırdan önce bir boşluk olmadan ne yaparsın? Sorun değil. Bir satır sonu etiketi var.