空白文字を表示するにはどうすればよいですか?

私が書いているWebアプリは、従来のキーボードで見つかった個々の文字を選び出します。文字を表示できる領域は非常に限られています(基本的には、使用しているフォントのW文字の幅です)は、「スペース」または「空白スペース」という単語を表示できないことを意味します。

空白スペース文字を最適に表示するにはどうすればよいですか?

いくつかのオプションを試しましたが、これらが混乱につながるかどうかはわかりません:

  • 例1 下線を使用します。これは、下線文字に少し似すぎています。
  • 例2 スペース記号(␠(␠))。探し始めるまで、これが存在することすら知りませんでした。この質問への回答を自分で求めているので、これが広く認識されているかどうかはわかりません。
  • 例2 異なる色のかすかな下の境界線。
  • 例3 ブロック文字(█(█))端末でカーソルを表すために使用されるものと同様です。
  • 例4 スタイルが適用されていない空白スペース。

これは純粋に表示目的であることに注意してください。ユーザーは、ページを読んでいるときに文字を確認する以外に、文字と対話することはありません(したがって、スペースバーを表すために使用できる文字については質問しません)。

コメント

  • 関連性の高い質問:真ん中のドットスペースを表す最良の方法は?
  • すべての文字が視覚的に分離されますか?つまり、それらはすべて、キャラクターがいる別々のボックスですか?もしそうなら、私は’ dはスタイルを使用しません。ただし、1つのボックスが空であることが他の何かを意味する(入力がないなど)理由がない限り。
  • @ JamesDonnelly実際、私は’真ん中の点を示唆していませんでした。おそらく、私の答えに直接リンクする必要がありました。ここでは、middotは最高の文字ではないと言い、”アンダーブラケットまたはBenが以下に示す空白インジケータブラケット。
  • の重複の可能性スペースバーを表すために使用できる文字は何ですか?
  • これは重複しているとは思いません。提案された複製は、物理的スペースバーの使用をどのように表現するかを尋ねています。この質問は、空白/スペース文字を視覚的に表現する方法を尋ねています。

回答

中断

邪魔にならず、ほとんど目立たない。そして、それに精通しているWordユーザーはそれを簡単に認識できるので、外部の一貫性があります。

コメントに基づいて、この回答を編集して、テキスト間の違いを生成するために必要であることに注意しました。中黒なので、少し大きいフォントサイズを使用し、色を黒から水色に変更したので、目立たなくなりました。また、これを文字として使用する言語(カタロニア語など)もあります。

この文字は、コンピューター時代以前から使用されていることに注意してください(ラテン語で使用されていました)。

コメント

  • プログラミング中心のテキストエディタの多くは、色あせた色ではありますが、末尾の空白にもこれを使用しています。
  • これがNotepad ++です。目に見えない文字を表示するように要求するときに使用します(ピルクロウボタン)。
  • 私も中黒を楽しんでいますが、Woodrowが指摘しているように、色あせた色は目立たないようにします。白地に黒のテキストの例では、かなり目立たないと思います。
  • テキスト内では、これは非常にうまく機能しますが、スタンドアロンキーでは、それほど明確かどうかはわかりません。
  • @agweberpoingに追加します。一部の言語ではこの記号を文法の一部として使用するため、色あせも重要です(例:カタロニア語; il · lusi ó)。

回答

私の行き先は常に空白でした、␣(␣)または下括弧文字⎵(⎵)、幅が広い。こちらの w3.org で確認できます。私はプログラミングコースでアンダーブラケットをたくさん使って、プログラム出力のスペースを示しました。

たとえば、These␣do␣a␣pretty␣good␣job␣of␣conveying␣a␣spaceは次のようになります。

空白の例

ユニコードグリフを実装するフォントを使用して、ユーザーのシステムにユニコードグリフがない場合でも壊れないようにしてください。そうしないと、次のようになります。

グリフを含まないフォントの例] 2

コメント

  • これらの█do█not█do█a█pretty█good█job█of█conveying█a█space。 imgur.com/Uj8fZeKl.png 。ユーザーの’システムに存在しない可能性のある文字を使用しないように注意してください。これは、実際にはWebアプリです。このルートを使用する場合は、アプリにフォントを含めてください。
  • @Tyzoid確かに! ‘ユニコードを使用する場合は、’使用しているフォントがそれらのグリフを実装していることを確認してください。そうは言っても、’ユーザーを期待するのが不合理であるかどうかはわかりません’ ‘すべてのUnicode記号を実装するフォントを持つシステム。たとえば、私のシステムはSTIXGeneralからこれらのグリフを提供しています。
  • @Benほとんどの場合に当てはまるかもしれませんが、ユーザーを想定するのは無理だと思います’システムでは、すべてのUnicode記号を使用できます。あなたの答えのスクリーンショットによって証明されるように、私のものは’しません。 (また、私のような人々のために、テキストがどのように表示されるかのスクリーンショットを含めることができますか?)
  • これの他の利点は、複数のスペース文字が連続している場所を確認できることです。 。つまり、ここには4つの文字があります:⎵⎵⎵⎵とここに3つ:⎵⎵⎵、ここよりもはるかに簡単です:____ vs. ___
  • これらは’ SEandroidアプリに表示されません。

