• ベストアンサー

HTMLでの全角スペース

 テキストの行頭をインデントする際には、全角スペースを挿入するのが一般的だが、ブラウザによっては全角スペースは無視される(W3Cの仕様書上は、無視するのが正しい表示)ので、… 引用…「伝わるWeb文章デザイン100の法則」 ブラウザに無視されない全角(2バイト)スペース / 空白というものは存在するのでしょうか?

  • tnews
  • お礼率25% (3/12)
  • HTML
  • 回答数4
  • ありがとう数5

質問者が選んだベストアンサー

  • ベストアンサー
回答No.4

日本語組版で段落の頭を一文字分下げることが多いのは知ってます が、空白文字を追加するのはおかしいです。あくまでも「一文字分 下げる」べきです。「日本語の文章は空白文字から始まる」のでは ないことに注目して下さい。 というわけでdezimacさんと同様、スタイルシートで段落のテキスト インデントを指定するのに一票。

その他の回答 (3)

  • torayoshi
  • ベストアンサー率62% (910/1449)
回答No.3

2バイトフォント相当の空白だと、「 」がありますが、 でもこれだとブラウザに依存するかも。 IEやFirefoxあたりならOKですが、世の中のすべてのブラウザでとなるとどうでしょうかね…

  • dezimac
  • ベストアンサー率56% (2365/4208)
回答No.2

インデントするなら、スタイルシートで可能です。 <style> <!-- p { margin: 0px; text-indent: 1em; } --> </style> <p>行等1文字下げ</p> スタイルシート無効にしていたり、スタイルシートの解釈が無茶苦茶な古いブラウザでは通用しませんけど。

tnews
質問者

お礼

ありがとうございます。 僕は修飾としての空白ではなく、文字としても空白なのでCSSで指定する必要はないと思います。CSSでインデントされていると、引用で利用するときなど不便ですし…。 #nbsp;1バイト空白みたいな、ものはないかな?

  • aoi0101
  • ベストアンサー率39% (49/123)
回答No.1

1ドットの透過画像を用意して、空白にしたい分だけピクセル指定で使う・・・という手もありますよ。 ご参考にしてください。

tnews
質問者

お礼

ありがとうございます。 その方法はアクセシビティ、SEO上よくないのでは? 文字が可変なのに、スペースが固定でしかも画像は…。

