HTML'de Önceden Biçimlendirilmiş Metnin Ne Olduğuna İlişkin Bir Açıklama

Bir Web sayfasının HTML koduna metin eklediğinizde, örneğin bir paragraf öğesinde, bu metin satırlarının nerede kesileceği veya kullanılacak boşluk üzerinde çok az kontrolünüz olur veya hiç kontrolünüz olmaz. Bunun nedeni, web tarayıcısının metni, onu içeren alana göre gerektiği gibi akmasıdır. Bu içerir duyarlı web siteleri göre değişen çok akıcı bir düzene sahip olacak ekran boyutu sayfayı görüntülemek için kullanılır. HTML metni, içerdiği alanın sonuna ulaştığında ihtiyaç duyduğu satırı kesecektir. Sonunda, tarayıcı, metnin nasıl kesildiğini belirlemede sizden daha fazla rol oynar.

Belirli bir biçim veya düzen oluşturmak için boşluk ekleme açısından, HTML, boşluk çubuğu, sekme veya satır başları dahil olmak üzere koda eklenen boşluğu tanımaz. Bir kelime ile ondan sonraki kelime arasına yirmi boşluk koyarsanız, tarayıcı orada yalnızca bir boşluk oluşturacaktır. Bu, beyaz boşluk çöküşü olarak bilinir ve aslında endüstride yeni olanların çoğunun ilk başta mücadele ettiği HTML kavramlarından biridir. HTML boşluklarının Microsoft Word gibi bir programda olduğu gibi çalışmasını beklerler, ancak HTML boşluklarının çalışma şekli bu değildir.

instagram viewer

Çoğu durumda, herhangi bir HTML belgesindeki metnin normal işlenmesi tam olarak ihtiyacınız olan şeydir, ancak diğer durumlarda durumlarda, metnin tam olarak nasıl boşluk bıraktığı ve nerede kesildiği konusunda daha fazla kontrol isteyebilirsiniz. çizgiler. Bu, önceden biçimlendirilmiş metin olarak bilinir (başka bir deyişle, biçimi siz belirlersiniz). HTML'yi kullanarak web sayfalarınıza önceden biçimlendirilmiş metin ekleyebilirsiniz.

Kullanmak
 Etiket 

Yıllar önce, önceden biçimlendirilmiş metin blokları içeren web sayfalarını görmek yaygındı. Kullanmak

 etiketi, sayfanın bölümlerini yazarak biçimlendirilmiş olarak tanımlamak için web tasarımcılarının metni istedikleri gibi görüntülemelerini sağlamanın hızlı ve kolay bir yoluydu. Bu, web tasarımcılarının tabloları ve diğer yalnızca HTML yöntemlerini kullanarak düzeni zorlamaya çalışırken gerçekten sıkışıp kaldıkları düzen için CSS'nin yükselişinden önceydi. Bu (biraz) işe yaradı çünkü önceden biçimlendirilmiş metin, yapının HTML oluşturma yerine tipografik kurallarla tanımlandığı metin olarak tanımlandı. 

Bugün, bu etiket çok fazla kullanılmamaktadır çünkü CSS, görsel stilleri denemekten çok daha verimli bir şekilde dikte etmemizi sağlar. görünümü HTML'mize zorlamak için ve Web standartları, yapı (HTML) ve stillerin net bir şekilde ayrılmasını gerektirdiğinden (CSS). Yine de, zorlamak istediğiniz bir posta adresi gibi, önceden biçimlendirilmiş metnin anlamlı olduğu durumlar olabilir. satır sonları veya satır sonlarının metnin okunması ve genel akışı için gerekli olduğu şiir örnekleri için içerik.

İşte HTML kullanmanın bir yolu

 etiket: 

Tipik HTML, belgedeki beyaz alanı daraltır. Bu, bu metinde kullanılan satır başları, boşluklar ve sekme karakterlerinin tümünün tek bir boşluğa daraltılacağı anlamına gelir. Yukarıdaki alıntıyı p (paragraf) etiketi gibi tipik bir HTML etiketine yazarsanız, aşağıdaki gibi bir metin satırı elde edersiniz:

Çok parlaktı ve sürtükler dalgaların içinde yalpaladılar ve yalpaladılar.

ön etiketi boşluk karakterlerini olduğu gibi bırakır. Böylece satır sonları, boşluklar ve sekmelerin tümü, tarayıcının bu içeriği oluşturmasında korunur. Alıntıyı bir içine koymak

 aynı metin için etiket bu ekrana neden olur: 
Twas brillig ve slithey toves
Döndü ve yalpaladı
içinde

wabe

Yazı Tipleriyle İlgili

 etiketi, yazdığınız metin için boşlukları ve sonları korumaktan daha fazlasını yapar. Çoğu tarayıcıda, tek aralıklı bir yazı tipiyle yazılır. Bu, metindeki karakterlerin tümünün eşit genişlikte olmasını sağlar. Yani i harfi w harfi kadar yer kaplar. 

Tarayıcının görüntülediği varsayılan tek aralıklı yazı tipi yerine başka bir yazı tipi kullanmayı tercih ederseniz, bunu yine de şu şekilde değiştirebilirsiniz: stil sayfaları ve başka birini seçin yazı tipi metnin işlenmesini istiyorsunuz.

HTML5

Dikkat edilmesi gereken bir şey, HTML5'te "width" özniteliğinin artık aşağıdakiler için desteklenmediğidir.

 öğe. HTML 4.01'de genişlik, bir satırın içereceği karakter sayısını belirtir, ancak bu, HTML5 ve sonrası için bırakılmıştır. 
instagram story viewer