HTMLでの全角スペース

解決済

  • 質問者：tnews
  • 質問日時：2007/09/12 22:25
  • 回答数：4件

　テキストの行頭をインデントする際には、全角スペースを挿入するのが一般的だが、ブラウザによっては全角スペースは無視される(W3Cの仕様書上は、無視するのが正しい表示)ので、…

引用…「伝わるWeb文章デザイン100の法則」

ブラウザに無視されない全角(2バイト)スペース / 空白というものは存在するのでしょうか?

通報する

この質問への回答は締め切られました。

質問の本文を隠す

このQ&Aに関連する最新のQ&A

「バイト Web」に関するQ&A： バイト web応募

さらに表示

「フォント スタイルシート」に関するQ&A： スタイルシートのフォントの変更について

A 回答 (4件)

No.4ベストアンサー

日本語組版で段落の頭を一文字分下げることが多いのは知ってます


が、空白文字を追加するのはおかしいです。あくまでも「一文字分
下げる」べきです。「日本語の文章は空白文字から始まる」のでは
ないことに注目して下さい。

というわけでdezimacさんと同様、スタイルシートで段落のテキスト
インデントを指定するのに一票。
    • good
    • 0
    • 件
通報する

No.3

  • 回答者： torayoshi
  • 回答日時：2007/09/13 00:04

2バイトフォント相当の空白だと、「 」がありますが、


でもこれだとブラウザに依存するかも。
IEやFirefoxあたりならOKですが、世の中のすべてのブラウザでとなるとどうでしょうかね…
    • good
    • 0
    • 件
通報する

No.2

  • 回答者： dezimac
  • 回答日時：2007/09/12 23:18

インデントするなら、スタイルシートで可能です。


<style>
<!--
p {
margin: 0px;
text-indent: 1em;
}
-->
</style>

<p>行等1文字下げ</p>


スタイルシート無効にしていたり、スタイルシートの解釈が無茶苦茶な古いブラウザでは通用しませんけど。
    • good
    • 0
    • 件
通報する
この回答へのお礼

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

通報する
お礼日時：2007/09/12 23:46

No.1

  • 回答者： aoi0101
  • 回答日時：2007/09/12 22:41

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


ご参考にしてください。
    • good
    • 0
    • 件
通報する
この回答へのお礼

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

通報する
お礼日時：2007/09/12 22:47

このQ&Aに関連する人気のQ&A

「バイト Web」に関するQ&A： ５５歳女性です。パートはみつかりますか？

さらに表示

「フォント スタイルシート」に関するQ&A： ホームページ上の文字が重なって表示されちゃう

お探しのQ&Aが見つからない時は、教えて!gooで質問しましょう！

Q質問する（無料）

このQ&Aを見た人はこんなQ&Aも見ています

関連するQ&A

関連するカテゴリからQ&Aを探す

専門家回答数ランキング

専門家

※過去一週間分の回答数ランキングです。

Q質問する（無料）

他の専門家の回答をチェック

このQ&Aを見た人が検索しているワード

このQ&Aと関連する良く見られている質問

Q半角カナを全角カナに変換したい

表題の通りです。
先輩から引き継いだエクセルのデータが、全角カナと半角カナとの両方を、使い分けなどではなく使用しているものだったので、半角カナを全部、全角カナに変換したいと考えています。
置換機能で50音全部を置換するのは大変ですので、一度に変換する良い方法があれば教えてください。
また、全角アルファベットを、普通の英字（半角アルファベット？）にも変換したいと思っています。

Aベストアンサー

=JIS(セル番地)
で全角に
=ASC(セル番地)
で半角になります。

他の回答も見る

QHTML テキスト表示のTabやスペースの扱い

データベースからstringデータを読み込んできた際、改行、スペース、Tabスペースの扱いに困っています。

改行は文字変換で</br>に
半角スペースも文字変換でに

といった対応で表示することで空白と改行に対応しました。
しかし、Tabによってできる空白は一定でないため上手くそろえることができません。

HTMのテキストの改行、半角スペース、Tabスペースへの対応どのように行えばいいのか教えてください。

Aベストアンサー

