No.3ベストアンサー
- 回答日時:
><P>~が … <BR>を使用する方が好ましいと考えて宜しいのでしょうか?
<P>~</P>は文書構造としての段落を示すために使ってください、と言うことです。たとえば、回答#1は(その善し悪しは別として)5段落で構成されています。この、段落を示すために<P>~</P>を使う、と言った使い方が本来の使い方です。
また、その内容が「文書」と言うような物ではなく、視覚デザインを重視した物であったりすると、どこからどこまでが段落であるか明確でないと思います。そういった場合に回答#1に書いたような使い方をすると、そのレイアウトは保証された物ではないので、違うブラウザで見たときに意図しない表示になるかも知れませんよ、と言うことです。
では、実際のレイアウトはどうするべきかというと、risk_14さんが書いている通り、CSS(Cascading Style Sheet)を使用するのが望ましいとされています。しかし、その実装度はまだ不十分であると私は思っています。
私見ですが、実際に使えると思うのは、少なくとも WinとMac OSのそれぞれで、IE4.xx以降とNN4.7x以降のどちらでも意図したとおりに表示される物だけです。そうするとW3Cの勧告にはまだまだ遠く及んでいないのが現状です。仕事柄、多くの人に見て貰うという前提では最新ブラウザで見ることを前提として作成することは出来ません。実際にCSSを利用していますが、メンテナンス性を維持した上で、目的のレイアウトを得るためにはCSSだけでは不十分で、<TABLE>~</TABLE>タグによるレイアウトなども併用しています。
Webページデザインについては、次に上げる書籍が参考になると思います。参考URLと併せてどうぞ。
HTMLデザイン辞典 翔泳社
「Yahoo!ブックスショッピング」の検索結果
http://shopping.yahoo.co.jp/shop?d=jb&id=30822618
翔泳社の書籍案内
http://www.shoeisha.com/book/Detail.asp?bid=50&t …
参考URL:http://www.htmlhelp.com/ja/
現在ホームページを作成している段階では、作るのに精一杯でとても多くの人に見て貰うというレベルとはほど遠いところにいますが、教えていただいたURLを参考にしながらコツコツ作っていこうと思います。当面の目標は基本の構造と言語そのものの意味(何の単語の省略なのか等)を覚えることです。
詳しく説明していただき大変助かりました。有難うございました。
No.2
- 回答日時:
No1の補足より
><P>の代用として<BR>を使用する方が好ましいと考えて宜しいのでしょうか?
スタイル言語のCSSを使います。
BRは強制改行であってそれ以上の意味を持ちません。
自然言語にマークアップをしていくならば、それが「区切り」なのか「段落の終わりと開始」なのか又は別の「構造分離」が存在するのかによって使用する要素名も変わるでしょうが、いずれにせよレンダリングを実現しているのはCSSです。
risk14さん、どうもありがとうございます。
ホームページ作成というのは全く新しい言語と同じですので、覚えることがあって
大変です(笑)。<P>と<BR>の違いも100%ではありませんがおぼろげに分かってきました。CSSに関してはまだ勉強不足ですのでこれからの課題のひとつとして覚えていくつもりです。
No.1
- 回答日時:
某所でwebsiteを作成している、zohです。
HTMLに関する専門書を読めば詳しく書いてあると思いますが、<P>は「Paragraph」を略した物で、「段落」という文書構造を定義している物です。それに対して<DIV>は「Division」(区分、境界)の意味で、他の部分と区別して、<DIV>~</DIV>で囲まれた部分をひとまとめにするタグです。これは「ALIGN="center"」と言った属性をひとまとめにして与えるための「スタイルコンテナ」「レイアウトコンテナ」と呼ばれます。
使い方の違いですが、<P>タグは正しくは</P>と組み合わせて使います。ですが、</P>は省略可能となっています。また、<P>~</P>に中に、さらに<P>~</P>をネスト(入れ子)にする事は出来ません。それに対して、<DIV>~</DIV>はネスト可能です。ここが大きな違いとなります。
また「文書構造の定義」と言う意味では<P>タグは「改行してさらに1行空ける」という目的の使い方は勧められません。そのように使われているのはあくまでも、多くのブラウザがそういう風に表示しているからであって、そうしなければならないと決められているわけではないからです。段落であることが分かるのならば、他の表示方法も認められています。下記URLをご覧下さい。
http://www.asahi-net.or.jp/~sd5a-ucd/rec-html401 …
また、参考URLがHTMLの仕様を決める団体です。英語ですが、参考までに。
参考URL:http://www.w3.org/
この回答への補足
zohさん、早速の回答ありがとうございました。
入れ子ができる、できないの違いが分かったのは大きな収穫です。で、ひとつ思ったのですが、<P>~が「改行してさらに1行空ける」という目的の使い方は勧められないとなりますと、<P>の代用として<BR>を使用する方が好ましいと考えて宜しいのでしょうか?
お探しのQ&Aが見つからない時は、教えて!gooで質問しましょう!
似たような質問が見つかりました
- HTML・CSS アコーディオンメニューが思うように動作しません。 1 2023/08/20 16:48
- HTML・CSS img と p を縦中央に配置したいのですがうまくいきません。 2 2023/01/12 14:38
- HTML・CSS HTMLで特定の文字だけ色を変えたいのですが、指定した色と違う色が反映してしまいます。 下記、「前」 5 2023/06/27 12:08
- HTML・CSS CSSがなぜかfont-sizeだけ効かない...記述がまちがっているんでしょうか 5 2022/04/09 17:52
- JavaScript vertical sliderをautoplayしたい 2 2022/08/25 14:47
- HTML・CSS PCサイズで赤い画像2つと、青い画像2つがそれぞれ横に2つずつ並んでいるのですが、これをスマホサイズ 5 2022/04/11 12:01
- JavaScript jQueryでのドラッグアンドドロップについて 1 2022/07/30 09:10
- HTML・CSS ヘッダーの画像にメインエリアがかぶってしまいます 1 2022/11/28 14:06
- HTML・CSS 書籍を見つつサイト造りの練習をしているのですが、見た目が一致しません 2 2022/11/28 15:00
- CGI perlで書いたcgiでsqliteの使い方を教えてください 2 2023/05/08 21:29
関連するカテゴリからQ&Aを探す
おすすめ情報
デイリーランキングこのカテゴリの人気デイリーQ&Aランキング
-
テキストエリア内の改行禁止
-
H1タグに改行の<br>を使う
-
<TD><input type="text"></TD>...
-
テーブルのセルデータを自動改...
-
文字の最後に半角空白が勝手に...
-
Windowsのformでtextareaに入力...
-
VBE でスペースと改行を見える...
-
テーブル内の文字列を改行させたい
-
<br >と<br /> 違い
-
改行できる・できない入力ボッ...
-
改行を認識できる&ハイパーリ...
-
テキストエディタでエンドタグ...
-
htmlで文字列をクリップボード...
-
preタグがプロの現場であまり使...
-
Hタグを改行禁止にしてspanのよ...
-
なぜか<p> </p>が挿入され...
-
カーソルを合わせると説明を表...
-
html上で改行するとスペースが...
-
\\n \\r \\t について
-
XMLの改行方法とリンクの仕方
マンスリーランキングこのカテゴリの人気マンスリーQ&Aランキング
-
テキストエリア内の改行禁止
-
H1タグに改行の<br>を使う
-
テーブルのセルデータを自動改...
-
長いURLを途中で改行(折り返す...
-
テーブルの幅を固定するとnowra...
-
改行できる・できない入力ボッ...
-
\\n \\r \\t について
-
テーブル内の文字列を改行させたい
-
preタグがプロの現場であまり使...
-
テキストエリア内の改行もその...
-
「:」について
-
PCの画面を縮小したらサイズ...
-
htmlで文字列をクリップボード...
-
<br />タグの、brの後の半角ス...
-
<TD><input type="text"></TD>...
-
XMLの改行方法とリンクの仕方
-
html上で改行するとスペースが...
-
<br style="clear:both;">って...
-
mailtoで本文に改行を入れたい
-
文章改行で出来る半角スペース...
おすすめ情報