Web'de metin girintisi kullanılmalı mı?


11

Web siteme metin girintisi eklemeyi düşündüm (paragrafların ilk satırını girmiş), ancak önce biraz arama yaptım ve birçok sitenin herhangi bir metin girintisi olmadığını keşfettim. Neden? Paragrafların başladığı yeri daha net hale getirdiğini düşündüm, neden daha sık kullanılmıyor?

Ciddi bir dezavantajı var mı, yoksa sadece bir moda / trend meselesi mi?

Yanıtlar:


8

Paragrafları birkaç yolla ayırabilirsiniz.

girintiler

Lorem ipsum dolor sit amet, consectetur adipiscing elit. 
Curabitur in orci pellentesque, volutpat metus eget, interdum 
mauris. 
    Nunc faucibus lectus id libero blandit, et varius augue 
vehicula. Cras eu dictum libero, a elementum velit. Fusce 
ultrices malesuada elit, et convallis massa tristique in. 
    Vivamus vel urna eget orci tincidunt luctus eget ac tortor. 
Integer faucibus ante eu mauris faucibus, sit amet tincidunt 
velit rhoncus. Proin a pellentesque nunc. Aliquam vitae neque 
sit amet neque aliquam ultrices eget vitae urna. 

Boş Satır / Boşluk

Lorem ipsum dolor sit amet, consectetur adipiscing elit. 
Curabitur in orci pellentesque, volutpat metus eget, interdum 
mauris. 

Nunc faucibus lectus id libero blandit, et varius augue 
vehicula. Cras eu dictum libero, a elementum velit. Fusce 
ultrices malesuada elit, et convallis massa tristique in. 

Vivamus vel urna eget orci tincidunt luctus eget ac tortor. 
Integer faucibus ante eu mauris faucibus, sit amet tincidunt 
velit rhoncus. Proin a pellentesque nunc. Aliquam vitae neque 
sit amet neque aliquam ultrices eget vitae urna. 

Fleurons / Flourishes / simgeler / böcek

Lorem ipsum dolor sit amet, consectetur adipiscing elit. 
Curabitur in orci pellentesque, volutpat metus eget, interdum 
mauris. ~•~ Nunc faucibus lectus id libero blandit, et varius 
augue vehicula. Cras eu dictum libero, a elementum velit. Fusce 
ultrices malesuada elit, et convallis massa tristique in. ~•~ 
Vivamus vel urna eget orci tincidunt luctus eget ac tortor. 
Integer faucibus ante eu mauris faucibus, sit amet tincidunt 
velit rhoncus. Proin a pellentesque nunc. Aliquam vitae neque 
sit amet neque aliquam ultrices eget vitae urna. 

sayılar

1  Lorem ipsum dolor sit amet, consectetur adipiscing elit. 
   Curabitur in orci pellentesque, volutpat metus eget, interdum 
   mauris. 
2  Nunc faucibus lectus id libero blandit, et varius augue 
   vehicula. Cras eu dictum libero, a elementum velit. Fusce 
   ultrices malesuada elit, et convallis massa tristique in. 
3  Vivamus vel urna eget orci tincidunt luctus eget ac tortor. 
   Integer faucibus ante eu mauris faucibus, sit amet tincidunt 
   velit rhoncus. Proin a pellentesque nunc. Aliquam vitae neque 
   sit amet neque aliquam ultrices eget vitae urna. 

Hepsi (ve diğer yöntemler) geçerlidir. Genellikle kaşlarını çatmış olan şey, onları biraz gereksiz olduğu için birleştirmektir. Paragraflar arasında zaten bir boşluk varsa, girinti yapmak onları görsel olarak ayırmaya yardımcı olmaz.

Neden boş satırları / alanı web'deki paragrafları ayırmanın birincil yolu olarak görüyorsanız, bunun nedeni yalnızca varsayılan değerdir. Varsayılan olarak, çoğu tarayıcı geleneksel olarak <p>etiketler arasına boşluk ekler. Yani girintileri kullanmaya gerek yoktu. Ama isterseniz girintileri kullanmakta özgürsünüz.


2
Böcek şey ilginç. Ama bunun yararlı olduğunu düşünmüyorum. : o) - Sayılar (imho) sadece farklı paragraflardan başka bir şey ifade eder.
Rafael

@Rafael kullanışlılığı bağlama dayalıdır. :) Kuşkusuz, yaygın olarak kullanılmaz.
DA01

Şey ... bu yorum kutularında bu hataları kullanmamız gerekiyor! --- Stack Exchange: YORUMLARDA PARAGRAFLAR İSTİYORUM! : o)
Rafael

@Rafael aslında faydalı olacağına mükemmel bir örnek! :)
DA01

1
"Hatalar" (ya da benzeri bir şey) birçok eski yazı biçiminde kullanılmıştır. Yazma yüzeylerinin sınırlı olduğu ve bilgi yoğunluğunun önemli olduğu bir zamandan itibaren orijinal paragraf ayırıcılarıdır. Bunları benzer durumlarda kullanmanızı öneririm. Girintiler, ekstra satır sonu alternatifine kıyasla yerden de tasarruf sağlar. Ancak modern web tipografi, okunaklılık için mümkün olduğunda boşluk kullanmalıdır.
Zengin Remer

4

Bu çoğunlukla kişisel bir tercihtir ve bazıları insanların neden girintiler yerine Drop Cap kullanmadığını tartışır. Şahsen paragraflar arasındaki boşluk, girintiyi hak eder.

