• ベストアンサー

htmlの改行要素をできるだけ教えてください

自分の知る、改行するhtmlタグは以下の2つ br div cssは display:block white-space このぐらいしか知りません 他にありますでしょうか?

質問者が選んだベストアンサー

  • ベストアンサー
  • ORUKA1951
  • ベストアンサー率45% (5062/11036)
回答No.3

No.2です。少しわかりにくかったかな? HTMLに改行のためのタグ!!!!重要!!!!HTMLは、文書の整形--プレゼンテーションのためのタグはありません。!!!!。しいて言うなら改行を指定するbrくらい。  タグは、あくまで文書を構成する上で、その部分がどんな構成要素であるかを示す目印です。それを改行させているのは、ブラウザが持っているスタイルシートです。ですから br{display:none;}とすれば、その要素は消滅してしまいます。 HTMLは、文書を整形するためのもの---たとえば、改行させるため---ではありません。この基本を理解していないと失敗しますよ。

20081217
質問者

補足

詳しい説明ありがとうございます。タイトルのhtmlという単語のせいで誤解を生んでしまいました。 googleなどの検索サイトのスクレイピングをしたいがためにこのような質問をしました。 googleはユーザーにスクレイピングさせまいと、html.css.javascriptを定期的に変化させているので、htmlだけを見てタイトル、詳細文がどこにあるか判断できません。 しかしブラウザに表示された文の構造は全く変化がありません。例えば、タイトルのある場所から2回改行した部分がサマリー、詳細文となります。 htmlだけを見て改行をしているか判断するのなく、javascriptで変えられたりつけ加えられたりしたcssの結果の時点の改行要素も知りたかったんです。以下のようにして var Element = document.getElementById("ElementのID"); document.defaultView.getComputedStyle(Element, null).getPropertyValue("cssプロパティ名")

全文を見る
すると、全ての回答が全文表示されます。

その他の回答 (2)

  • ORUKA1951
  • ベストアンサー率45% (5062/11036)
回答No.2

