HTML の繰返し法？？？

Question

ＨＴＭＬ文で文字列の左側に空白を入れたい時には   を使用しています

短い空白なら数回   を連続して記入すれば良いのですが、例えば全角空白１０ケの際には    ～   と２０回も書かなくてはなりません
リストの外見上もブザマですし、メンテの面からも好ましくありません

を繰り返す文法表現はありませんか？
また何らかの代替表現はありませんか？

色々調べましたが分かりません、ぜひ教えてください、お願い致します

naokita · Accepted Answer

確かに美しくないですね（全角スペース、、画像スペーサーも） ※ それこそメンテで、間隔を変更したい場合に全ページの編集が必要だし・・・という事で、デザイン部分はCSSで！どんなリストかわかりませんが、それをリストと認識しているなら dt,ddの定義リストやul,liで箇条書きリストでマークアップするべきで、 CSSで間隔を空けてデザインできます。 marginでもpaddingでもtext-indentでも可能ですし、 widthとtext-alignを絡めたり、positionでも配置できます。上記が理解できなとか難しいとか、マークアップは不要とかなら word-spacing:20em; などで間隔が空きます（該当単語を半角スペース区切りる）

１文字目２文字目３文字目

外部CSSなら、 p.sp1{word-spacing:8em;}

１文字目２文字目３文字目

ORUKA1951 · Answer

＞ＨＴＭＬ文で文字列の左側に空白を入れたい時にはを使用していますは文字実体参照で、no-break space (non-breaking space)を示す文字をあらわします。英文などで、そこで折り返しては困る単語境界に使用するものです。 ★ＨＴＭＬ文で文字列の左側に空白を入れたい時にはを使用・・・　最も重要なことですが、HTMLは「文字列の左側に空白を入れ」る目的で書いてはなりません。あくまで、文書を構成する要素をマークアップするものです。どのように見せるかを目的にHTMLがあるのではありません。　これは、HTMLの根幹に関わる重要な、もっとも理解しておかなければならない部分です。すなわち、HTMLのタグは、

ここは見出し

ここはひとつの段落

とマークアップするためのもので、

ここは太く大きな字で表す

ためにでも、

上下にマージンをとる

ために書くのではない。　空白を入れるために　　　全　角　空　白　　を入れるのは誤りです。　^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^ 　※読み上げソフトは、『空白を入れるために「空白」「空白」「空白」全「空白」角「空白」空「空白」白「空白」「空白」をいれるのは・・と読み上げますし、検索エンジンにもそこに何が書いてあるか理解できなくなります。　たとえば詩などでテキストを記述どおり記載したいなら

       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.

とすべきです。9.3.4 整形済テキスト: PRE要素 ( http://www.asahi-net.or.jp/%7Esd5a-ucd/rec-html401j/struct/text.html#edef-PRE )より　また、用語の説明でしたら

3.1. 新しい要素

HTML5 では、文書をよりよく構造化するために、次の要素が新しく追加されました。

section: article要素は、文書やアプリケーションにおける一般的なセクションを表します。h1, h2, h3, h4, h5, h6 要素と共に使用することで、文書構造を表すことができます。
section: section要素はブログのエントリや新聞記事など、文書内で自己完結可能な箇所を示します。
aside: 要素はページ内にあるその他の内容と、少ししか関係していないものを表します。
hgroup: 要素はセクションの見出しを表します。

　のようにマークアップします。その上で、横に並べるとか、説明文をどの程度ずらすかをスタイルシートで指定します。 dd{ margin-left:5em;/* 左側を５文字分空ける */ text-indent:1em;/* 一行目は１文字、字下げする */ } ★ＨＴＭＬ文で文字列の左側に空白を入れたい時には　ではなく、「こういう文章があり、この部分のテキストを何文字下げる場合はどうすれば良いのか」と、考えてください。質問もそうされたほうが良いです。　

dscripty · Answer

> ＨＴＭＬ文で文字列の左側に空白を入れたい時には HTML ではなくて CSS を使うよ。空白 10文字分ぐらいを左に入れたいなら、

文字列

空白幅は 10em の数字の部分を増やしたり減らしたりすると調節できるよ。空白じゃなくて、単に文字列の開始位置を右に移動させたいのなら、

文字列

もっと便利な使い方があるから、『CSS』というキーワードで検索するといいかも。ちなみに、HTML で文字列の配置を調整するのに、や半角スペースや全角スペース(その他の空白も全て含めて)使うことは推奨されないけれど、それは HTML のタグのあいだの文字列には、読んだ人にとって情報として意味のあるもの以外は、書かないことが推奨されているということの中の一つだね。

goemon_2012 · Answer

は空白（半角スペース）として使用されることが多いですが、これで空白を広げるのは大変です。それにｗ３ｃにも推薦されていないので記述方法としてはＮＧですよ。簡単な方法があります。参考にしてみてください。空白を入れるには・・・。ＨＴＭＬで文章を入力する時に空白を挿入したい場合は全角スペースを使います。文章に空白を入れるには全角でスペースキーを押します。半角や「tab」キーではブラウザーに反映されません。記述例題名０回
　１回
　　２回
　　　３回
　　　　４回
　　　　　５回
　　　　　　６回
　　　　　　　７回
　　　　　　　　８回
　　　　　　　　　９回
　　　　　　　　　　１０回
こんな記述をすれば簡単に空白を入れることが出来ます。記述例をコピペして確認してみてください。ブラウザ上では綺麗に空白が出来ているはずですよ。もちろん文章の途中にも空白を入れることが出来ます。※　「空白＝全角でスペースキーを押す」と覚えておけば良いと思います。

roger0708 · Answer

それはどうしても空白を入れなければいけないですか？

整形のためなら，左寄せ，右寄せ，中央寄せにするか，CSS（paddingやmargin)
などを使ってで書く方がよいのではないでしょうか。

またはtableを使うのがよいかもしれません。

答えになってないかもしれませんが…。

HTML &nbsp; の繰返し法？？？

確かに美しくないですね（全角スペース、&emsp;、画像スペーサーも）

＞ＨＴＭＬ文で文字列の左側に空白を入れたい時には を使用しています

> ＨＴＭＬ文で文字列の左側に空白を入れたい時には

は空白（半角スペース）として使用されることが多いですが、これで空白を広げるのは大変です。

それはどうしても空白を入れなければいけないですか？

似たような質問が見つかりました

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

デイリーランキングこのカテゴリの人気デイリーQ&Aランキング

マンスリーランキングこのカテゴリの人気マンスリーQ&Aランキング

HTML の繰返し法？？？

＞ＨＴＭＬ文で文字列の左側に空白を入れたい時にはを使用しています