web-gelistirme-sc.com

Boşluk karakterini en iyi nasıl gösterebilirim?

Yazdığım bir web uygulaması, geleneksel bir klavyede bulunan karakterleri tek tek seçiyor. Ben karakter gösterilebildiği çok sınırlı bir alan var (temelde kullandığım yazı tipinde bir W karakterinin genişliği) Word "boşluk" veya "boşluk" görüntüleyemez anlamına gelir.

Boşluk karakterini en iyi nasıl görüntüleyebilirim?

Birkaç seçenek denedim, ancak bunların sadece karışıklığa yol açıp açmayacağından emin değilim:

  • Example 1 Alt çizgi kullanma. Bu, alt çizgi karakterine biraz fazla benziyor.
  • Example 2 Boşluk sembolü (␠ (␠)). Bu sorunun cevabını kendim aramaya başlayana kadar bunun var olduğunu bile bilmiyordum, bu yüzden bunun yaygın olarak tanındığından emin değilim.
  • Example 2 Farklı renkte soluk bir alt kenarlık.
  • Example 3 Bir blok karakteri (█ (█)) imleci temsil etmek için terminalde kullanılanlar gibi.
  • Example 4 Herhangi bir stil uygulanmamış bir boşluk.

Bunun sadece görüntüleme amaçlı olduğunu belirtmek gerekir; Kullanıcının sayfa boyunca okurken orada olduğunu kabul etmekten başka karakterle etkileşimi yoktur (bu yüzden sormuyorum Boşluk çubuğunu temsil etmek için hangi karakteri kullanabilirim? ).

83
James Donnelly

Interpunct

Müdahaleci değildir ve zar zor fark edilir. Ve aşina olan Word kullanıcıları onu kolayca tanıyacak, böylece bazı dış tutarlılığa sahip olacaksınız.

Yorumlara dayanarak, bu cevabı, metin ve yorumlama arasında bir fark yaratmak için gerekli olduğunu not etmek için düzenledim, böylece biraz daha büyük bir yazı tipi boyutu kullandım ve rengi siyahtan açık maviye değiştirdim, bu yüzden daha az fark edilir. Ayrıca bunu karakter olarak kullanan bazı diller (katalanca gibi) vardır.

Bu karakterin bilgisayar çağından önce bile kullanıldığını belirtmek önemlidir (latin dili kullanılır).

111
IAmJulianAcosta

Gitmem her zaman boştu, ␣ (␣) veya alt braket karakteri ⎵ (⎵). Onları burada görebilirsiniz w3.org . Program çıktılarımda yer göstermek için programlama derslerimde bir grup altlık kullandım.

Örneğin These␣do␣a␣pretty␣good␣job␣of␣conveying␣a␣space olur:

example with blank

Unicode glifleri uygulayan bir yazı tipi kullandığınızdan emin olun, böylece kullanıcılar sistemde yoksa kırılmaz veya şöyle görünebilir:

Example with font not containing the glyphs] 2

78
Brynn

Kısa cevap

Klavyenin boşluk çubuğunu temsil etmek için U + 23B5 Alt Köşeli Parantez (normal ⎵ kalın tek aralık ). Alternatif olarak, U + 2423 Açık Kutu (␣). HTML yerinde, ⎵ ve &blank, sırasıyla. Metin içindeki boşlukları temsil etmek için yorumu alternatif olarak U + 2E31 Kelime Ayırıcı Orta Nokta (⸱) veya U + 00B7 Orta nokta (·) kullanın.

Zihin tekrarı ve diğer noktalama işaretleri:

  • U + 2E31: ⸱Dört⸱⸱⸱önce, ⸱now⸱⸱two, ⸱one⸱at⸱end.⸱
  • U + 00B7: ···· Dört · boşluk · önce, · şimdi ·· iki, · bir · sonunda · ·
  • U + 23B5: ⎵Dört⎵z⎵foreönce, ⎵now⎵⎵two, ⎵one⎵at⎵end.⎵
  • U + 2423: ␣ Dört Alan␣␣ öncesinde, ␣now␣␣two, ␣one␣at␣end.␣

