質問をすることでしか得られない、回答やアドバイスがある。

15分調べてもわからないことは、質問しよう!

ただいまの
回答率

88.06%

半角スペースや全角スペースが必要なとき、spanで囲んでcssで隙間を開けないといけないのでしょうが、現実どこまでcssでやっていますか?

解決済

回答 6

投稿 編集

  • 評価
  • クリップ 1
  • VIEW 13K+
退会済みユーザー

退会済みユーザー

半角スペースや全角スペースが必要なとき、spanで囲んでcssで隙間を開けないといけないのでしょうが、現実どこまでcssでやっていますか?

特殊文字や全角スペースを使って開けてしまったほうが正直らくですよね。

仕事ではまずいでしょうか?

具体例
斉藤(スペース)隆

CEO:(半スペ)斉藤(スペース)隆

  • 気になる質問をクリップする

    クリップした質問は、後からいつでもマイページで確認できます。

    またクリップした質問に回答があった際、通知やメールを受け取ることができます。

    クリップを取り消します

  • 良い質問の評価を上げる

    以下のような質問は評価を上げましょう

    • 質問内容が明確
    • 自分も答えを知りたい
    • 質問者以外のユーザにも役立つ

    評価が高い質問は、TOPページの「注目」タブのフィードに表示されやすくなります。

    質問の評価を上げたことを取り消します

  • 評価を下げられる数の上限に達しました

    評価を下げることができません

    • 1日5回まで評価を下げられます
    • 1日に1ユーザに対して2回まで評価を下げられます

    質問の評価を下げる

    teratailでは下記のような質問を「具体的に困っていることがない質問」、「サイトポリシーに違反する質問」と定義し、推奨していません。

    • プログラミングに関係のない質問
    • やってほしいことだけを記載した丸投げの質問
    • 問題・課題が含まれていない質問
    • 意図的に内容が抹消された質問
    • 過去に投稿した質問と同じ内容の質問
    • 広告と受け取られるような投稿

    評価が下がると、TOPページの「アクティブ」「注目」タブのフィードに表示されにくくなります。

    質問の評価を下げたことを取り消します

    この機能は開放されていません

    評価を下げる条件を満たしてません

    評価を下げる理由を選択してください

    詳細な説明はこちら

    上記に当てはまらず、質問内容が明確になっていない質問には「情報の追加・修正依頼」機能からコメントをしてください。

    質問の評価を下げる機能の利用条件

    この機能を利用するためには、以下の事項を行う必要があります。

質問への追記・修正、ベストアンサー選択の依頼

  • maru0014

    2016/07/01 17:20

    「半角スペースや全角スペースが必要なとき」がどんな時か具体的に記述下さい

    キャンセル

回答 6

+3

そのスペースの幅でレイアウト調整をするという意味なら仕事であろうがなかろうがまずいと思います。半角は漢字の半分の幅で全角は同じ幅だとは限りません。
そうでなければ文中のスペースは使うべきだと思います。
ただし、行頭行末は削除されるので、そこには気を使わなくてはなりませんが。
あと、このような情報もあります。
  は半角スペースではないというお話

投稿

  • 回答の評価を上げる

    以下のような回答は評価を上げましょう

    • 正しい回答
    • わかりやすい回答
    • ためになる回答

    評価が高い回答ほどページの上位に表示されます。

  • 回答の評価を下げる

    下記のような回答は推奨されていません。

    • 間違っている回答
    • 質問の回答になっていない投稿
    • スパムや攻撃的な表現を用いた投稿

    評価を下げる際はその理由を明確に伝え、適切な回答に修正してもらいましょう。

  • 2016/07/01 17:29

    びっくりしました。みんな使ってますよね。
    半角スペースという意味ではなかったのですね!!

    キャンセル

checkベストアンサー

+2

元々、HTMLとCSSは「構造と表現の分離」を目指して設計されている、という大原則をベースに考えると、

  • 文章やデータとして意味のあるスペースは文字としてのスペース
  • デザイン・レイアウト上の空間調整のためであればCSSによる設定

とすべきではないでしょうか。

 (余談)

