• ベストアンサー

preを使わない理由

zxcv0000の回答

  • ベストアンサー
  • zxcv0000
  • ベストアンサー率56% (111/196)
回答No.2

見栄えやSEOは二の次でHTML作成の手間を省きたい時には、pre は良い方法じゃ無いかと思います。 プレーンテキストの内容をどっかから取ってきて、そのまま画面に表示する場合も pre は楽でいいです。 ただし、pre は包含可能要素が一部のインライン要素だけなので、 <body><pre>...</pre></body> と書くとなると、デサイン上で強烈な割り切りが必要になるでしょう。 これは最早 HTML とプレーンテキストの中間の存在です。 つまり、見栄えが大事なら、HTML作成で楽はできないという事です。 そういう意味の質問でした?

reko11
質問者

お礼

ようやく意味が理解できました ありがとうございました

reko11
質問者

補足

>そういう意味の質問でした? いえ、違います この質問を書いたとき、私はどうにか楽をして 長文を見た目のまま構成できないかと思っていました つまりブログに記事を投稿するように 改行などを自動でなんとか行うことが出来ないかということです 実際には<pre>は色々制約があるようなので 一般的には使われないようですね デザインに関しては複数<pre>を使うことでなんとかなるのでは と思っていますがそうすると結局<p>などを使うのと同じように面倒に なってしまいますね