素直に
テキストをHTML特殊文字だけエスケープして <pre> で囲む
が一番かと

他の回答も見る

Q全角半角変換　C++/CLI

C++/CLI(VC++2008)　で
（１）たとえば　東京bay　を　東京ｂａｙ　にという風に全角半角混在の文字列のなかの半角文字を全角文字に変換するにはどうすればよろしいでしょうか
（２）全角半角混在の文字列のなかの全角文字を半角文字に変換するにはどうすればよろしいでしょうか
　

Aベストアンサー

1. VBのStrConvを使う。

#using "Microsoft.VisualBasic.dll"
using namespace Microsoft::VisualBasic;

String^ s1 = L"東京bay";
// 全角文字へ
String^ s2 = Strings::StrConv(s1, VbStrConv::Wide, 0);
// 半角文字へ
String^ s3 = Strings::StrConv(s2, VbStrConv::Narrow, 0);


2. Win32 API LCMapStringを使う。

#include "windows.h"
#include "vcclr.h"
#pragma comment(lib, "kernel32.lib")

String^ s1 = L"東京bay";
pin_ptr<const wchar_t> p1 = PtrToStringChars(s1);

array<wchar_t>^ b2 = gcnew array<wchar_t>(s1->Length + 1);
pin_ptr<wchar_t> p2 = &b2[0];
::LCMapStringW(LOCALE_USER_DEFAULT, LCMAP_FULLWIDTH, p1, -1, p2, b2->Length);
String^ s2 = gcnew String(p2);

array<wchar_t>^ b3 = gcnew array<wchar_t>(s1->Length + 1);
pin_ptr<wchar_t> p3 = &b3[0];
::LCMapStringW(LOCALE_USER_DEFAULT, LCMAP_HALFWIDTH, p2, -1, p3, b3->Length);
String^ s3 = gcnew String(p3);

1. VBのStrConvを使う。

#using "Microsoft.VisualBasic.dll"
using namespace Microsoft::VisualBasic;

String^ s1 = L"東京bay";
// 全角文字へ
String^ s2 = Strings::StrConv(s1, VbStrConv::Wide, 0);
// 半角文字へ
String^ s3 = Strings::StrConv(s2, VbStrConv::Narrow, 0);


2. Win32 API LCMapStringを使う。

#include "windows.h"
#include "vcclr.h"
#pragma comment(lib, "kernel32.lib")

String^ s1 = L"東京bay";
pin_ptr<const wchar_t> p1 = PtrToStringChars(s1);

a...続きを読む

他の回答も見る

Q行頭から全角で３文字位さげたいのですが・・・

行頭から文字3文字分あけてから文字を打つスペースを空けるタグを教えて頂けますでしょうか？
宜しくお願いいたします。

Aベストアンサー

いろいろ方法はありますが・・・。
・IEの場合は、日本語全角文字でスペースを3つ空けてからhtml文章を書くだけで、スペースできます。ただし、他のブラウザでそれが対象になっていない場合は、画面崩れおきます。
・先の回答にあるように、スペースタグを入れる。
・スタイルシートで設定する。
<div style="text-indent:3em"></div>
で指定すると、文章の一番初めだけ、スペースが3文字分空きます。ただし、二行目に行く場合や、<br>で改行した次の行は、3文字分空きません。
<div style="margin-left:3em"></div>
で指定すると、DIVで囲まれた部分は全て、左3文字分のスペース（マージン）が取られます。

文全体を下げる場合は、3文字分、にこだわらないのであれば、<blockquote></blockquote>で段落を作るのがのが一番早いと思いますが・・・。

他の回答も見る

Qワードで数字の全角を半角に（カタカナは全角のままで）変換するには？

ワードに100ページの文章があります。全角数字が散在しています。全角数字を半角に直したく、半角操作をかけるとカタカナも半角に変換されてしまいます。数字だけ変換されるようにするには、どのようにしたらいいのでしょうか。ワードの、書式メニュー→文字種の変換→半角、で操作をおこないました。

Aベストアンサー

メニューの[編集]→[検索]又は[Ctrl+F]で検索タブが開きます。

