• ベストアンサー

preを使わない理由

Mee-meの回答

  • Mee-me
  • ベストアンサー率27% (5/18)
回答No.1

大半のサイトは<p>や<h1><h2><h3>……で「文章構造」を組み立てています。なぜならhtmlは文章構造を示す為の言語ですので。 ht……ハイパーテキスト、リンクの事ですね m……マークアップ。これ見出し、こっちは段落、これは表と印(マーク)つけます。学生時代赤線を引いた経験はおありですか?それは強調という印つけですね。 l……ランゲージ。言語です。 その後、見出しのデザインや本文のデザイン、例えば幅やフォントなどを別の場所に記述すること(css)が大半のサイトがされている事です。 <pre>は不便です。reko11さんが50字詰めの幅で考えていても、30字しか表示されない環境では崩れに崩れます。文章整形しているつもりになっているだけですよ。 マークのつけ方 http://www.kanzaki.com/docs/html/lesson1.html 飾り付け方 http://www.kanzaki.com/docs/html/htminfo17.html もっと詳しく見たいなら、 http://www.kanzaki.com/docs/htminfo.html#simple-html htmlでマークアップをしcssでスタイルを決めるやり方が、文章整形(?)の主流になってきています。解かっておられるような、居られないような質問ですね。とっつき難いかも知れませんが、かじるにはお奨めのサイトです。

reko11
質問者

お礼

解答ありがとうございました

reko11
質問者

補足

見出しは<h1>などを使うとして 本文の<p>の代わりに<pre>を使うことは出来ないのでしょうか cssでpre内の文字のフォントや文字幅は操作出来ます 物理要素は使えないようですが、リンクなどは使えるので 文章とリンクしか使わない私の場合は実用できると思うのですが (これは書いてないですね、すみません) CSSでの改行についてのリンク [ CSS ] pre でも改行を生かしたまま折り返す http://bowz.info/409 Making preformated <pre> text wrap in CSS3, Mozilla, Opera and IE http://users.tkk.fi/~tkarvine/pre-wrap-css3-mozilla-opera-ie.html 確かに環境によっては物凄いことになりますが 一部のブラウザーに対応できればいいので また、それほど横に長い文はないので大丈夫だと思うのです (660pxの範囲に文字サイズ10pxが最大で35文字)

関連する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