関連するQ&A

  • preタグがプロの現場であまり使われない理由

    preタグって一々改行のbrタグとか入れないで済むので便利だと思うのですが、プロのウェブ制作の現場ではあまり使われてないようです。 どなたか詳しい方、その主な理由を教えていただけるとありがたいです。

  • <pre> でも自動で改行させることは出来ますか?

    ワードの文書を html にしたいと思ってるのですが、 <p> など入れるとかなり手間がかかるので <pre> に入れたいのですが、 そうすると改行はされませんよね container に自動でおさまるようにする css などありますでしょうか?

    • ベストアンサー
    • CSS
  • SEOについて(<p><pre>)

    HTMLで文章をpとpreのどちらのタグで書こうか迷っています。 1、SEO的には<p>と<pre>どちらで文章を囲う方がよいのでしょうか。   どちらも同じでしょうか。   (ccsで表示設定は同じにしていますので、<pre>で囲う方が作業が楽です。) 2、その他、この2つに違いはあるでしょうか。 3、cssで表示を同じにしたと書きましたが、preで書くと文字幅が広がるようです・・・   調べれば方法が見つかる、と思いましたが見つかりませんでした。   preで文字幅を元に戻す方法は無いでしょうか。 回答よろしくお願いします。

    • ベストアンサー
    • SEO
  • 小説をマークアップする時の空白

    私はオンライン小説を書いています。が、他のサイトを見てみると、<p>は一切使わず<br>だけで改行をしている所をを多々発見しました。これは変だろうと思っていたのですが、どうも私のマークアップにも問題があると知りました。 私は、 <p>小説の文章</p> <p>小説の文章</p> <br> <p>小説の文章</p> <p>小説の文章</p> というように、文章を<p>でくくり、場面転換などで一行空白をいれる時に<br>を使用していました。が、<br>をこのように使うものではないと教えられました。 私はなるべく正しいHTMLでマークアップしたいです。例えば、強調を<em>や<strong>ではなく<b>で表すことはなんだか嫌です。なので、間違っているなら正しいHTMLで書きたいのですが、小説の場合、どうしても文章の見た目の体裁を整えなくては気持ち悪いと感じます。 HTMLは海外圏が作ったものであり、日本語の文章の体裁には合わないとも言います。しかし、CSSをうまく活用するなど、なるべく正しいHTMLで空白改行などの対策をとっている方はいないでしょうか?

    • ベストアンサー
    • HTML
  • HPに小説を載せるときの改行方法について

    こんにちは。 HPに小説を載せたいと思っているのですが、もう書いてしまった文章の改行ごとに<br>を入れていくのがとても面倒です。 <pre></pre>を使えば、エンターでの改行がそのまま有効だと聞いてやってみたら、長い文だと、ページの端へ行っても折り返してくれず、横スクロールがでてしまいました。 <pre></pre>を使いながら、ページ端で折り返すようにするにはどうしたらいいでしょうか。 また、テキストエディタで改行を<br>に変換する方法以外で、エンターキーでの改行がそのまま有効になるような方法はありませんか? これって、非常識なんでしょうか。

  • HPをつくっています。みなさん改行はどうされていますか?

    DREAMWEAVER9にてHPを作成しております。 そこで疑問に思っていることがあるのですが、 文章を書いていくとき改行はenterでやっていてタグは<p>が挿入されています. 他に<br>がありますがみなさんはどちらをつかわれていますか? また他に質問があるのですが、 文章を読みやすいように3行ごとにすきまをあけていくのですが、 そのスキマが大きすぎるのです。 heigt150%でCSSしていますが、 ちょうどいい隙間にするにはどうすればよいでしょうか?

    • ベストアンサー
    • HTML
  • ブログの記事の改行

    ブログの記事の改行を、&nbsp;<br />で開けました。 WordPressでは、<br>は自動整形されてしまうためです。 他にも、<p>&nbsp;</p>を挟むというやり方もあるようです。 この、&nbsp;<br />や<p>&nbsp;</p>というのは、 文法的に悪い記述の仕方だと思うのですが、SEOの観点ではどうなのでしょうか? これらの記述をすることによって、SEOで不利になったりするでしょうか? また、改行を開ける方法として、どういったものがあるでしょうか? 他にも、<p style="margin-bottom:3rem;"></p>という方法もあるようですが、 これを開けたい改行ごとに毎回やるのは、大変でもあります。 &nbsp;<br />や<p>&nbsp;</p>がSEOで不利にならないのであれば、 これらを駆使して、改行を開けていきたいと思っています。 よろしくお願いいたします。

  • <textarea>に<pre>を使うと・・・

    質問お願いします。 htmlとcgi等を使用してHPを作っているのですが、その中にtextareaを利用して、 投稿フォームを設けています。投稿したものは、違うページで閲覧できるようになっています。 この投稿フォーム、wordやexcelから文章をコピぺして使用する方が多いのですが、 そのままでは<P>タグが挿入されてしまい、閲覧時、文章間隔が広くなりすぎて見難いため、 投稿フォームを、<textarea><pre></pre></textarea>とし、受信時、cgiで<P>タグを削除しています。 レイアウトはこれで問題ないのですが、textarea内に<pre>タグを入れてしまうと、 textareaの横幅をオーバーして書き込めてしまうという事態が起こってしまいました。 そこで質問なのですが、textarea内に<pre>を入れても、文字入力が端まで行ったら、 次の行に折り返す方法はないでしょうか? わかる方いらっしゃいましたら、ご教授の程よろしくお願いします。

    • ベストアンサー
    • HTML
  • 文字と文字の間にスペースを欲しい

    文章を表示するときに、文字と文字の間にスペースを欲しいです。 で、スタイルシートで「BODY, TH, TD { letter-spacing: 1px; }」と 指定するとちゃんとスペースが空いて見やすくなるんですが、これをすると改行の<BR>がおかしくなってしまいます。 例えば 「文章1<BR<BR>文章2」 の場合 文章1 文章2 となるんですが、上記のスタイルシートを指定するとIEでは 文章1 文章2 になってしまい、「文章1<BR><BR><BR>文章2」にしなければなりません。しかもOperaで見ると2行分改行された表示になってしまいます。 <P>でも改行できますが、できれば<BR>で解決したいと思ってます。 この問題の解消法、もしくは他の方法があればお願いします。

    • ベストアンサー
    • HTML
  • <br />と<p></p>の使い方

    xhtml+cssをやり始めです。 実は、<br />と<p></p>の使い方についてわかんなくて教えてくださーい。 普通のhtmlでは改行したいときは、<br />を入れまくっていましたが、xhtmlは<br/>ではなく改行は<p></p>でといわれました。 <p>あいうえお</p> <p>かきくけこ</p> といれると改行にはなりますが、1行あけたい場合はどうしますか? <p>あいうえお</p> <p></p> <p>かきくけこ</p> としても1行あきませんよね? こういう場合は <p>あいうえお</p> <br /> <p>かきくけこ</p> でいいのですかね??? 単純な質問ですみません。

    • ベストアンサー
    • XML