また、これを言うと宗教論争が始まりますが、「全角スペース」というのは歴史的経緯で生み出されている悪習のようなものと考えられます。

文字としては「スペース」であり、その幅・表示は「フォント」と考えた方が自然でしょう。
その意味で文章中のスペースは「半角スペース」であるべきでしょう。

ただしその対象の文章が和文で漢字1文字分のスペースが適切である箇所なのであれば <span class="wabunSp">&nbsp;</span> など「(改行を避けたい)スペースを和文向けサイズで表示する」と考えるべきでしょう。

という考え方もあります、というご参考まで。

投稿

編集

  • 回答の評価を上げる

    以下のような回答は評価を上げましょう

    • 正しい回答
    • わかりやすい回答
    • ためになる回答

    評価が高い回答ほどページの上位に表示されます。

  • 回答の評価を下げる

    下記のような回答は推奨されていません。

    • 間違っている回答
    • 質問の回答になっていない投稿
    • スパムや攻撃的な表現を用いた投稿

    評価を下げる際はその理由を明確に伝え、適切な回答に修正してもらいましょう。

  • 2016/07/01 19:11

    >>>
    いいえ、この例こそが「文字としてスペースがある」例です。


    こちらの返答の意味がよくわからなかったのですが、
    名前とみよじはCSSで開けるべきということですね。

    ただ下記だと開けられないので名前をspanで囲んでということですね。
    <span class="staffName">斉藤 隆</span>

    キャンセル

  • 2016/07/01 19:22

    問題に関係ないことですが、少し気になったので。
    みよじではなく「みょうじ」と書いていただけませんか?
    漢字では名字となります。

    キャンセル

  • 2016/07/01 21:17

    そうでしたね。
    すいません

    キャンセル

+2

私はどちらかと言うと発注する側ですが、
表示上のちょっとした空間調整を全角スペースで行いたいという意図のご質問であれば、

プロとして仕事を受けてそんな感じのコーディングで納品されたら今後は永久にCSS/HTMLのコーディングを依頼しない。

程度にはマズイと思っています。

追記
もちろん、自社利用であれば、責任者の好きにすればいいと思います。
ソースを見られて、うわ、ダセえ!と思われても、SEO的に問題が出ても、HTML/CSSの意図や仕様を無視しても気にならない環境というのは存在すると思います。

投稿

編集

  • 回答の評価を上げる

    以下のような回答は評価を上げましょう

    • 正しい回答
    • わかりやすい回答
    • ためになる回答

    評価が高い回答ほどページの上位に表示されます。

  • 回答の評価を下げる

    下記のような回答は推奨されていません。

    • 間違っている回答
    • 質問の回答になっていない投稿
    • スパムや攻撃的な表現を用いた投稿

    評価を下げる際はその理由を明確に伝え、適切な回答に修正してもらいましょう。

  • 2016/07/01 18:03

    あえて別単語にしたい場合は特殊文字で開けて、ひとつの単語として使う場合はspanで開けるべきということですね。

    キャンセル

  • 2016/07/01 18:09 編集

    kaz.Suenagaさんの回答の
    文章やデータとして意味のあるスペースは文字としてのスペース
    デザイン・レイアウト上の空間調整のためであればCSSによる設定
    が私の回答/コメントの意図するところと同じです。

    その意味では
    >あえて別単語にしたい場合は特殊文字で開けてというのは
    今一つピンと来ないのですが、
    >ひとつの単語として使う場合はspanで開けるべきということですね。
    というのは(<span>に限らずCSSでですが)そうだと思います。

    キャンセル

  • 2016/07/01 18:17

    あえて特殊文字で間を開けたいケースが確かに思いつきません。
    99% spanでよいということですね。

    キャンセル

+2

全角スペースを使うことあります
文章の行頭の字下げとか、面倒なのでポチっと置いたりします

レイアウトの調整にスペース文字を使うのはあまりよろしくないですね
(まだNetscapeとかが使われてたころに作ったWebサイトではやっちゃってましたけど・・・)
フォントの種類によって幅が変わりますし、ブラウザ種類によっては解釈が変わってレイアウトが崩れたりするので、対応に手間が増えます

