枠<p>--</p>の途中で段落を入れたくなったら、、。

[新着] Webテンプレートを仮オープンしました



0   名前: サスケ : 2007/02/22(木) 19:08  ID:LIZwGkZM sub-v7
ブロック<p>--</p>中の文章の途中の行で段落を入れる必要がある場合は、<p>以外のインライン要素で
段落を作るのでしょうか、それともブロック自体の記述を<p>から<div>に書き換えたりするのでしょうか。<p>--</p>のブロックの中に<p>は使えませんよね。
<p>--</p>の中の段落、一般的にはどのようにするのでしょうか。
宜しくお願い板します。




<!DOCTYPE HTML PUBLIC '-//W3C//DTD HTML 4.01//EN'
'http://www.w3.org/TR/html4/strict.dtd'>
<HTML lang="ja">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=Shift_JIS">
<TITLE></TITLE>
<meta http-equiv="content-script-type" content="text/javascript">

<STYLE TYPE="text/css">
<!--

body {
background: #37393B;;
color: #ffffff;
line-height:15px;
font-size: 11px;
margin-top:18px;
margin-left:20px;
}


.danraku {
width: 300px;
margin : 30px;
border: solid 1px #FF0018;
}

p {
margin : 0px 0px 10px;
}
-->
</style>
</head>
<body>


<!-- -->
<div class="danraku">
練習です、練習です、練習です、練習です、練習です、練習です、練習です、練習です、練習です、練習です、
練習です、練習です、練習です、練習です、練習です、練習です、練習です、練習です、練習です、練習です、
<p>この行の下にに段落は問題がありません</p>
練習です、練習です、練習です、練習です、練習です、練習です、練習です、練習です、練習です、練習です、
練習です、練習です、練習です、練習です練習です、練習です、練習です、練習です、練習です、練習です
</div>

<p class="danraku">
練習です、練習です、練習です、練習です、練習です、練習です、練習です、練習です、練習です、練習です、
練習です、練習です、練習です、練習です、練習です、練習です、練習です、練習です、
この行の下にに段落を付けるには。。。。。。。。。
練習です、練習です、練習です、練習です、練習です、練習です、練習です、練習です、練習です、練習です、
練習です、練習です、練習です、練習です練習です、練習です、練習です、練習です、練習です、練習です
</p>

</body>

1   名前: 匿名 : 2007/02/22(木) 19:08  ID:rEkc4Z1y sub-kJ
> <p>--</p>の中の段落

えーと、p こそが段落(Paragraph)なんだが。

それとも、形式段落と意味段落とか、小段落と大段落とか、そういう話?

2   名前: kazz : 2007/02/22(木) 19:08  ID:boxr5yXc sub-Q5
<P>と<div>の説明をもう一度読むのをお勧めしますよ。
ブロック要素とインライン要素の違いについても是非再読されるべきです。

上のソース、いろいろ間違っている箇所があるので心配なのですが、
「段落が問題ありません」というサンプルのほうについて一言。

問題はあるのです。どちらのサンプルも問題だらけです。

ブロック要素とブロック要素に挟まれた、マークアップされていない要素はブロック要素として振舞う
…というのを何というのでしたっけ。正式名称は忘れましたが、
ともあれそういう事情で上記の段落は(一見)段落に見えるのです。

↓正解はこんな感じです
<ブロックを作るタグ>
 <段落を作るタグ>
  テキストテキストテキストテキストテキストテキストテキスト
 </段落を作るタグ>
 <段落を作るタグ>
  テキストテキストテキストテキストテキストテキストテキスト
 </段落を作るタグ>
</ブロックを作るタグ>

3   名前: サスケ : 2007/02/22(木) 19:08  ID:sI7BgwT. sub-v7
匿名 さん、
ご返答ありがとうございます。
お礼が遅れて申し訳ありませんでした、
少し勉強してから質問をしたほうがいいですね。

”形式段落と意味段落”を調べていましたら、懐かしく、そんな風な勉強を
昔うけた様な気がして、懐かしかったですね。

