OKWAVEのAI「あい」が美容・健康の悩みに最適な回答をご提案!
-PR-
締切り
済み

HTMLで空白ってどうやったら表示できます?

  • 暇なときにでも
  • 質問No.1430
  • 閲覧数439
  • ありがとう数9
  • 気になる数0
  • 回答数11
  • コメント数0

お礼率 3% (22/569)

HTMLでホームページを作ってるのですが空白の部分をテキストでつくってもHTMLで表示しても無視されてしまいます

どうやったら空白を有効にできるのでしょうか?

それとタグの説明とかをホームページでしたいのですが<>をテキストでかいたらその部分が消えてしまいます。<pre>でかいてみてもむりでした

お願いします
通報する
  • 回答数11
  • 気になる
    質問をブックマークします。
    マイページでまとめて確認できます。

回答 (全11件)

  • 回答No.1
レベル13

ベストアンサー率 26% (511/1924)

半角空白は無視されちゃいますね。全角なら表示はされますが、使わないほうが 良いですね。 原稿の半角空白を活かしたいのであれば<PRE></PRE>で囲めば良いと思います。 <>はそれぞれ &lt; &gt; で表示されます。
半角空白は無視されちゃいますね。全角なら表示はされますが、使わないほうが
良いですね。
原稿の半角空白を活かしたいのであれば<PRE></PRE>で囲めば良いと思います。
<>はそれぞれ &lt; &gt; で表示されます。
  • 回答No.2
レベル13

ベストアンサー率 26% (511/1924)

あはは、やっぱり全角で書いておかないと変換されちゃ入ますね。 < は &lt; > は &gt; ついでに ” は &quot; & は &amp; です。 実際に使うときは半角で入力しましょう。
あはは、やっぱり全角で書いておかないと変換されちゃ入ますね。
< は &lt;
> は &gt;
ついでに
” は &quot;
& は &amp;
です。
実際に使うときは半角で入力しましょう。
  • 回答No.3

<>を半角で記述するには、それぞれ“&lt;”“&gt;”と書いてやれば良いと 思います。おそらく“less than”“grater than”の略かな?
<>を半角で記述するには、それぞれ“&lt;”“&gt;”と書いてやれば良いと
思います。おそらく“less than”“grater than”の略かな?
  • 回答No.4