文中の字間を空けるのに使うのもあまりおすすめできません
検索でマッチしない、音声読み上げがまともにできないなどの問題があります

そういった問題にあまりかからない、特に意に介さない、ということなら

投稿

  • 回答の評価を上げる

    以下のような回答は評価を上げましょう

    • 正しい回答
    • わかりやすい回答
    • ためになる回答

    評価が高い回答ほどページの上位に表示されます。

  • 回答の評価を下げる

    下記のような回答は推奨されていません。

    • 間違っている回答
    • 質問の回答になっていない投稿
    • スパムや攻撃的な表現を用いた投稿

    評価を下げる際はその理由を明確に伝え、適切な回答に修正してもらいましょう。

  • 2016/07/01 17:56

    具体例
    斉藤(スペース)隆

    CEO:(半スペ)斉藤(スペース)隆

    上記のようなときは別単語に見えてしまって、音声ブラウザ上もSEO上も問題があるのでspanで対応すべきなのですね。
    ただし下記のような文章のはじめを一文字インデントするときは使ってもOKということですね。
     ああああああああ
    あああああああああ

    キャンセル

  • 2016/07/01 18:31

    その例でSPANタグを入れてスペース調整するのはやりすぎでしょうね
    「CEO:」「斉藤」「隆」この3つはそれぞれ意味のある語になっているので、検索でも音声でも困らないと思います
    表現上どうしても「C(半スペ)E(半スペ)O(半スペ):(スペース)斉(スペース)藤(スペース)隆」こんな感じにする必要性があるなら、スタイルシートで調整した方がよいでしょうね

    文章のインデントについては私はぜんぜんかまわないと思ってますけど、text-indent を使ってある方がスマートだとも思います

    キャンセル

+1

アバウトな基準として、「文章と関係ないところにスペースを入れる」とか「複数連続してスペースを入れる」というような場合は、基本的に泥臭い技になってしまうので、避けたほうがいいでしょう。

姓名の間のスペースや、単語の区切りに入れるスペースまでタグで書くのは、逆にやり過ぎです。

投稿

  • 回答の評価を上げる

    以下のような回答は評価を上げましょう

    • 正しい回答
    • わかりやすい回答
    • ためになる回答

    評価が高い回答ほどページの上位に表示されます。

  • 回答の評価を下げる

    下記のような回答は推奨されていません。

    • 間違っている回答
    • 質問の回答になっていない投稿
    • スパムや攻撃的な表現を用いた投稿

    評価を下げる際はその理由を明確に伝え、適切な回答に修正してもらいましょう。

  • 2016/07/01 17:58

    具体例
    斉藤(スペース)隆

    CEO:(半スペ)斉藤(スペース)隆

    上記のようなときは使ってもよいということでしょうか?

    キャンセル

0

特殊文字でスペースあけることありますよ。

投稿

  • 回答の評価を上げる

    以下のような回答は評価を上げましょう

    • 正しい回答
    • わかりやすい回答
    • ためになる回答

    評価が高い回答ほどページの上位に表示されます。

  • 回答の評価を下げる

    下記のような回答は推奨されていません。

    • 間違っている回答
    • 質問の回答になっていない投稿
    • スパムや攻撃的な表現を用いた投稿

    評価を下げる際はその理由を明確に伝え、適切な回答に修正してもらいましょう。

  • 2016/07/01 17:31

    仕事でも使うということですね。
    ただ&nbsp; は半角スペースという意味ではないらしいですよ。

    キャンセル

  • 2016/07/01 20:20

    うん知ってる

    キャンセル

15分調べてもわからないことは、teratailで質問しよう!

  • ただいまの回答率 88.06%
  • 質問をまとめることで、思考を整理して素早く解決
  • テンプレート機能で、簡単に質問をまとめられる

関連した質問

同じタグがついた質問を見る

  • トップ
  • HTMLに関する質問
  • 半角スペースや全角スペースが必要なとき、spanで囲んでcssで隙間を開けないといけないのでしょうが、現実どこまでcssでやっていますか?