回答

短い回答

キーボードのスペースバーを表すには、U + 23B5下部角かっこ(通常⎵太字等幅)。別の方法として、U + 2423オープンボックス(␣)。 HTMLパーレスでは、それぞれ⎵&blankです。テキスト内のスペースを表すには、代わりに中黒、U + 2E31ワードセパレータミドルドット(⸱)またはU + 00B7ミドルドット(・)を使用します。

繰り返しやその他の句読点:

  • U + 2E31:⸱⸱⸱⸱4つの⸱スペース⸱前、⸱今⸱⸱2、⸱1⸱で⸱終わり。⸱
  • U + 00B7:····4つのスペース・before、・now··two、・one・at・end。・
  • U + 23B5:⎵⎵⎵⎵4つの⎵スペース⎵before、⎵now⎵⎵two、⎵one⎵at⎵end 。より良い:
    • 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.␣

    長い答え

    スペースバーの場合、U + 23B5下部角括弧、HTML ⎵)が最適です。これは、携帯電話のキーボードや仮想キーボードで使用されている記号ですが、フォントの適用範囲が狭くなっています。U+ 2423オープンボックス、HTML &blank(␣)のサポートが強化され、他のキーボードとの見栄えが向上句読点ですが、単独では醜いです:

    テキスト内のスペースの視覚的表現はより多様な獣です。コンソールの昔は、マニュアルはスペースをbとスラッシュ(/)の組み合わせとして表現していました。そのためのUnicode、Uがあります。 +2422空白記号(␢)、ただしほとんどのフォントで以前の表現と同じ影響はありません。ただし、古い外観または新しい外観はあまり役に立ちません。オーバーレイを使用して古い方法とU + 2422を直接シミュレートします:

    • U + 0338:Thisb̷dob̷notb̷dob̷ab̷prettyb̷goodb̷jobb̷ofb̷conveyingb̷ab̷space。

    • U + 2422:これら␢do␢not␢do␢a␢pretty ␢a␢スペース。

    最新のソリューションは、U + 2E31ワードセパレータミドルドット(⸱)またはU + 00B7ミドルを使用することです。ドット(・)。 1つ目は推奨され、2つ目は幅広いフォントをサポートします。

    例:

    • 表示スペースの⸱かなり⸱良い⸱仕事⸱。 (U + 2E31)
    • A・pretty・good・job・of・displaying・spaces。 (U + 00B7)
    • A⸱pretty⸱good⸱job⸱of⸱displaying⸱a⸱space.(U + 2E31等幅)
    • A·pretty·good·job·of·displaying·spaces.(U + 00B7等幅)

    履歴メモ、使用法、その他の選択肢については、

    および https://en.wikipedia.org/wiki/Whitespace_character (概要/定義およびあいまいさ/ Unicode /代替)。


    私が正しく理解していれば、アプリケーションはテキストをキーストローク(またはテキストと特殊キー)として表示しています。その場合、U-2423の場合:

    • A p r e t t y g o o d j o b o f d i s p l a y i n g k e s .

    • A pretty good job of キーの表示。

    U-23B5の場合:

    • A p r e t t y g o o d j o b o f d i s p l a y i n g k e y s .

    • A かなり良いジョブ 表示キー。


    一部のモノスペースフォントでは、「幅の異なるグリフ!

    コメント

    • 他のいくつかの回答に見られるように、 U +2422空白の記号があります。
    • ありがとう、編集しましたそれに言及する。 ” b slash “(または”の新しいレンダリングのため、これは以前は見つかりませんでしたb solidus “)は、タイプライターの時代のようなものではありません。
    • Lucida Sans Unicode (fileformat.infoにリストされているフォントの)があなたの期待に最もよく一致すると思います。
    • PS:U + 2E31は意味的には問題ありませんが、サポートが不十分であり、(サポートされている場合は)通常はU + 00B7と同じように見えます。これは、改行動作があまり望ましくない場合がありますが、世界中で利用できます。 U + 2027も同じように見えますが(おそらく少し高い位置にあります)、その周りの単語を結合しているため、仕事には間違った文字です。辞書用です。 U + 2024/5は、ベースライン上の1つのと2つのドットであり、幅広いU + 2026

または標準期間U + 002E。

回答

使用できますか色?ウィキペディアでは、水色のボックスを使用して文字を表示しています。

ここに画像の説明を入力してください

ただし、2色に制限されている場合は、次のことをお勧めします。

  • ˽⎵⎴-ボタンを表すためにレターシェルフ、アンダーブラケット、またはオーバーブラケットを変更する
  • ⬚◌-空を表す点線の円または正方形
  • 👽👾🚀-コメディオプション。

コメント

  • わからない💩これ💩は💩a💩良い💩アイデアです。
  • @PierreArlaud私は’そのたわごとについても言及しませんでした。
  • @PierreArlaudあなたのアイデアはがらくたでいっぱいです!’を読んだとき、私たちは💩プロデューサーを笑い飛ばしました。
  • 色を使用すると、’連続する単語が複数ある場合に、単語間のスペースの数を簡単に示すことができません

