忍者ブログ

Home > > 記事スタイルサンプル

[PR]

  • 2017-03-25
×

[PR]上記の広告は3ヶ月以上新規記事投稿のないブログに表示されています。新しい記事を書く事で広告が消えます。

Comments:

Trackback+Pingback:

Listed below are links to weblogs that reference
[PR] from 忍者ブログでVicunaのNinja(shino.Vicuna)

Home > > 記事スタイルサンプル

Home > Help > 記事スタイルサンプル

記事スタイルサンプル

投稿した記事は以下のようなスタイルになります。
最後にソースも載せてありますので参考にして下さい。

[そのまま]

そのまま書いた文字列はきちんとレイアウトされません。
※ div直下にテキストを書くことになるので、html的にもよろしくありません。

[<p>で]

pタグで囲めば、このようにちゃんとレイアウトされます。

[<div>で]

divタグで囲むだけだと、やはりダメです。
※ html的にも、そのまま書いたのと同様、正しくありません。

[div > p]

<div> + <p>で囲めばもちろんOKです。

[見出し]

<h1>

h1が記事内にあるのはあんまよくないかも
っていうかトップページで非表示になっちゃうからダメですね;(ちなみにこれは<strong>)

<h2>

h2もあんまり…かな。
(h2も記事以外の大見出しとして使われてるので)

<h3>

h3~5は問題なし、だと思う。

<h4>

<h5>

[リスト]

  • ul > li
  1. ol > li
dl > dt
dl > dd

その他

引用(blockquote)
ソースコードとか(pre)

[まとめ]

以上。
一応、この記事のソースは続きに置いておきます。

[ソース]

<p>
投稿した記事は以下のようなスタイルになります。
<br />最後にソースも載せてありますので参考にして下さい。
</p>

<h3>[そのまま]</h3>
そのまま書いた文字列はきちんとレイアウトされません。
<br />※ div直下にテキストを書くことになるので、html的にもよろしくありません。

<h3>[&lt;p&gt;で]</h3>
<p>pタグで囲めば、このようにちゃんとレイアウトされます。</p>

<h3>[&lt;div&gt;で]</h3>
<div>divタグで囲むだけだと、やはりダメです。
<br>※ html的にも、そのまま書いたのと同様、正しくありません。</div>

<h3>[div &gt; p]</h3>
<div><p>&lt;div&gt; + &lt;p&gt;で囲めばもちろんOKです。</p></div>

<h3>[見出し]</h3>
<h1>&lt;h1&gt;</h1>
<p>h1が記事内にあるのは<del>あんまよくないかも</del>。
<br /><strong>っていうかトップページで非表示になっちゃうからダメですね;(ちなみにこれは&lt;strong&gt;)</strong></p>
<h2>&lt;h2&gt;</h2>
<p>h2もあんまり…かな。
<br />(h2も記事以外の大見出しとして使われてるので)</p>
<h3>&lt;h3&gt;</h3>
<p>h3~5は問題なし、だと思う。</p>
<h4>&lt;h4&gt;</h4>
<h5>&lt;h5&gt;</h5>

<h3>[リスト]</h3>

<ul>
<li>ul &gt; li</li>
</ul>

<ol>
<li>ol &gt; li</li>
</ol>

<dl>
<dt>dl &gt; dt</dt>
<dd>dl &gt; dd</dd>
</dl>

<h3>その他</h3>

<blockquote>引用(blockquote)</blockquote>

<pre>ソースコードとか(pre)</pre>

<h3>[まとめ]</h3>

<p>以上。
<br />一応、この記事のソースは続きに置いておきます。
</p>
PR

Comments:0

Comment Form

Trackback+Pingback:0

TrackBack URL for this entry
Listed below are links to weblogs that reference
記事スタイルサンプル from 忍者ブログでVicunaのNinja(shino.Vicuna)

Home > Help > 記事スタイルサンプル

Recent Comments
Recent Trackback
Search
Meta
Links
Feeds

Page Top