[検索する文字列]に[０-９]
(０、９、は全角。[ ]、-、は半角)

[見つかったすべての項目を強調表示する]にチェックを入れます。

[オプション]ボタンを押し[検索オプション]が開きます。
[ワイルドカードを使用する]にチェックを入れると[あいまい検索]のチェックが外れます。

[すべて検索]ボタンを押して、文書の中の全角数字の全てが選択状態になったら、
メニューの[書式]→[文字種の変換]→[半角]を選択します。

他の回答も見る

QHTMLファイルのテキストにスペースを入れる

HTMLタグでホームページを作成しています。
スペースを入れる時は全角でしかできないんですよね？
半角のスペースは入れられないのでしょうか？

それとスペースの部分は空白になってしまうのでわかりづらいです。ここにはスペースが挿入されているという事をわかりやすくできないものでしょうか？

Aベストアンサー

行頭以外で半角スペース1つなら、半角スペース1つに表示されるはずです。半角スペースを複数個書いても1つに縮まります。行頭のスペースが無くなるのも行末文字もスペース扱いされるからです。

半角スペースを複数個入れたいなら、#1の書かれたとおりをその数だけ並べればいいですが、フォントによっては空白の個数が分かりにくいので、<TT> と </TT>で囲むと等幅フォントになるので空白が見やすくなります。
このほかに、<PRE> と </PRE> で囲むというのもありますね。

＞それとスペースの部分は空白になってしまうのでわかりづらいです。ここにはスペースが挿入されているという事をわかりやすくできないものでしょうか？

日本語ページの場合、□(四角)を書いて、注意書きでこれは半角スペース1個を表すと書くというのもあるでしょう。

他の回答も見る

Qキーボードでの「英数（全角/半角）」変換

　言語変換関係の質問は、「言語バー」「キーボード」関係で、多数あるのですが、どれが自分の探している症状なのか分からないので、新しく質問します。
　ＰＣはＳＯＴＥＣのＷＶ２１５０Ｃで、ＯＳはＷｉｎｄｏｗｓＸＰで、ローマ字入力しています。
　キーボードによる、「英字和字」変換と、「英字の全角・半角」変換が、自分の意図しない変換に、どういうわけか、時々変わってしまいます。言語バーをマウスでクリックするのは面倒なので、キーボードで操作したいのですが、それが、コントロール不能になってしまうわけです。
　具体的には、まず「英字の全角」と「和字の全角」の相互変換ですが、うまくいっているときは、通常和字にしているときキーボードの「英数・CapsLock」を押すだけで「英字全角」に変換できます。また押せば、元に戻せます。しかし、何かの拍子で、このキーを押すと、「英字の半角」になってしまい、どうしても「英字の全角」になりません。しかし、時間が経って、いつのまにか、相互変換できるように戻っていることもしばしばです。
　「英字の半角」はキーボード上部の「半角/全角」キーで「英字半角」と「和字全角」とが相互変換できるので、「英数・CapsLock」キーでは、「和字全角」と「英字全角」の相互変換を維持したいわけです。というより、このキーの操作を、どちらも使えるよう、自分でコントロールしたいわけです。
　自分でコントロールするためには、「英数・CapsLock」キーを押すと、何かの拍子で、「英字全角」になったり「英字半角」になったりする、その「何かの拍子」が分かればいいと思うのですが、それが、分かりません。
　ＰＣの種類によって、キーボード操作は違うのかもしれませんが、一つ、よろしくお願いいたします。

　言語変換関係の質問は、「言語バー」「キーボード」関係で、多数あるのですが、どれが自分の探している症状なのか分からないので、新しく質問します。
　ＰＣはＳＯＴＥＣのＷＶ２１５０Ｃで、ＯＳはＷｉｎｄｏｗｓＸＰで、ローマ字入力しています。
　キーボードによる、「英字和字」変換と、「英字の全角・半角」変換が、自分の意図しない変換に、どういうわけか、時々変わってしまいます。言語バーをマウスでクリックするのは面倒なので、キーボードで操作したいのですが、それが、コントロール不能になっ...続きを読む

Aベストアンサー

＃２です。

