Web作家さんに質問です。

質問

段落内の空白行１行…。みなさんはどうしていますか？

気にしない派ですか？(全て<br>オンリー派？)
段落内で１行空白行が必要な場面…、私は<br>で空白行を作っていますけれど。

色々な意見があるようなので知人のXHTMLを教えている先生に尋ねてみました。
「段落内の空白行は<br>の連続でも構わない(私はHTMLです)」との回答を頂きました。。。が。
あちこちのWeb作家さん達のソース欄を見ると<p>で括っている人が少ない…というか少数派？(私が見た限りですけれど)。

それと…<p>で段落分けをしている作家さんに質問です。
段落は大体どこで区切っていますか？(これも人それぞれ癖があるでしょうけど)
ちなみに私は場面が少し変わったりする際に<p>～</p>で括っています。

「<p>や<div>等で空白行を調節すべき」←これを承知の上で日本語の文法に合った素朴な疑問です。

回答No.2

ayustar · ベストアンサー

一応小説サイトを運営している者です。

そもそも、Web上での小説の書き方自体が人によってまちまちですもんねえ。
空白行をたくさん使う人もいれば、場面転換にしか使わない人もいますし。
sakura77777さんはどちらでしょうか？

私は後者で、空白行を入れるような区切りは<p>タグになってます。
そもそもDreamweaverを使うので、テキストエディタ上で一行開けて書いたものをコピーアンドペーストすると<p>で括るよう変換されるから、というのもありますけど。

さらに大きな区切り（一人称の語り手が変わるとか、時間が飛ぶとか、回想に入るとか）はアスタリスクを使うので、

<p class="asterisk">＊</p>

としています。
それでCSSは、

body {
line-height: 2;
}
p {
margin-bottom: 1.8em;
}
.asterisk {
text-align: center;
margin-top: 50px;
margin-bottom: 50px;
}

という感じです。

まあ、<br>も2つくらいならそこまで悪いとは思いませんし、自分にあった書き方で良いんじゃないかと思います。
あくまで、こうしている人もいますよ、という参考まで。

お礼

貴重な御意見をありがとうございます。
私はPCサイトとケータイサイトと同じURLを使っているため、空白行はわりと多めです(とは言っても非常識なくらい多くないつもりです)。

<p>描写<br>
「セリフ」<br>
<ｂｒ>
「セリフ」<br>
描写</p>

↑パッと文章が思い付かないため、手抜きですみません。
台詞と台詞は空白行１行。
場面転換はマージンにて指定(２～３行分)。ビルダー使いの初心者です。苦笑。

ケータイサイトで人気連載を何本か。＋エッセイも同時進行です。
レンタルＨＰのため、データ消失等があったら困るため、バックアップも兼ねて仕上がったページから順次ビルダーにて(こちらはPC＆ケータイともに同じURLです)自分のサイトにバックアップ…、というカタチを取っております。

執筆＆添削作業は…、やはりと言いますか、ケータイのレンタルＨＰの方が使い勝手はいいです。
幼い頃より文章を書くことが好きだった私から見ると。。。その人のスタイルがあるでしょうから否定はしませんが…、同じレンタルＨＰの他の作家さんは空白改行20行＋本文１行＋空白改行20行→次ページに続く。。。とかって人も居ます。

私自身は視力が弱いため、自分で打った文章も画面の近いケータイで読み返す事が多いので、どうしてもケータイで見た時のレイアウト重視です。
マークアップを気にするようになったのはつい最近です。

まぁ、作家ですしエッセイも執筆中ゆえ法律の勉強やら色々大変です。

話しを戻します(苦笑)長くなってすみません。
確かに「Web作家さん」と言いましてもタグの付け方が分かれていますよね！文章に力を入れている方やレイアウトに力を入れている方etcetc…。
私のように<p>と<br>と</div>の使い分けで戸惑っている人…、私ぐらいですね。苦笑。

ayustarさんはDreamweaverを使っておられるんですね(尊敬します)。先日、試しにダウンロードして撃沈しました(泣)
…その知人曰く「<br>や<p>は最低限のルールさえ守っていれば作成しやすい方法で自由に！力を入れるべきは、まず文章」と。一喝されました。。。

