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 kullanarak web sayfalarınıza önceden biçimlendirilmiş metin ekleyebilirsiniz.
Kullanmak Etiket
Uzun yıllar önce, web sayfalarını önceden biçimlendirilmiş metin blokları ile görmek yaygındı. Kullanmak
önceden sayfanın bölümlerini yazarak biçimlendirmek için etiketlemek, web tasarımcılarının metni istedikleri gibi görüntülemelerini 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.
İşte HTML'yi kullanmanın bir yolu
etiket:
Twas brillig ve slithey toves
Gyre ve gimble yaptı
içinde
WABE
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. Alıntıyı içine koymak önceden Aynı metnin etiketi bu ekrana neden olur: Twas brillig ve slithey toves Gyre ve gimble yaptı içinde WABE önceden etiket, yazdığınız metin için boşlukları ve kırılmaları sürdürmekten 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. Dikkat edilmesi gereken bir nokta, HTML5'te "width" özelliğinin artık desteklenmemesidir. 2/2/17 tarihinde Jeremy Girard tarafından düzenlendi Yazı Tiplerine İlişkin
HTML5
öğesi. 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ı.