質問者さんの使用法なら、必要はないでしょうが、
　>このキーの操作を、どちらも使えるよう、自分でコントロールしたい
ということなので、補足しておきます。

「全角英数」／「半角英数」を基本設定の優先順位と逆のほうにしたいときは、[Caps Lock]の後、[Shift]+[無変換]で行えます。

なお、ご存じかと思いますが、「全(半)角英数」から「ひらがな」に復帰するには、[Caps Lock]のほか[無変換]でも[カタカナ ひらがな]でも可能です。

ひとつ注意が必要なのは、これもご存じかも知れませんが、次の点です。
「全(半)角英数」モードで入力作業をした後、「ひらがな」に復帰することなく、[半角/全角]によって「直接入力」モードにすると、
次に「ひらがな」に復帰しようとしても、[半角/全角]を押したのでは戻れず、「全(半)角英数」になるだけです。
この場合、その上で[Caps Lock]を押せばいいのですが、「直接入力」から[カタカナ ひらがな]を２回押す方法もあります。
とにかく、[半角/全角]を何度押しても行ったり来たりするばかりで、「ひらがな」には戻れません。

御参考までに、次のような操作法も考えられます。
１．「ひらがな」→「全(半)角英数」は[Caps Lock]
２．「ひらがな」→「直接入力」は[半角/全角]
これは当たり前ですね。

３．「全(半)角英数」→「ひらがな」は[カタカナ ひらがな]
４．「直接入力」→「ひらがな」も[カタカナ ひらがな]
　*　１回押して「全(半)角英数」になったときは、続けてもう１回押す。
　(ややこしければ、常に２連打することにしてもよい。)

つまり[半角/全角]や[Caps Lock]をON/OFに使うのではなく、それぞれ一方通行にしておいて、
「ひらがな」に復帰するときはいつも[カタカナ ひらがな]を使うという方法です。

＃２です。

質問者さんの使用法なら、必要はないでしょうが、
　>このキーの操作を、どちらも使えるよう、自分でコントロールしたい
ということなので、補足しておきます。

「全角英数」／「半角英数」を基本設定の優先順位と逆のほうにしたいときは、[Caps Lock]の後、[Shift]+[無変換]で行えます。

なお、ご存じかと思いますが、「全(半)角英数」から「ひらがな」に復帰するには、[Caps Lock]のほか[無変換]でも[カタカナ ひらがな]でも可能です。

ひとつ注意が必要なのは、これもご存じかも知れ...続きを読む

他の回答も見る

QCSSでテキストインデントをマイナスにすると背景画像も消えてしまうのです

こんにちは、ログを探してみましたが似通ったものが見つからなかったので教えてください。

CSSを使ってのページデザインを勉強しています。ナビゲーションバーを、背景を使って画像にしようと思い、テキストインデントをマイナスにして消す方法を本で読みました。やってみたのですが、背景画像も一緒に消えてしまいました。
親ボックスで右寄せにすると、今度はテキストインデントは解除され、テキストと背景画像が重なって右寄せになってしまいます。
横幅700の親ボックスに600の子ボックスを右寄せにしたいので、以下のようなソースにしてみました。

HTML側
<div id="navi">
<ul id="navibar">
<li><a href="***" id="link1" title="リンク１">link1</a></li>
<li><a href="***" id="link2" title="リンク２">link2</a></li>
---同様にリンクが続く---
</ul>
</div>

CSS側
#navi{
width:700px;
text-align:right;
}

#navibar{
width:600px;
list-style-type:none;
background-color:transparent;
}

ul#navibar li{
width:120px;
float:left;
border:none;
display:block;
}

#navibar #link1{
width:106px;
height:20px;
text-indent:-500em;
background-image:url("images/link1bg.gif");
background-repeat:no-repeat;
}

#navibar #link2{
width:106px;
height:20px;
text-indent:-1000em;
background-image:url("images/link2.gif");
background-repeat:no-repeat;
} 以下同様に続く

どのように修正すれば背景だけ表示できますでしょうか。アドバイスお待ちしています。

こんにちは、ログを探してみましたが似通ったものが見つからなかったので教えてください。