あら? 入力している間にshigatuさんに先を越されたようです(^^; しかもここってタグ有効だったんですね(^^; &lt;と&gt;がちゃんと&lt;&gt;に変換(?)されちゃってるし…。
あら? 入力している間にshigatuさんに先を越されたようです(^^;

しかもここってタグ有効だったんですね(^^;
&lt;と&gt;がちゃんと&lt;&gt;に変換(?)されちゃってるし…。
  • 回答No.5
レベル11

ベストアンサー率 32% (51/156)

ちょうどいい感じで「OKWebPRO」の方でも同様の問題で盛り上がってますね。 http://www.okweb.gr.jp/kotaeru_reply.php3?question_id=42 さて、確認したいことがあるのですが、 どのような理由から空白を入れようとしているのでしょうか? もし、行頭をそろえたいという程度であるなら、 HTML自体の持つ「文書の構造化」で実現可能ですよ。 ...続きを読む
ちょうどいい感じで「OKWebPRO」の方でも同様の問題で盛り上がってますね。
http://www.okweb.gr.jp/kotaeru_reply.php3?question_id=42

さて、確認したいことがあるのですが、
どのような理由から空白を入れようとしているのでしょうか?
もし、行頭をそろえたいという程度であるなら、
HTML自体の持つ「文書の構造化」で実現可能ですよ。
先に示した「PRO」のページで「PAMd」様の利用しているやり方ですね。

そうではなく、既に整形済文書としてあるモノを流用したいというのであるなら、
取り敢えず全角の空白文字を利用する手もありますね。
んで、その流用したい文書の部分を「pre」タグで括ってしまうわけですね。

不等号記号については、既に詳細が記されておりますので割愛します。

で、何より気になりましたのは、
>それとタグの説明とかをホームページでしたいのですが
というくだりです。
はっきり申しまして、実体参照についての知識も持ち合わせていないような方が、
間違った利用法を広めてしまうだけのような気がしますので、
止めた方がイイと思います。
むしろ、次に示す様なより詳細な解説系サイトへのリンクにしておく方が、
読み手書き手共に有益だろうと思います。

Another HTML-lint gateway
http://openlab.ring.gr.jp/k16/htmllint/htmllint.html
Another HTML-lint gateway タグ一覧
http://openlab.ring.gr.jp/k16/htmllint/tagslist.html

すみけんリソース!
http://www.asahi-net.or.jp/~jy3k-sm/
すみけんリソース! あやしい本
http://www.asahi-net.or.jp/~jy3k-sm/i_net/books.html
すみけんリソース! HTML概説
http://www.asahi-net.or.jp/~jy3k-sm/i_net/html.html

追記
「ホームページ」という表現は間違いです。
このような場合、
「HTML文書を書いているのですが…」
と表現するべきです。
以下、参照下さい。
http://www.okweb.ne.jp/kotaeru_reply.php3?question_id=857
http://www.okweb.ne.jp/kotaeru_reply.php3?question_id=797
  • 回答No.6
レベル11

ベストアンサー率 32% (51/156)

一部抜けがありましたので、誤記訂正します。 正 実体参照についての知識も持ち合わせていないような方が、 「そのような解説をすると」 間違った利用法を広めてしまうだけのような気がしますので、 誤 実体参照についての知識も持ち合わせていないような方が、 間違った利用法を広めてしまうだけのような気がしますので、 です。
一部抜けがありましたので、誤記訂正します。


実体参照についての知識も持ち合わせていないような方が、
「そのような解説をすると」
間違った利用法を広めてしまうだけのような気がしますので、


実体参照についての知識も持ち合わせていないような方が、
間違った利用法を広めてしまうだけのような気がしますので、

です。
  • 回答No.7

明示的に空白を入れたい場合には「&nbsp;」を入れます。 <>はそれぞれ、「&lt;」「&gt;」を入れます。
明示的に空白を入れたい場合には「&nbsp;」を入れます。
<>はそれぞれ、「&lt;」「&gt;」を入れます。
  • 回答No.8

特殊文字・記号を入力するための『文字実体参照』のリスト; <A href="http://www.fides.dti.ne.jp/%7Esugai/CSS/HTML/elements.html#entity">文字実体参照</A> HTML4で用意されている文字実体参照のリストで、 原典は<A href="http://www.w3.org ...続きを読む
特殊文字・記号を入力するための『文字実体参照』のリスト;
<A href="http://www.fides.dti.ne.jp/%7Esugai/CSS/HTML/elements.html#entity">文字実体参照</A>
HTML4で用意されている文字実体参照のリストで、
原典は<A href="http://www.w3.org/TR/html401/charset.html#h-5.3">W3CのSpecification</A>です。

特殊な文字の参照の方法は、「キーワード」による『<strong>文字実体参照</strong>』と、「番号」による『<strong>番号文字参照</strong>』の二種類が有りますが、古いブラウザや、Netscape'sNavigatorでは、『番号文字参照』で表示できても、『文字実体参照』では表示されない事が有ります。
  • 回答No.9

ごめんなさい。一個下の回答、失敗しました。 タグは使えないんですね。 見苦しくてごめん。 ...続きを読む
ごめんなさい。一個下の回答、失敗しました。
タグは使えないんですね。
見苦しくてごめん。
  • 回答No.10
レベル11

ベストアンサー率 32% (51/156)

>「PAMd」様 実体参照のリスト、見て来ました。 こんなにたくさん、しかも、まだまだあるんですね。 良い勉強になりました。 ついでに報告。 Netscape 4.7 ja では、ほとんどの文字を読めないといってましたが、 Netscape 6 PR1 では、全て実体で読めました。 「ユーロ」が読めたのには感激(笑) ...続きを読む
>「PAMd」様
実体参照のリスト、見て来ました。
こんなにたくさん、しかも、まだまだあるんですね。
良い勉強になりました。

ついでに報告。
Netscape 4.7 ja では、ほとんどの文字を読めないといってましたが、
Netscape 6 PR1 では、全て実体で読めました。
「ユーロ」が読めたのには感激(笑)
11件中 1~10件目を表示
このQ&Aで解決しましたか?
関連するQ&A
-PR-
-PR-
こんな書き方もあるよ!この情報は知ってる?あなたの知識を教えて!
このQ&Aにはまだコメントがありません。
あなたの思ったこと、知っていることをここにコメントしてみましょう。

その他の関連するQ&A、テーマをキーワードで探す

キーワードでQ&A、テーマを検索する
-PR-
-PR-
-PR-

特集


いま みんなが気になるQ&A

関連するQ&A

-PR-

ピックアップ

-PR-
ページ先頭へ