CSS確認用エントリー

ブログのテンプレートを入れ替えた場合には、本当に思ったとおりの表現になってるか確認しないとマズイ…

そういう場合、自分は表記できるHTMLタグをだら～っっと書いた記事を作って非公開設定でCSSを確認してます(非公開が無い場合は一時的に公開)

華乃風日日 実験中。
http://curryichimanyen.blog50.fc2.com/blog-entry-3.html
…なんか苦労してるみたいなので実例を出してみます。

↓こんな感じの記事をですね作るんです。
<br />Style Sheet 確認用の表示サンプル記事。<br />どのタグを使っているかは<>を[]囲みで置き換えて記述。<br />[br /]は自動で入るモードと入らないモードがあるか確認で。<br /><br /><hr />[hr /]区切り線<br /><h1>[h1]見出しレベル１[/h1]</h1><br /><h2>[h2]見出しレベル２[/h2]</h2><br /><h3>[h3]見出しレベル３[/h3]</h3><br /><h4>[h4]見出しレベル４[/h4]</h4><br /><h5>[h5]見出しレベル５[/h5]</h5><br /><h6>[h6]見出しレベル６[/h6]</h6><br /><em>[em]強調する[/em]</em><br /><strong>[strong]さらに強調[/strong]</strong><br /><br /><i>[i]イタリック[/i]</i><br /><b>[b]ボールド[/b]</b><br /><u>[u]アンダーライン[/u]</u><br /><tt>[tt]等ピッチfont[/tt]</tt><br /><small>[small]font小[/small]</small><br /><big>[big]font大[/big]</big><br /><br />上付き添え字 cm² [sup]2[/sup]<br />下付き添え字 H₂O [sub]2[/sub]<br /><dfn>[dfn]定義語[/dfn]</dfn><br /><ins>[ins]挿入する語[/ins]</ins><br /><del>[del]削除する語[/del]</del><br /><blockquote>[blockquote]引用文をだらだら書く<br /><cite>[cite]引用元を明記する[/cite]</cite><br />[/blockquote]</blockquote><br />文章を書いていき、<q>[q]途中に引用が入っている[/q]</q><br />そんな場合の例。<br /><pre>[pre]整形済の要素[/pre]</pre><br /><code>[code]ソースコード[/code]</code><br /><textarea>[textarea]テキストエリア[/textarea]</textarea><br />以下TABLE→↓<br /><table border="2"> <tr><th>ヘッダ１</th><th>ヘッダ２</th><th>ヘッダ３</th></tr> <tr><td>項目１－１</td><td>項目１－２</td><td>項目１－３</td></tr> <tr><td>項目２－１</td><td>項目２－２</td><td>項目２－３</td></tr> </table><br />

で、実際にどうなるかってぇと、以下URL

ならぬものはならぬ » Style Sheet 確認用
http://www1.atword.jp/hekimoe/archives/20061019/welcome/

忍者ブログでのパターンは…

Style Sheet 確認用の表示サンプル記事。
どのタグを使っているかは<>を[]囲みで置き換えて記述。
[br /]は自動で入るモードと入らないモードがあるか確認で。

---

[hr /]区切り線

[h1]見出しレベル１[/h1]

[h2]見出しレベル２[/h2]

[h3]見出しレベル３[/h3]

[h4]見出しレベル４[/h4]

[h5]見出しレベル５[/h5]

[h6]見出しレベル６[/h6]

[em]強調する[/em]
[strong]さらに強調[/strong]

[i]イタリック[/i]
[b]ボールド[/b]
[u]アンダーライン[/u]
[tt]等ピッチfont[/tt]
[small]font小[/small]
[big]font大[/big]

上付き添え字 cm² [sup]2[/sup]
下付き添え字 H₂O [sub]2[/sub]
[dfn]定義語[/dfn]
[ins]挿入する語[/ins]
[del]削除する語[/del]

[blockquote]引用文をだらだら書く
[cite]引用元を明記する[/cite]
[/blockquote]

文章を書いていき、[q]途中に引用が入っている[/q]
そんな場合の例。

[pre]整形済の要素[/pre]

[code]ソースコード[/code]
[textarea]テキストエリア[/textarea]
以下TABLE→↓

ヘッダ１	ヘッダ２	ヘッダ３
項目１－１	項目１－２	項目１－３
項目２－１	項目２－２	項目２－３

• リスト１
• リスト２
• リスト２－１
• リスト２－２
• リスト３

1. 数字リスト１
2. 数字リスト２
1. 数字リスト２－１
2. 数字リスト２－２
3. 数字リスト３