CSSを使ってのページデザインを勉強しています。ナビゲーションバーを、背景を使って画像にしようと思い、テキストインデントをマイナスにして消す方法を本で読みました。やってみたのですが、背景画像も一緒に消えてしまいました。
親ボックスで右寄せにすると、今度はテキストインデントは解除され、テキストと背景画像が重なって右寄せになってしまいます。
横幅700の親ボックスに600の子ボックスを右寄せにしたい...続きを読む

Aベストアンサー

【html】
<div id="navi">
<ul id="navibar">
<li id="link1"><a href="#" title="リンク１">link1</a></li>
<li id="link2"><a href="#" title="リンク２">link2</a></li>
<li id="sample">sample</li>
</ul>
</div>

【css】
div#navi{
width:700px;
}
ul,
li{
margin:0;
padding:0;
}
ul#navibar{
list-style-type:none;
width:600px;
float:right;
}
ul#navibar li,
ul#navibar li a{
float:left;
text-indent:-9999px;
display:block;
width:106px;
height:20px;
margin-right:14px;
}
ul#navibar li#link1 a{
background:url(images/link1bg.gif) no-repeat left top;
}
ul#navibar li#link2 a{
background:url(images/link2.gif) no-repeat left top;
}
ul#navibar li#sample{
background:url(images/samplebg.gif) no-repeat left top;
}

text-alignは、ブロックレベル要素の中のインラインに対して効果があるものです。ブロックレベル要素自体に効果が出てしまうのはIEのバグです。

【html】
<div id="navi">
<ul id="navibar">
<li id="link1"><a href="#" title="リンク１">link1</a></li>
<li id="link2"><a href="#" title="リンク２">link2</a></li>
<li id="sample">sample</li>
</ul>
</div>

【css】
div#navi{
width:700px;
}
ul,
li{
margin:0;
padding:0;
}
ul#navibar{
list-style-type:none;
width:600px;
float:right;
}
ul#navibar li,
ul#navibar li a{
float:left;
text-indent:-9999px;
display:block;
width:106px;
height:20px;
margin-right...続きを読む

他の回答も見る

QALT＋半角/全角を押さなければ、文字を変換できません。

PCを立ち上げ、文字を最初に入力しようとすると、英数字で入力されます。

そこで、日本語に変換しようとするのですが、ALT＋半角/全角を押さなければ、文字を変換できません。


その後は、半角/全角を押すだけで、変換できるようになります。



一番初めから、半角/全角を押すだけで、変換できるようにするためにはどうすればいいですか？



PC
dell 1525
WindowsVista Home Premium
http://www.sd-dream.com/pasocompass/PC/Dell/Inspiron1525.html

Aベストアンサー

自分の場合は既定の言語を
”日本語（日本）－日本語”から
”日本語（日本）－Microsoft IME”
にしたら半角/全角だけで変換できるようになりました。

他の回答も見る

QHTMLのタグで [テキスト文(.txt)] をＩＥ以外(テキストエディタなど)で開けますか？

たとえば <a href="test.txt" target=_blank> （あるいは、<a href="test.txt" target="(ジャンプ先)">）とした場合…
　テキスト文はＩＥブラウザで html と同じように開きますが、　これをいきなり「ノートパッド」や「他のテキストエディタ」で開くようにできますか？

つまり、<a href="test.pdf">PDF</a> ですと、いきなりAdobeのリーダーが開きますが、これと同じように、<a href="test.txt">をテキストエディタで開きたいのですが…。

　よろしくお教え下さい。

Aベストアンサー

う～ん，的をはずしているかも・・・。

ノートパッドで作製したものを，ワードパッドにコピーして，これを「test.rtf」で保存し，このファイルへのリンクを貼って，それぞれアップロードしてみてはいかがでしょう。
もしかしたら，IEのバージョンによっては，ダウンロードするかを聞いてきますが・・・。（でも，開くにしますと，ブラウザの中にWordの機能で開きます）

他の回答も見る
ページトップページトップ

Q質問する（無料）

このQ&Aを見た人がよく見るQ&A

人気Q&Aランキング

おすすめ情報