- ベストアンサー
HTML の繰返し法？？？
ＨＴＭＬ文で文字列の左側に空白を入れたい時には を使用しています 短い空白なら数回 を連続して記入すれば良いのですが、例えば全角空白１０ケの際には ～ と２０回も書かなくてはなりません リストの外見上もブザマですし、メンテの面からも好ましくありません を繰り返す文法表現はありませんか？ また何らかの代替表現はありませんか？ 色々調べましたが分かりません、ぜひ教えてください、お願い致します
- みんなの回答 （5）
- 専門家の回答
質問者が選んだベストアンサー
確かに美しくないですね（全角スペース、 、画像スペーサーも） ※ それこそメンテで、間隔を変更したい場合に全ページの編集が必要だし・・・ という事で、デザイン部分はCSSで！ どんなリストかわかりませんが、 それをリストと認識しているなら dt,ddの定義リストやul,liで箇条書きリストでマークアップするべきで、 CSSで間隔を空けてデザインできます。 marginでもpaddingでもtext-indentでも可能ですし、 widthとtext-alignを絡めたり、positionでも配置できます。 上記が理解できなとか難しいとか、マークアップは不要とかなら word-spacing:20em; などで間隔が空きます（該当単語を半角スペース区切りる） <p style="word-spacing:200px;">１文字目 ２文字目 ３文字目</p> 外部CSSなら、 p.sp1{word-spacing:8em;} <p class="sp1">１文字目 ２文字目 ３文字目</p>
その他の回答 (4)
- ORUKA1951
- ベストアンサー率45% (5062/11036)
＞ＨＴＭＬ文で文字列の左側に空白を入れたい時には を使用しています は文字実体参照で、no-break space (non-breaking space)を示す文字をあらわします。英文などで、そこで折り返しては困る単語境界に使用するものです。 ★ＨＴＭＬ文で文字列の左側に空白を入れたい時には を使用・・・ 最も重要なことですが、HTMLは「文字列の左側に空白を入れ」る目的で書いてはなりません。あくまで、文書を構成する要素をマークアップするものです。どのように見せるかを目的にHTMLがあるのではありません。 これは、HTMLの根幹に関わる重要な、もっとも理解しておかなければならない部分です。すなわち、HTMLのタグは、<h1>ここは見出し</h1><p>ここはひとつの段落</p>とマークアップするためのもので、<h1>ここは太く大きな字で表す</h1>ためにでも、<p>上下にマージンをとる</p>ために書くのではない。 空白を入れるために 全 角 空 白 を入れるのは誤りです。 ^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^ ※読み上げソフトは、『空白を入れるために「空白」「空白」「空白」全「空白」角「空白」空「空白」白「空白」「空白」をいれるのは・・と読み上げますし、検索エンジンにもそこに何が書いてあるか理解できなくなります。 たとえば詩などでテキストを記述どおり記載したいなら <pre> Higher still and higher From the earth thou springest Like a cloud of fire; The blue deep thou wingest, And singing still dost soar, and soaring ever singest. </pre> とすべきです。9.3.4 整形済テキスト: PRE要素 ( http://www.asahi-net.or.jp/%7Esd5a-ucd/rec-html401j/struct/text.html#edef-PRE )より また、用語の説明でしたら <h2>3.1. 新しい要素</h2> <p>HTML5 では、文書をよりよく構造化するために、次の要素が新しく追加されました。</p> <dl> <dt>section</dt> <dd>article要素は、文書やアプリケーションにおける一般的なセクションを表します。h1, h2, h3, h4, h5, h6 要素と共に使用することで、文書構造を表すことができます。</dd> <dt>section</dt> <dd>section要素はブログのエントリや新聞記事など、文書内で自己完結可能な箇所を示します。</dd> <dt>aside</dt> <dd>要素はページ内にあるその他の内容と、少ししか関係していないものを表します。</dd> <dt>hgroup</dt> <dd>要素はセクションの見出しを表します。</dd> </dl> のようにマークアップします。その上で、横に並べるとか、説明文をどの程度ずらすかをスタイルシートで指定します。 dd{ margin-left:5em;/* 左側を５文字分空ける */ text-indent:1em;/* 一行目は１文字、字下げする */ } ★ＨＴＭＬ文で文字列の左側に空白を入れたい時には ではなく、「こういう文章があり、この部分のテキストを何文字下げる場合はどうすれば良いのか」と、考えてください。質問もそうされたほうが良いです。
お礼
ありがとうございます ★印の注意は大変参考になりました 今後に活かして参ります ありがとうございました
- dscripty
- ベストアンサー率51% (166/325)
> ＨＴＭＬ文で文字列の左側に空白を入れたい時には HTML ではなくて CSS を使うよ。 空白 10文字分ぐらいを左に入れたいなら、 <p style="padding-left:10em;">文字列</p> 空白幅は 10em の数字の部分を増やしたり減らしたりすると調節できるよ。 空白じゃなくて、単に文字列の開始位置を右に移動させたいのなら、 <p style="margin-left:10em;">文字列</p> もっと便利な使い方があるから、 『CSS』 というキーワードで検索するといいかも。 ちなみに、HTML で文字列の配置を調整するのに、 や半角スペースや全角スペース(その他の空白も全て含めて)使うことは推奨されないけれど、 それは HTML のタグのあいだの文字列には、読んだ人にとって情報として意味のあるもの以外は、書かないことが推奨されているということの中の一つだね。
お礼
ありがとうございます 大変参考になりました 今後も宜しくご指導願います ありがとうございました
- goemon_2012
- ベストアンサー率42% (295/687)
は空白（半角スペース）として使用されることが多いですが、これで空白を広げるのは大変です。それにｗ３ｃにも推薦されていないので記述方法としてはＮＧですよ。簡単な方法があります。参考にしてみてください。空白を入れるには・・・。 ＨＴＭＬで文章を入力する時に空白を挿入したい場合は全角スペースを使います。文章に空白を入れるには全角でスペースキーを押します。半角や「tab」キーではブラウザーに反映されません。 記述例 <html> <head> <title>題名</title> </head> <body> ０回<br /><!-- 全角でスペースキーを押します。０回 --> １回<br /><!-- 全角でスペースキーを押します。１回 --> ２回<br /><!-- 全角でスペースキーを押します。２回 --> ３回<br /><!-- 全角でスペースキーを押します。３回 --> ４回<br /><!-- 全角でスペースキーを押します。４回 --> ５回<br /><!-- 全角でスペースキーを押します。５回 --> ６回<br /><!-- 全角でスペースキーを押します。６回 --> ７回<br /><!-- 全角でスペースキーを押します。７回 --> ８回<br /><!-- 全角でスペースキーを押します。８回 --> ９回<br /><!-- 全角でスペースキーを押します。９回 --> １０回<br /><!-- 全角でスペースキーを押します。１０回 --> </body> </html> こんな記述をすれば簡単に空白を入れることが出来ます。記述例をコピペして確認してみてください。ブラウザ上では綺麗に空白が出来ているはずですよ。もちろん文章の途中にも空白を入れることが出来ます。※ 「空白＝全角でスペースキーを押す」と覚えておけば良いと思います。
お礼
ありがとうございます ご指導の通り 「空白＝全角でスペースキーを押す」と覚えておきます これでひとつ賢くなりました 誠にありがとうございました
- roger0708
- ベストアンサー率0% (0/2)
それはどうしても空白を入れなければいけないですか？ 整形のためなら，左寄せ，右寄せ，中央寄せにするか，CSS（paddingやmargin) などを使ってで書く方がよいのではないでしょうか。 またはtableを使うのがよいかもしれません。 答えになってないかもしれませんが…。
お礼
ご指導ありがとうございました 参考にさせて頂きます こんごとも宜しくお願い申しあげます
お礼
ご指導ありがとうございます 参考にさせて頂きます まことにありがとうございました