回答

&空白; ␣

ウィキペディアには、この目的のために次の文字がリストされています。

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 “の作成者)にはウェブサイトの内容:

表示スペース

使用できるグラフィック文字がいくつかありますスペースのシンボル。目に見えるスペースと呼ばれることもありますが、スペースではなく、取扱説明書やテキストの説明でスペースの外観を示すために使用される目に見える表記です。

次の表に、実用上の有用性の高い順にいくつかの記号を示します。 。それらの形状はフォントによって異なります。特に最後のものは大きく異なります。

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

記号␢には長い歴史があります初期のコンピュータプログラミングでこの目的のために使用されます。プログラマーがコーディングシートに手書きして、パンチカードマシンのオペレーター(タイピングプールのようなもの)にスペース文字を示しました。

␣&空白;特に、そのような明らかに関連性のある名前のHTMLエンティティがあるためです。

コメント

  • スペースを表示するための記号がある場合、スペース記号を表示しますか?

回答

常に等幅フォントを使用でき、スペースは次のように示されます。 charサイズのギャップ:)。すべてのスペースを強調表示し(例:<mark>&nbsp;</mark>)、適切な色にするためにいくつかのCSSルールを設定できます。

回答

このページのURLを見てください。タイトルの単語の間のスペースはダッシュに置き換えられます。直感的で読みやすく、なじみがあります。

コメント

  • 問題は、 --のようになります!
  • これらはハイフンです(U + 2011)。ダッシュは(en dash、U + 2013)および(em dash U + 2014)です。 。また、一部のURLはプラス記号+(U + 002B)を使用しますが、他のURLはわかりやすく%20と記述します(U +0020はスペースのUnicode文字)。これはパーセントエンコーディングと呼ばれ、URIセットの一部です。

回答

私は Eclipse の空白文字に慣れています。これは、コードフォーマットのコンテキストで空白を表示するために使用されます。

  • スペース:U + 00B7「中央のドット」:・
  • タブ:U + 2192「右向き矢印」:→

可能であれば、空白文字を表示します通常のテキストよりも明るい色で表示すると、これらが空白文字であることを強調できます。たとえば、通常のテキストが黒の場合は、灰色を使用します。

コメント

  • スペースには真ん中のドットが最適ですが、タブには必要です。ほとんどの等幅フォントで複数の列。タブを表示するためにvimの中央のドットと組み合わせることができる黒い右向きの小さな三角形(U + 25B8)が好きです。

回答

ここニュージーランドの大学でテクニカルライティングを学んでいたとき、家の使い方を教えられました(Unicode番号:U + 2302、HTMLコード:&#8962)またはアップトライアングル(Unicode番号:U + 25B3、HTMLコード:&#9651)でスペースを示します。

Set-ExecutionPolicy⌂Unrestricted Set-ExecutionPolicy△Unrestricted 

コメント

  • ええと…そこにスペースを見つけるのに本当に苦労しています。文字に似すぎているので、単語を2回読んで、適切な場所で単語を分割する必要があります…
  • @Falco、そうです。選択した書体によって異なります。 。
  • 列区切り記号(またはタビュレーター)の表示に使用されているのを見ましたが、通常の単語間スペースには使用されていません。

回答

前述のように、従来のプログラマーの空白は小文字のbであり、スラッシュがオーバーレイされています。これらは、プログラマーからに渡される手書きのコーディングシートで使用されていました。使用されているプログラミング言語に慣れていないため、明確な入力が必要なキーパンチ演算子。

Webページでは、小文字のb、aを指定するスパンタグを順番に入力することで表すことができます。 -.4emのmargin-leftスタイル、スラッシュ、終了スパンタグ

(CSSクラスを使用すると入力が節約されるため、通常はより適切な方法です)。

emを測定ユニットは、foがntサイズが変更されました。

回答

これが優れているとは言いませんが、使用できるアプローチです。画面(印刷されない)に文字(画像ではない)として表示される:必要に応じてスペースを入れて実際の文字列を使用し、カーソルを文字列に置き、矢印キーを使用して移動およびカウントするようにユーザーに指示します。スペース(一部の文字列をチェックして長さを数えるときにリーダーとしてこれを行います)。これには、文字列をコピーして貼り付けることができ、文字のレンダリングや文字セットのサポートの問題を回避できるという利点があります。

例: :

この例のように、日付は複数のスペースで入力できます。この例では、各要素の間に2つのスペースがあります「25Dec2016」。カーソルを上に置きます。文字列を入力し、左右の矢印キーを使用して探索します。これをコピーしてプログラムに貼り付けることができます。

(注:このサイトは置き換えられます皮肉なことに、1つのスペースで複数のスペースが入力された彼の例はここでは機能しません。言ったところに2つの連続したスペースを入力しました。)

コメントを残す

メールアドレスが公開されることはありません。 * が付いている欄は必須項目です