どうもありがとうございました。

4   名前: サスケ : 2007/02/22(木) 19:08  ID:sI7BgwT. sub-v7
kazz さん、
御回答ありがとうございます。

持ち合わせている数冊の教本で勉強しました。勉強不足ですね。
<div>と<p>の関係(?)、分かりやすく教えていただいて、目から鱗が落ちる思いです。


少し関係のないことかもしれませんが、勉強をしていて、教本のなかで少し気になった記述があるのですが、もしご迷惑でなければお教えいただけますでしょうか。

<div class〜>
  <div>新着情報</div>
<p>テキスト、テキスト</p>
</div>

と記述があるのですが、”新着情報”は<h>とか<p>で、と考えてしまうのですが、
あえて<div>とする理由がありその様な記述をしているのかどうかがよく分からないのです。

べつに気にするほどのことではないのでしょうか。

なにとぞ宜しくお願い板します。

サスケ


5   名前: カヅサツ ◆ThCi95HEzw : 2007/02/22(木) 19:08  [URL]  ID:O5hEMlpW sub-r2
> と記述があるのですが、”新着情報”は<h>とか<p>で、と考えてしまうのですが、

まったくその通りです。

> あえて<div>とする理由があり

ないでしょう。どんなブロックにして良いかわからないとしても、普通は p要素を使いますから。

6   名前: サスケ : 2007/02/22(木) 19:08  ID:sI7BgwT. sub-v7
カヅサツさん、

御回答ありがとうございます。
少しだけ気になっていたことが解決できて、すっとします。
初心者ですと、教本に書かれた記述の何所が重要で、また重要でなく、
しかしながらその記述は何かを意図しているのでは?
などと考えているうちに混乱してしまうことがあるのですよね(私だけかもしれませんが)

ありがとうございました。
これからも宜しくお願い板します。

サスケ

7   名前: K+S : 2007/02/22(木) 19:08  ID:nROqylMa sub-YS
<div class〜>
  <div>新着情報</div>
<p>テキスト、テキスト</p>
</div>

要素の適合性を考慮すると、div 要素直下にインライン要素はあり得ません。
→ DTDには反しませんが、div 要素直下にインライン要素を記述することは好ましくありません。

8   名前: kazz : 2007/02/22(木) 19:08  ID:boxr5yXc sub-Q5
初心者用の教本だからと言って、完璧に正しいことが書いてあるとは限りませんよ。
数年前の常識も現在非常識なんていうこともあります。
是非基本を学んでご自身で判断することをお勧めします。

9   名前: サスケ : 2007/02/22(木) 19:08  ID:WvponL0/ sub-v7
K+S さん kazz さん 貴重なアドバイスありがとうございます。

これからも宜しくお願いいたします。

10   名前: Z ◆XTzyosZXcL : 2007/02/22(木) 19:08  ID:wMpJdqee sub-Cl
 終結宣言を出されてしまいましたけれど一言だけ(^^;

>>7-9
 K+Sさんやkazzさんのおっしゃるとおりで、結構”間違った”資料も氾濫しているのですよね。しかも、その”間違った”資料を元に新たな資料が書かれて”間違った”知識が拡大生産がされていたりするようです。

参考・乱雑するHTMLとCSS本に警笛:
http://www.genkroh-udac.net/wordpress/?p=172

 一番いいのはW3Cに所属する識者が和訳資料を参照しやすい形(できればW3C内のディレクトリからリンク切れを起こさずにリンクして欲しい)で積極的に公開してくださることなのですが・・・(^^;

参考・仕様書に見るHTML:
http://www.kanzaki.com/works/2001/pub/wsd-toc.html

11   名前: サスケ : 2007/02/22(木) 19:08  ID:WvponL0/ sub-v7
Zさん、アドバイスありがとうございます。

”間違った”資料も氾濫しているのですよね”。
本当にそうらしいですね。

御紹介いただいた、本やウェブ版の”参考書”など。とても興味があります。

またこれからも宜しくお願いいたします。
ありがとうございました。




一覧へ戻る