Önceden biçimlendirilmiş metin nedir?

HTML kodunuzdaki Önceden Biçimlendirilmiş Metin etiketini nasıl kullanacağınız

Bir Web sayfası için HTML koduna metin eklediğinizde, bir paragraf öğesinde, bu metin satırlarının nerede kırılacağı veya kullanılacak boşluklar üzerinde çok az kontrolünüz yoktur. Bunun nedeni, web tarayıcısının metni içerdiği alana göre gereken şekilde akmasıdır. Bu , sayfayı görüntülemek için kullanılan ekranın boyutuna bağlı olarak değişen çok akışkan bir düzenine sahip olacak duyarlı web sitelerini içerir.

HTML metni, içerdiği alanın sonuna ulaştığında ihtiyaç duyduğu çizgiyi kesecektir. Sonunda, tarayıcı metnin sizden nasıl kırıldığını belirlemede daha fazla rol oynar.

Belirli bir biçim veya düzen oluşturmak için boşluk eklemesi bakımından, HTML, boşluk çubuğuna, sekmeye veya satırbaşı iadelerine ek olarak, koda eklenen aralığı tanımaz. Bir kelime ile ondan sonra gelen kelime arasında yirmi boşluk koyarsanız, tarayıcı orada sadece tek bir boşluk oluşturacaktır. Bu beyaz boşluk çöküşü olarak bilinir ve aslında endüstride bir çok yeni olan HTML kavramlarından biridir. HTML boşluğunun Microsoft Word gibi bir programda çalışacak şekilde çalışmasını beklerler, ancak HTML beyazının nasıl çalıştığını bu şekilde değil.

Çoğu durumda, herhangi bir HTML belgesindeki metnin normal olarak işlenmesi tam olarak ihtiyacınız olan şeydir, ancak diğer durumlarda, metnin tam olarak nasıl yerleştirileceği ve satırların nerede kırıldığı konusunda daha fazla denetim isteyebilirsiniz.

Bu önceden biçimlendirilmiş metin olarak bilinir (başka bir deyişle, biçimi dikte). HTML ön etiketini kullanarak web sayfalarınıza önceden biçimlendirilmiş metin ekleyebilirsiniz.

 Etiketini kullanma 

Uzun yıllar önce, web sayfalarını önceden biçimlendirilmiş metin blokları ile görmek yaygındı. Sayfanın kendisinin yazarak biçimlendirilmiş bölümlerini tanımlamak için ön etiketin kullanılması, web tasarımcılarının metni istedikleri gibi göstermesini sağlamak için hızlı ve kolay bir yoldu.

Bu, web tasarımcıları tabloları ve diğer HTML-only yöntemlerini kullanarak düzeni zorlamaya çalışırken sıkışan düzen için CSS'nin yükselişinden önceydi. Bu (kinda) işe yaradı çünkü önceden biçimlendirilmiş metin, yapının HTML oluşturmadan ziyade tipografik kurallarla tanımlandığı metin olarak tanımlanır.

Bugün, bu etiket, CSS görsel görünümleri HTML'imize zorlamaktan çok daha verimli bir şekilde dikte etmemize izin verdiği ve Web standartlarının yapı (HTML) ve stillerden (CSS) net bir şekilde ayrılmasını gerektirdiğinden bu etiket kullanılmamaktadır. Yine de, önceden biçimlendirilmiş metin örnekleri olabilir, örneğin satır sonlarını zorlamak istediğiniz bir posta adresi veya satır sonlarının içeriğin okunması ve genel akışı için gerekli olduğu şiir örnekleri gibi.

HTML

 etiketini kullanmanın bir yolu: 

 Twas brillig ve slithey toves wy içinde gyre ve gimble yaptı  

Normal HTML, belgedeki beyaz alanı daraltır. Bu, bu metinde kullanılan satırların, boşlukların ve sekme karakterlerinin tek bir alana daraltılacağı anlamına gelir. Yukarıdaki alıntıyı p (paragraf) etiketi gibi tipik bir HTML etiketine yazdıysanız, aşağıdaki gibi bir metin satırına sahip olursunuz:

Twas brillig ve slithey toves wy gyre ve gimble yaptı

Ön etiket, beyaz boşluk karakterlerini olduğu gibi bırakır. Dolayısıyla, tarayıcının bu içeriğin oluşturulmasında satır sonları, boşluklar ve sekmeler vardır. Aynı metin için bir ön etiketin içine alıntı koymak bu ekrana neden olur:

Twas brillig ve slithey toves wy gyre ve gimble yaptı

Yazı Tiplerine İlişkin

Ön etiket, sadece yazdığınız metinleri ve boşlukları korumaktan fazlasını yapar. Çoğu tarayıcıda, bir monospace yazı tipinde yazılmıştır. Bu, metindeki karakterlerin tümünü eşit genişlikte yapar. Başka bir deyişle, ben mektubu w harfi kadar fazla yer kaplar.

Tarayıcının görüntülediği varsayılan tek alan yerine başka bir yazı tipi kullanmayı tercih ederseniz, bunu stil sayfalarıyla değiştirebilir ve metnin oluşturulmasını istediğiniz başka yazı tiplerini seçebilirsiniz .

HTML5

Dikkat edilmesi gereken bir nokta, HTML5'te, "genişlik" özelliğinin

 öğesi için artık desteklenmemesidir. HTML 4.01'de, genişlikte bir satırın içereceği karakter sayısı belirtildi, ancak bu HTML5 ve ötesine bırakıldı. 

2/2/17 tarihinde Jeremy Girard tarafından düzenlendi