Tek aralıklı daha iyi çalışır:

  • U + 2E31: ⸱⸱⸱⸱Four⸱spaces⸱before,⸱now⸱⸱two,⸱one⸱at⸱end.⸱
  • U + 00B7: ····Four·spaces·before,·now··two,·one·at·end.·
  • U + 23B5: ⎵⎵⎵⎵Four⎵spaces⎵before,⎵now⎵⎵two,⎵one⎵at⎵end.⎵
  • U + 2423: ␣␣␣␣Four␣spaces␣before,␣now␣␣two,␣one␣at␣end.␣

Uzun cevap

Boşluk çubuğu için U + 23B5 Alt Köşeli Parantez, HTML ⎵ () gitmek için bir yoldur. Cep telefonlarının klavyelerinde ve sanal klavyelerinde kullanılan bir simgedir, ancak yazı tipi kapsamı düşüktür. U + 2423 Açık Kutu, HTML &blank (␣) daha iyi desteklendi, diğer noktalama işaretleriyle daha iyi görünüyor ancak yalıtılmış durumda çirkin: vs .

Metindeki boşlukların görsel temsili daha çeşitli hayvanlardır. Konsolun eski günlerinde, el kitapları boşlukları b ve eğik çizgi (/) birleşimi olarak temsil ediyordu. Bunun için bir Unicode var, U + 2422 Boş Sembol (␢), ancak çoğu yazı tipinde eski temsilin aynı etkisi olmadan. Ama eski görünüm ya da yeni çok yardımcı değil. Eski yolları ve U + 2422'yi doğrudan simüle etmek için bindirmeleri kullanma:

  • U + 0338: Theseb̷dob̷notb̷dob̷ab̷prettyb̷goodb̷jobb̷ofb̷conveyingb̷ab̷space.

  • U + 2422: Bunlar␢do␢not␢do␢a␢pretty␢good␢job␢of␢conveying␢a␢space.

Modern bir çözüm, U + 2E31 Kelime Ayırıcı Orta Nokta (⸱) veya U + 00B7 Orta nokta (·) kullanmaktır. Birincisi tavsiye edilir, ikincisi geniş yazı tipi desteğine sahiptir.

Örnekler:

  • A⸱pretty⸱good⸱job⸱of⸱displaying⸱spaces. (U 2E31)
  • · · · Görüntülendiği yerleri de · Oldukça · iyi · bir iş. (U 00B7)
  • A⸱pretty⸱good⸱job⸱of⸱displaying⸱a⸱space. (U + 2E31 mono aralıklı)not
  • A·pretty·good·job·of·displaying·spaces. (U + 00B7 mono aralıklı)

Geçmişteki notlar, kullanımlar ve daha fazla alternatif için bkz. https://en.wikipedia.org/wiki/Interpunct ve https://en.wikipedia.org/wiki/Whitespace_character = (Genel Bakış/Tanım ve belirsizlik/Unicode/Yerine Koyma).


Doğru anlarsam uygulamanız metni tuş vuruşları (veya metin ve özel tuşlar) olarak görüntüler. Eğer öyleyse, U-2423 ile:

  • Aprettygoodjobofdisplayingkeys.

  • Agüzeliyinın-ninDisplayinganahtarlar.

U-23B5 ile:

  • Aprettygoodjobofdisplayingkeys.

  • Agüzeliyinın-ninDisplayinganahtarlar.


not Bazı mono aralıklı fontlarda, farklı genişlikte bir gliftir!

30
André LFS Bacci

Renk kullanabilir misin? Wikipedia karakterleri göstermek için açık mavi kutuları kullanır:

enter image description here

Ancak iki renkle sınırlıysanız, şunları öneririm:

  • Shelf ⎵⎴ - Harfi raf, alt braket veya üst braketi düğmeyi temsil edecek şekilde değiştirme
  • ⬚ ◌ - Boşluğu temsil etmek için noktalı daire veya kare
  • ???? ???? ???? - Bir komedi seçeneği.
17
PixelSnader

&boş; ␣

Wikipedia bu amaçla aşağıdaki karakterleri listeler:

Unicode space-illustrating characters (visible)  

Code    Decimal  Name                  Block             Display   Entity  
U+00B7  183      Middle dot Basic      Latin             ·         ·        
U+237D  9085     Shouldered open box   Misc Technical    ⍽         -
U+2420  9248     Symbol for space      Control Pictures  ␠        -
U+2422  9250     Blank symbol          Control Pictures  ␢        -
U+2423  9251     Open box              Control Pictures   ␣        ␣

Jukka Korpela ("Unicode Explained" yazarı) şunları söyleyecek bir web sitesi değerine sahiptir:

Görünür alanlar

Bir alan için semboller kullanılabilen bazı grafik karakterler vardır. Bazen görünür boşluklar olarak adlandırılsa da, bunlar hiç boşluk değil, kullanım kılavuzlarındaki boşlukların görünümünü ve metinlerin açıklamalarını göstermek için kullanılan görünür gösterimlerdir.

Aşağıdaki tabloda bazı semboller pratik kullanışlılığa göre azalan sırada listelenmektedir. Şekilleri yazı tipine göre değişir; özellikle sonuncusu çok değişir.

 ␣   U+2423  OPEN BOX
␢   U+2422  BLANK SYMBOL
␠   U+2420  SYMBOL FOR SPACE

␢ sembolü, erken bilgisayar programlamasında bu amaç için uzun bir kullanım geçmişine sahiptir. Kodlama sayfalarında, kart yazma makinesi operatörlerine (yazma havuzu gibi) bir boşluk karakteri belirtmek için programcılar tarafından yazılmıştır.

␣ & blank; özellikle de açıkça alakalı bir isme sahip bir HTML varlığı olduğu için.

13
RedGrittyBrick

Her zaman bir tek aralıklı yazı tipi kullanabilirsiniz, daha sonra boşluk karakter boyutunda bir boşlukla gösterilir :). Her alanı vurgulayabilirsiniz (ör. <mark>&nbsp;</mark>) ve uygun renk olması için bazı CSS kurallarını ayarlayın.

4
Algy Taylor

Bu sayfanın URL'sine bakın. Başlığın kelimeleri arasındaki boşluklar bir tire işareti ile değiştirilir. Sezgisel, okunabilir ve tanıdık.

3
michael.quiapos

Kod biçimlendirme bağlamında boşluk göstermek için kullanılan Eclipse 'ın boşluk karakterlerine alışkınım.

  • Boşluk: U + 00B7 "orta nokta": ·
  • Sekme: U + 2192 "sağa ok": →

Mümkünse, boşluk karakterlerini normal metinden daha açık renkte görüntülemek, bunların boşluk karakterleri olduğunu vurgulamaya yardımcı olur. Örneğin, normal metin siyahsa, gri kullanın.

3
user44517

Yeni Zelanda'daki üniversitede teknik yazı öğrenirken, bir ev (Unicode numarası: U + 2302, HTML kodu: & # 8962) veya bir yukarı üçgen (Unicode numarası: U + 25B3, HTML) kullanmamız öğretildi. -code: & # 9651) boşlukları gösterir.

Set-ExecutionPolicy⌂Unrestricted

Set-ExecutionPolicy△Unrestricted
2

Yukarıda belirtildiği gibi, geleneksel programcının taslağı, eğik çizgi ile kaplanmış küçük bir b harfidir. Bunlar, programlayıcılardan kullanılan programlama diline aşina olmayan ve bu nedenle açık girdi gerektiren anahtar delme operatörlerine geçirilen elle yazılmış kodlama sayfalarında kullanıldı.

Bir web sayfasında bu, sırayla girilerek temsil edilebilir: küçük harf b, -4em kenar boşluğu stili belirten bir span etiketi, eğik çizgi, bir son span etiketi

(Bir CSS sınıfı kullanmak yazmayı kaydeder ve genellikle daha iyi bir uygulamadır).

Ölçü birimi olarak em kullanılması, yazı tipi boyutu değiştirilirse karakterin ölçeklendirilmesine olanak tanır.

0
Chris Beall