長文乱文すみません。←結局答えになっていない(苦笑)

回答No.3

k0021

作者が別の歴史の本は、記載していますが。

<p>は、一部縦書きで使用していますが「display:inline」により１行の空白行が挿入されるのを中止しています。

>段落内の空白行は<br>の連続でも構わない
W3Cの勧告によりソフトをチェックする。フリーソフトAnother HTML-lint gatewayでは、減点エラーになりますので。
margin-top:1.5文字間隔を150%で指定していますので。

<p>や<rep>等の１行の空白行が挿入される項目は　中止しています。

段落等文字の大きさ変える場合は、行間を変更したりしています。
記述例　font:bold 2em/300% 'ＭＳ 明朝',serif;

なお<rep>は、半角の英数字は、Ssfariの場合　全角で表示されますので　'ＭＳ 明朝'　を指定しています

お礼

貴重な御意見をありがとうございます。
そうなんですよね。厳格仕様の構文チェックをかけてみると１点減点になるので、それだけが気になっているんです。
W3Cの構文チェックは通るんですけれど。

かと言って段落でもないのに<p>や<div>で区切るのも如何なものかと思いまして…、気にしてマークアップされている他のWeb作家さん達はどうしているんだろう？
と、思いまして今回質問してみました。

ちなみに私の周りの作家さんは全員<br>にて空白行を作っています。
「みんながやっているんだからいいじゃん」と言う考え方は嫌いでして…。
それで現場の人に尋ねてみたのですが「<br>の２つ連続は問題ない」と。
ですが、厳格仕様では合格点を貰えないわけで。

合格点を取ろうと思ったら全て<p>や<div>などで括ってしまえば取れますけれども、人の目で見るとおかしなマークアップになる…。
青空文庫は<br>で空白行を作っていますし。

私はHTMLに興味を持ってまだまだ日が浅く、テキストには「<br>、<p>要素、<div>要素の安易な使用はダメだ」と書かれていますが、論文ではないから行間一律固定…、というのも変ですし(変というより文章に携わっているからには、こだわりたいです)。
特に作中に自作の詩も登場するため、描写部分と分けたい…。

さぁどうする？と、今のところ詩の部分のみ<diV>で括っていますけれど、こだわっている作家さんを探して見ましたが、見つからず…です。
このような場で質問したほうが小説サイトのソース欄を闇雲に見て回るよりも有益な情報交換が出来るのでは？と思いまして…、というより、皆さん空白行をどう作っているのか。素朴な疑問が沸きました(マークアップに気を使っている人は特に)。

回答No.1

metametamu

小説とかは書いていないでのすが・・・

そっと後ろを振り返えった。

「久しぶり」

そこには姉がいた。

こんな文章を表現したいとします。

<p>そっと後ろを振り返えった。<br><br>「久しぶり」<br><br>そこには姉がいた。</p>

多分今記述されている方法ってこんな感じですよね。
私ならpre要素の方がより適したマークアップだと思います。

スペースや改行を表現として利用する場合、HTMLでは意味を付加することができません。用途としての目的がありませんから。
なので、整形という概念を許容するpre要素を利用しなくてはマークアップが破綻し、何のためにp要素を利用しているのかわからず本末転倒になってしまいます。

ただ、preそのままだと幅いっぱいになると自動で改行してくれなくて困ることがあると思います。
改行させるにはwhite-spaceを使います。

pre{
white-space: -moz-pre-wrap;
white-space: -pre-wrap;
white-space: -o-pre-wrap;
white-space: pre-wrap;
word-wrap: break-word;
}

<pre>そっと後ろを振り返えった。

「久しぶり」

そこには姉がいた。</pre>

お礼

貴重な意見をありがとうございます。
<pre>は皆さん推しますね。

HTMLの勉強を始めてまだ日が浅いものですから…。
white-spaceですか。
ありがとうございます！試してみます。

前に１度<pre>で玉砕しました。苦笑。
早速CSSで試してみますー。