改行は<br>のみです。ただし、<br>は"forced line break"で、行の途中で強制的に改行するマークで、通常は、ほとんど使用しません。私も住所の表記以外はまず使いません。ということは、まず使いません。  p div table dl ul ol form address blockquote h1 h2 h3 h4 h5 h6 fieldset hr pre はブロック要素で、ブラウザは通常、前後のそれらとの間にマージンをとって巾いっぱいに表示します。読み上げソフトでは一呼吸間を取ります。  言い換えれば、改行させるためにブロック要素を使うことはありえません。  HTML本来の空白文字の取り扱いが定められています。 ★9.1 空白類 ( http://www.asahi-net.or.jp/%7Esd5a-ucd/rec-html401j/struct/text.html#h-9.1 ) スタイルシートのdisplayプロパティは、その要素がの表示方法を指定します。 値は、inline | block | list-item | inline-block | table | inline-table | table-row-group | table-header-group | table-footer-group | table-row | table-column-group | table-column | table-cell | table-caption | none | inheritのいずれかです。  空白類の扱いについては、white-spaceプロパティの値で指定できて、normal | pre | nowrap | pre-wrap | pre-line | inheritがあります。CSS2.1・・・・CSS2では、(normal | pre | nowrap | inherit)しかありませんでした。 ★HTMLでは、「9.1 空白類」を読まれるとわかるように、改行は原則ありません。また改行のためにブロック要素としてマークアップするのは誤りです。たとえば余白を開けて改行するために<p>を使うなどは誤りです。<p>はあくまで、その部分がひとつの段落である事を示すためのもので、それ以上でも以下でもありません。  HTMLは、ある文書がどのような構成要素で成立しているかをタグを使ってマークアップするもので、どこで改行するかなど、表示方法を指定するものでは決してありません。それはブラウザの持つ、あるいはスタイルシートで指定するものです。

全文を見る
すると、全ての回答が全文表示されます。
  • hitomura
  • ベストアンサー率48% (325/664)
回答No.1

HTMLに関する勉強をやり直しましょう。 改行を表すタグはbrだけです。 それ以外はブラウザが表示する際に改行して表示しているだけです。

全文を見る
すると、全ての回答が全文表示されます。

関連するQ&A

  • divやp要素の前後は改行されるとありますがどこから改行されるのでしょうか

    <body> <div align="center"> <br> あいうえお<br> <img src="../xxx/1.jpg" width="640" height="400" border="0"> <br> <p class="text_min"> あいうえお<br> </p> あいうえお<br> <br> </div> </body> 上記の場合、改行位置はこうでしょうか?↓ *改行* <div align="center"> </div> *改行* *改行* <p class="text_min"> </p> *改行* という事でしょうか? 当たり前のような質問ですいません!

  • 自動改行無し、スペースまとめも無し。

    テキストと罫線のみで以下のようなツリー構造の表を作ろうとしています (アンダーバーの部分は本来はスペース) ○○○○━┳━○○○━┳━○○○○○ _____┃_____┗━○○○○ _____┃ _____┗━○○○━┳━○○○○○ ___________┣━○○○○ ___________┗━○○○○ 本来はもっと規模の大きなものなのですが簡略化しました。 問題にしているのはウィンドウ端とスペースの処理です。 CSSを調べたのですが、『white-space:nowrap』では自動改行しない代わりにスペースはまとめられてしまいます。 自動改行なし、スペースはまとまらない、と両者を同時に成立させるにはHTMLやCSSをどう記述すると良いのでしょうか? ちなみに、自分で見るためだけに使う仮のファイルなので、ソースの美しさなどは特に気にしません。 また<pre>タグは罫線同士の間に隙間が空いてしまうので使いたくありません。

    • ベストアンサー
    • HTML
  • divインラインボックスの改行を制御する方法

    皆さん、こんにちは。ちょっと質問させてください。 HTML+CSSでWEBページを作っています。DIVタグで作ったブロックをdisplay:inline-blockでインライン化して表示させているのですが、ウィンドウを小さくするにともなってネストしたインラインボックスが改行されるとき、先に改行されるインラインボックスを強制したいのですが、方法はありますでしょうか? ちょっと分かりにくいので図を書きました。 ブロックAとブロックBがインラインブロック化されて同じ行に配置されているとします。 更に、そのブロックB内にブロックB1とB2がネストしてインライン化されています。 ここでブラウザのウィンドウを小さくしたとき、chromeではまずブロックAとブロックBのインライン表示部分で改行されて、右下の図のようになりました。 期待しているのはそうではなくて、左下の図のように改行して欲しいのです。 これを強制する記述はありますでしょうか? よろしくお願いします。

    • ベストアンサー
    • HTML
  • div の改行に関して

    div の使い方に関して教えてください。 添付した画像1のHTMLの場合、改行されて■の次の段に「Grade」が来てしまいます。 しかし、画像2のHTMLの場合、なぜか「Grade」の次の段落に■がきてしまいます。 改行なしで■の右隣にGradeが来るようにするにはどうすればいいでしょうか? 添付画像の中の画像1のHTML ■<div style="font-family: Arial,sans-serif,Verdana; font-size: 20px;"><b><STRONG>Grade:</STRONG></b> <br> Near Mint: </div> <br> 添付画像の中の画像2のHTML ■<div style="font-family: Arial,sans-serif,Verdana; font-size: 20px; display: inline-block; _display: inline;"><b><STRONG>Grade:</STRONG></b> <br> Near Mint: </div> <br>

    • 締切済み
    • CSS
  • 改行で空くスペース

    お世話になります 現在xhtmlを使用してホームページを作っています。 そこで質問なのですが<タグ>と<タグ>の間に改行を入れるとへんなスペースが出来てしまいます これをCSSなどを使ってスペースが空かないようにしたいのですが どういうふうにすればいいのか教えていただけないでしょうか? 改行をいれなければいいのでは?と思うのですが xhtmlだと<a>タグを連続で書くと駄目?みたいなのです。 すみませんがよろしくお願いします。

    • ベストアンサー
    • CSS
  • デコメールをPCから送っていますが<BR>タグで改行されません

    デコメール送信のプログラムを作成しておりますが,HTML部分に<BR>タグを入れた部分が改行しません. docomoのページを参照しましたが,PCから送信した場合はBRタグは使用可能ということでした. 以下HTML文です. <HTML><BODY><DIV>LINE1<img src="cid:XXXXX.jpg@XXXX" align="middle">TEST<BR></DIV><DIV>LINE2</DIV></BODY></HTML> 以上,よろしくお願いします.

    • ベストアンサー
    • HTML
  • スペースは残し改行のみ削除するには?condenceWhite

    テキストフィールドに外部ファイルからテキストファイルを読み込んでいます。 例えば次のようなhtmlタグを含む外部ファイルを読み込みたいとき(アンダーバーはスペースとして見てください) text= 2007.1.1_ほげほげ<br> _________ほげほげ2<br><br> 2007.1.2_ほげほげ<br> _________ほげほげ2 condenceWhite = falseであれば、<br>も含め改行が二回入り、 ================================= 2007.1.1 ほげほげ ________ ほげほげ2 2007.1.2 ほげほげ ________ ほげほげ2 ====================================== と表示されると思います。 改行が二回入るのを防ぐために、condenceWhite = trueにすると、今度は、スペースが消されて ================== 2007.1.1 ほげほげ ほげほげ2 2007.1.2 ほげほげ ほげほげ2 ================== となると思います。 スペースを消さずに余分な改行だけ消す良い方法はないのでしょうか?

    • ベストアンサー
    • Flash
  • テーブル内のハイフンで改行させない方法(CSS)

    いつもお世話になっております。 blue-horseと申します。 テーブル内の文字列に半角ハイフンがあるのですが、 そこで強制的に改行されてしまいます。 これを回避する方法として以下の方法を試しました。 環境: OS:WindowsXP Professional SP2 ブラウザ:Internet Explorer 6.0 1)CSS white-space:nowrap; -> × 2)実態参照 - -> × 3)実態参照 ­ -> × 4)<pre>タグ -> 成功(※) 5)<nobr>タグ -> 成功 <pre>タグは改行は抑制できたのですが、フォントサイズが指定と変わってしまいました。 <nobr>タグが最も要求に近いのですが、HTMLが見難くなります。 出来ればCSSで解決したいのですが、手段はありませんでしょうか。

  • イメージをセンタリングさせてかつ改行させない

     イメージをセンタリングさせるために <img ...> を <div> で囲んで <div> に対して「text-align: center; 」か「display: block; margin-left: auto; margin-right: auto;」を指定すると中央に表示されますが、前後に改行がはいってしまいます。  イメージの前後で改行させないように「display: inline-block; _display: inline;」を指定すると今度は端によってしまいます。  中央に表示してかつ前後に改行をいれないような指定方法はあるのでしょうか?

    • ベストアンサー
    • CSS
  • htmlで改行タグを入れていないのに改行される

    WINXPのメモ帳を使い、手打ちでhtmlを書いているのですが、 改行タグを入れてないのに4行分も改行されてしまい困っています。 (異常に空白があったので、反転させたら分かりました。) !<div align="center"><br> !<font size="+2">- MUSIC -&nbsp;&nbsp;&nbsp;</font><br> !<table border="0" cellpadding="1" cellspacing="0" width="90%"> の、tableから上に4行空白が出来てしまいます。 どうしても直したいので、分かる方は教えてくれないでしょうか。

    • ベストアンサー
    • HTML