関連するQ&A

  • 全角スペースを表示する方法

    XHTML、HTMLは全角のスペースを無視することがW3Cで決められていると、本で見ました。 全角スペースは&emsp;にしたのですが、Internet Explorer 6では、タイトルバーに題名(title)が表示されなくなり、Mozilla Firefox 1.5ではタブに全角スペースが?となり、うまく表示されません。 MSN JapanやSo-netのウェブサイトは全角スペースをそのまま入れていることは互換性上のことなのでしょうか。全角スペースを無視するウェブブラウザがあると書いてあったので、どっちにすればいいか困ります。なにかいい方法はないでしょうか。 ご回答お願いします。

    • ベストアンサー
    • HTML
  • HTMLファイルのテキストにスペースを入れる

    HTMLタグでホームページを作成しています。 スペースを入れる時は全角でしかできないんですよね? 半角のスペースは入れられないのでしょうか? それとスペースの部分は空白になってしまうのでわかりづらいです。ここにはスペースが挿入されているという事をわかりやすくできないものでしょうか?

    • ベストアンサー
    • HTML
  • テキストエディタとHTML

     こんにちは。テキストエディタのTeraPadを使っています。これでHTMLを編集するとき、pタグを使うときなのですが、ソースを見やすくするために文章の行頭を揃えるためにTABを挿入しているのですが、そうすると、ブラウザで表示したとき、TABを挟んだ文字間に半角スペースのようなスペースが入っているように表示されてしまいます。  このスペースが入っているように表示されるのを、表示されないように、つまり、文字間を詰めて表示するためにはどうしたらよいでしょうか。  よろしくお願い致します。

  • Word行頭のスペースについて

    Wordを使ってテープ起こしの仕事をしています。 行末から、次の行頭にかけて、聞き取れなかった分だけの長さのスペースを入れたいのですが、どうやら“行頭にスペースが入ってはダメ”という禁則処理のようなものが効いているもよう。 カーソルが行移行するとき(“Enter”による改行はしない)、行頭に空白が来るべきところなのに、余白を無視するかたちで右へカーソルが動いていきます。 そして、もちろん行頭には、一見、スペースはナシ。 ただし、実は隠れスペースが行末にあるという。 この機能を使わず、行頭にもスペースが来るようにするには、どんな書式設定をすればよいでしょうか? ちなみに、Wordのバージョンは2000です。 OSは(関係ないかもしれないですが)XPです。 よろしくお願いします。

  • テキストの冒頭と末尾にスペースを一括して入れる

    テキストの冒頭と末尾にスペースを一括して入れるソフトがあったのですが、名前を忘れてしまいました。 ・・・LINE という名前だったような気がするのですが、どうしても見当たりません。ご存知の方がいましたら、ご教授いただけると助かります。 非常に簡単なソフトで、ウィンドウに文章をペーストして、行頭スペース、行末スペースなど、ボタンひとつで挿入可能です。

  • 返信メールの青い線は消えませんか?

    office Outlook 2003 です。メール形式をHTML形式にしてます。 一定の所からのメールだけはテキスト形式で受信されてメールの返信は、元のメールの行頭にインデント記号を挿入する。になってます。記号は>です。でもこの設定だと、他のHTML形式で受信したメールの返信が、行頭にブルーの線が入って、それが、こちらが返信で打つメールの行頭にも残って、どっちが元のメールか返信メールか解かりにくいのです。テキスト形式みたいに元のメールだけに、ブルーの線は残せないのですか? これが駄目なら、テキスト形式だけ、行頭にインデントを挿入できればいいのですが。。

  • HTMLで受信したものにHTMLで返信する場合に「>」を付けたい。

    OE6.0を使用しております。 最近、友人達と動く顔文字なんかを挿入してやり取りするのが流行りだしたので、仕方なくHTML形式でメールを書く様になりました。 インデントして返信する際、一旦テキスト形式に切り替えれば、ダイナリ記号「>」を付けて返信できるのですが、相手の文面に挿入している動く顔文字が消されてしまいます。 HTMLのまま、返信すれば可能ですが、インデント部分が例の縦筋なんで、いまいちです。 これは、このソフトの仕様によるものなんで仕方ないと思います。 そこで、ダイナリ記号で返信できるようになる、 フリーソフトみたいなものをご存知の方はいらっしゃいますでしょうか?

  • エクセルですべての列に半角スペースを挿入したい場合

    エクセルですべての列の文字の先頭に半角スペース(空白)を挿入したい場合どうしたらよいのでしょうか? 例 あいうえお かきくけこ さしすせそ ↓ ■あいうえお ■かきくけこ ■さしすせそ ■は半角スペース(空白)です みたいな感じです ちなみに表示1文字ずらす方法 [セルの書式設定]→[配置]タブ→文字の配置の「インデント」 ではありませんのでよろしくお願い致しますm(__)m

  • 秀丸を利用して、空白から空白の間で、正規表現を使う

    秀丸を利用して、空白から空白の間で、正規表現を使いたいのですが、 やりかたが分かりません。 ^半角スペース.+?半角スペース と思ったのですが、違いました。 正規表現を使いたいところは、 こんな感じになってます。 謎の空白 半角空白 文字列 謎の空白 半角空白 (行頭からここの文字列の前だけ切りたい)  謎の空白 半角空白 文字列 謎の空白 半角空白 (行頭からここの文字列の前だけ切りたい)          : てっきり、全角空白かと思い、記号表示させてみたけど、違いました。 次に、タブかな、と思い、記号表示させてみたけど、違いました。 空白って、全角と半角とタブしか思いつかないのですが、 それ以外に何かあるのでしょうか? また、それは、正規表現で、どう扱うのでしょうか?

  • 2バイト文字のスペースをあるかチェックしたい

    フォームcgiからの内容に2バイトのスペース(空白)「 」が入っているかのチェックをしたいのですが うまくいきません。 &amp;emsp;を入れてみたのですが、違うようでした。 (ここから) if($in{'comment'} !~ /(&amp;emsp;)/){ $error_msg .= "愛犬の好きな食材を2つの間が全角スペースではありません。<br>"; } (ここまで) これ以上手詰まりとなってしまいました。

専門家に質問してみよう