印刷用表示へ切り替え 通常表示へ切り替え 更新履歴を表示 更新履歴を隠す
MovableType 改行するのか、しないのか

エントリを投稿する時、改行を自動挿入するモードとしないモードの2つを選択できる。どちらを選ぶか、それが問題である。

■ ■ ■

改行を自動的に挿入してくれるモードは非常に便利である。しかし、弊害もある。例えば、以下のようなことである。

  • <ul>...</ul>, <ol>...</ol>, <blockquote>...</blockquote> で囲んだ部分と本文の間が間延びする
  • <pre>...</pre> の各行が1行おきになる

これは、すべての行末に <br /> が挿入されてしまうことが原因である。<ul>...</ul> などは何とかなるが、<pre>...</pre> だけはどうにもならない。 例えばこんな感じになってしまうのだ。

<MTEntryCategories>

<img src="<$MTBlogURL$>mticons/<$MTCategoryLabel$>.gif"

border="0" width="80" height="15" alt="<$MTCategoryLabel$>" />

</MTEntryCategories>

美しくない。

仕方ないので、次のように場合によって使い分けている。

  • 上記のタグを使わない場合は「改行モード」
  • <ul>...</ul> を使う場合は、続けて書いて「改行モード」
    例えば、<ul><li>こんな感じで</li><li>改行せずに</li><li>続けて</li></ul>書く
    あるいは、

    <ul>
    <li>こんな感じで</li>
    <li>タグの切れ目で改行しながら</li>
    </ul>

    書く。このとき、<ul>...</ul> の前後には空行を入れるようにする。
  • <pre></pre>がある場合は「改行しないモード」にして、各段落は<p>...</p>で囲む

2011年2月11日追記:
現在は,すべての記事を「改行モード」で書いています。<ul>...</ul> を使う場合は,上記のように,タグの切れ目で改行しています。ただし,空行は入れないようにします。<pre>...</pre> も,「改行モード」で書き,行末に <br /> を書いて強制改行します。注意としては,やはり空行を入れないことです。空行を入れると段落とみなされるため,段落が <p>...</p> で括られて HTML として Valid でなくなってしまいます。HTML の見た目で空行を入れたいときは,若干格好悪いですが <br /><br /> とします。

Posted by n at 2004-02-11 10:47 | Edit | Comments (0) | Trackback(0)
Trackbacks

  • 「手違いで複数トラックバックを送ってしまった!」という場合でも気にしないでください (重複分はこちらで勝手に削除させていただきます)
  • タイムアウトエラーは,こちらのサーバの処理能力不足が原因です (詳細は トラックバック送信時のエラー をご覧ください)
  • トラックバックする記事には,この記事へのリンクを含めてください(詳細は 迷惑トラックバック対策 をご覧ください)
Comments
Post a comment
  • 電子メールアドレスは必須ですが,表示されません (気になる場合は「メールアドレスのような」文字列でもOKです)
  • URL を入力した場合はリンクが張られます
  • コメント欄内ではタグは使えません
  • コメント欄内に URL を記入した場合は自動的にリンクに変換されます
  • コメント欄内の改行はそのまま改行となります
  • 「Confirmation Code」に表示されている数字を入力してください (迷惑コメント対策です)


(必須, 表示されます)


(必須, 表示されません)


(任意, リンクされます)


Confirmation Code (必須)


Remember info (R)?