<p>タグ内のスペースの処理

質問

こんにちは。

いつもお世話になっています。
htmlエディタとして秀丸を使用しています。秀丸の横の長さは1024pxぐらいで起動しています。

そこで以下の様なソースがあります。
----------
<p>いつもいつもありがとうございます。
とても感謝しております。</p>
----------
上記では、実際には「<p>いつもいつもありがとうございます。」の後に改行を行っております。

そうすると、ブラウザで見た時に、
「いつもいつもありがとうございます。_とても感謝しております。」左記の_は半角スペースです。この様に複数行に分けた場合に、半角スペースが入ってしまいます。

ネットで検索をして、できうる限りのことはやったのですが、探しきれませんでした。

エディタの幅を考えると、1行をエディタの幅で収めて、次の行に続きを書きたいと思っています。

果たしてこの様な事は可能なのでしょうか？

よろしくお願い申し上げます。

回答No.1

naokita · ベストアンサー

<p>いつもいつもありがとうございます。<!--
-->とても感謝しております。</p>

-------------------
上記で可能ですが、逆に面倒ですよね・・・
秀丸の設定で、
横スクロールを出さない折り返し設定があったような気がしましましたが、
長文などの場合でも、そういう利用方法が見易くて妥当だと思いますが。

お礼

ご回答ありがとうございます。

ご指摘の設定、ありがとうございます。助かりました！

回答No.2

ORUKA1951

これは、次の仕様によるものです。
【引用】＿＿＿＿＿＿＿＿＿＿＿＿ここから
前略・・・HTMLでは、次に挙げる文字だけが空白類文字であると定義される。
　・ASCIIスペース (&#x0020;)
　・水平タブ (&#x0009;)
　・書式送り (&#x000C;)
　・ゼロ幅スペース (&#x200B;)
　行区切り類もまた、空白類文字である(が)・・・【中略】・・・HTMLでは行区切り類に含まれないし、更に本仕様は両者を空白類文字一般にも含めないという点に、注意されたい。
　ここで、ソース文書中で語間に空白類が複数連なっている場合、・・・【中略】・・・連続する空白類の入力があった場合は1つにまとめてしまう必要がある。
￣￣￣￣￣￣￣￣￣￣￣￣￣ここまで［Paragraphs, Lines, and Phrases (ja)( http://www.asahi-net.or.jp/%7Esd5a-ucd/rec-html401j/struct/text.html#h-9.1 )］より

　これは、英文を考えると簡単に理解できると思います。\nは改行(見えないけどある)‐‐はタブとします。
<p>
‐‐Two roads diverged in a wood, and I- I took the one less traveled by, and\n
‐‐that has made all the difference.
</p>
　HTMLでは、ディスプレイの幅に合わせて改行されなければなりませんから、
[幅広]
Two roads diverged in a wood, and I- I took the one less traveled by, and that has made all the difference.
[狭い]
Two roads diverged in a wood,
and I- I took the one less
traveled by, and that has made
all the difference.
と整形されなければなりませんね。!!!　そのために左記のルールが生きてくるのです。

　もっとも良いのは、そのまま
‐‐<p>
‐‐‐‐いつもいつもありがとうございます。とても感謝しております。
‐‐</p>
と記述して、文字の折り返しを「ウィンドウ幅に合わせる」に設定して書いていくことです。

＞エディタの幅を考えると、1行をエディタの幅で収めて、次の行に続きを書きたいと思っています。
　ウェブの理念からは、それはまずいのです。あくまでひとつの段落ですから、ひとつの段落は改行を入れずに記述するべきなのです。
★これは単語境界を持たない日本語を使用する場合の問題でもあるのです。★

　なお、「ユーザエージェントが開始タグ直後または終了タグ直前の空白類をレンダリングするとは期待しないようにすべきである。( http://www.asahi-net.or.jp/%7Esd5a-ucd/rec-html401j/struct/text.html )」とあるように、

‐‐<p>☆
‐‐‐‐★いつもいつもありがとうございます。とても感謝しております。☆
‐‐★</p>

　☆～★の間の改行コードやタブは描画されません。
※ブラウザによって差があります。IEでは</p>前の改行コードやタブは空白文字としてカウントされてひとつになりますが、他のブラウザでは現れません。

(注)<p></p>は段落です。<p></p>じゃ行間が広すぎるので<br>で改行は誤りです。
p{text-indent:1em;margin:0;line-height:1.6em;}
とする。

お礼

ご回答ありがとうございます。

とても勉強になりました。ありがとうございました。