Girintiyi kullanırken amacı anladığım, yalnızca bir site için blog yazısı gibi bir şey yazarken yeni içerik blokları için kullanılmasıdır. Bazı insanlar CMS sitelerini veya bloglarını kullandığında, birden çok konu tartışıldığında gerekli paragraflarda bir girintiyi kodlamak zor olduğundan, başlık etiketleri ayırma olarak kullanılır.

Bunu çözmek için grepjQuery komutunu kullanarak text-indentbelirli <p>etiketlere CSS özelliğini ekleyebilirsiniz . Sorunuzu cevaplamak için bu kişisel bir tercihtir. Bunu bir blog yazısı gibi bir şey için yapıyorsanız ve her <p>etiketin girintili olmasını istemiyorsanız , sözde öğe ilk çocuğunu kullanabilirsiniz:

p:first-child {
  text-ident: 1.5em;
}

Tarihsel olarak, paragraflara girinti eklemenin veya HTML'de dropcaps kullanmanın kolay bir yolu yoktu . CSS çok uzun zaman geldiğinde, bu durum değişti.
DA01

1
Karanlık çağlardan böyle bahsetmeyin;)
DᴀʀᴛʜVᴀʀᴛʜ

Uzun madde (yani kitaplar) için klasik dizgi yazısında, bir bölümün ilk paragrafının üstünde boşluk olur ve girinti olmazken, geri kalan paragraflarda girintiler olur. Bu genellikle bir başlık veya bölüm başlığı olsun ya da olmasın yapıldı. Bir bölüm gibi önemli bir kopukluğun ilk paragrafı bir damla başlığı veya ışıklı bir damla kapağı alabilir.
RBerteig

4

Metin girintili mi olmalı? Bu kişisel bir tercih meselesidir, ancak gördüğüm sitelerin büyük çoğunluğu paragrafları girintilememektedir.

HTML'nin kökenine bakmalısınız

HTML başladığında standart bir kılavuz yoktu. HTML, Berners-Lee tarafından orijinal olarak oluşturuldu ve tarayıcı ve sunucu yazılımını kim yazdı. Büyük kuruluşlardaki insanlar hangi biçimlendirme komutlarını kullanabileceklerini sordu. Yazılı metindeki paragraflarda arkalarında boşluk olduğu için bunu HTML olarak kabul ettiler. Bu nasıl <p>etiket çalışır. İnsanlar belirlenen standartları benimser ve isteğe bağlı olarak kullanmazlar.

HTML 2.0 belgesinden bir alıntı da var

Yatay sekme karakteri (HTML belgesi karakter kümesindeki kod konumu 9), satırda şu ana kadar karakter sayısını 8'in katı olarak bırakacak en küçük pozitif sıfır olmayan boşluk sayısı olarak yorumlanmalıdır. Belgeler sekme karakteri içermemelidir bunlar değil gibi sürekli destekledi.

http://www.ietf.org/rfc/rfc1866.txt

Kelime işlemcilerin sekmesi ve web üzerinde kullanımı arasındaki fark

Girinti eksikliğinin bir başka nedeni de Tab kullanımıdır. Bir kelime işlemci programında paragrafları girintilemek için sekmeyi kullanmaya alışkınız. Web'de işler böyle çalışmaz. 90'lı yılların başında formlar oluşturulduğunda, insanlar sekme tuşunu kullanarak bir sonraki alana atladılar. Artık insanlar web'de sekme girinti satırlarına sahip olmak yerine bu özelliğe alışkınlar.

Web'de bir paragraf girintilememenizin bir nedeni yoktur. İnsanlar sadece paragraflar üzerinde girinti olmamasına ve dikey alana sahip olmaya alışkındır.

p {
    text-indent: 20px;
}

1
Sekme tuşu biraz kırmızı bir ringa balığıdır. Sekme tuşu alanlar arasında gezinmek için her zaman kullanılmıştır. Bu web'den önce gelir. Bu alakalı olduğunu textareaalanında, ama (kullanıcı paragrafları okumak için sekme tuşunu kullanmaz gibi) değil, genel paragraf bir web sayfası biçimlendirme. Ayrıca HTML'nin alanı varsayılan olarak oluşturan şey olmadığını, bunun yerine tarayıcının paragraf etiketini varsayılan olarak oluşturduğu varsayılan alanı oluşturduğunu unutmayın (Kuşkusuz teknik bir nit-pick)
DA01

@ DA01 Berners-Lee, HTML'yi oluşturacak yazılımı ve tarayıcıyı oluşturmadı mı? Bir tarayıcının HTML oluşturduğunu anlıyorum, ancak bunun için standartlar oluşturmadı mı? Sekmenin alanlar arasında sekmek için her zaman kullanılması, HTML'de uygulanmadığının bir nedeni değil mi? Ayrıca HTML'nin boşluk bırakmadığı gerçeği.
AndrewH

2
Doğru, ancak nasıl oluşturulacağına dair bir 'HTML standardı' yoktu. Sadece kendi tarayıcısında paragraflar arasında ekstra boşluk kullanmayı seçti. Diğer tarayıcılar bu varsayılanı kabul ettiler, ancak HTML içinde hiçbir zaman standart olarak ilan edilmedi.
DA01
Sitemizi kullandığınızda şunları okuyup anladığınızı kabul etmiş olursunuz: Çerez Politikası ve Gizlilik Politikası.
Licensed under cc by-sa 3.0 with attribution required.