基本文の見やすさチェック用ソース

見出しタグのデザインなどが見やすいものになっているかをチェックする為のサンプル文です。

用意した確認用ソースを投稿管理画面の「テキストモード」にコピペして記事の見出しタグなどが見やすいデザインになっているか確認するのに便利だと思います。

その他、記事パーツ全体の確認はコチラ

確認用ソース

<p>これはダミーのテキストですこれはダミーのテキストですこれはダミーのテキストですこれはダミーのテキストです</p>
<h2>これはh2タグの見出しです</h2>
<p>これはダミーのテキストですこれはダミーのテキストですこれはダミーのテキストですこれはダミーのテキストです</p>
<h3>これはh3タグの見出しです</h3>
<p>これはダミーのテキストですこれはダミーのテキストですこれはダミーのテキストですこれはダミーのテキストです</p>
<h4>これはh4タグの見出しです</h4>
<p>これはダミーのテキストですこれはダミーのテキストですこれはダミーのテキストですこれはダミーのテキストです</p>
<h4>これはh4タグの見出しです</h4>
<p>これはダミーのテキストですこれはダミーのテキストですこれはダミーのテキストですこれはダミーのテキストです</p>
<h5>これはh5タグの見出しです</h5>
<p>これはダミーのテキストですこれはダミーのテキストですこれはダミーのテキストですこれはダミーのテキストです</p>
<h5>これはh5タグの見出しです</h5>
<p>これはダミーのテキストですこれはダミーのテキストですこれはダミーのテキストですこれはダミーのテキストです</p>
<h2>これはh2タグの見出しです</h2>
<h3>これはh3タグの見出しです</h3>
<p><img src="https://uploader.xzy.pw/upload/20180627174715_85e84826_447237556d.jpg" /></p>
<p>これはダミーのテキストですこれはダミーのテキストですこれはダミーのテキストですこれはダミーのテキストです</p>
<blockquote>
<p>これは抜粋のダミーですこれは抜粋のダミーですこれは抜粋のダミーですこれは抜粋のダミーです</p>
</blockquote>
<h3>これはh3タグの見出しです</h3>
<h4>これはh4タグの見出しです</h4>
<p>これはダミーのテキストですこれはダミーのテキストですこれはダミーのテキストですこれはダミーのテキストです</p>
<div class="scroll-box">
<table style="border-collapse: collapse; width: 100%;" border="1">
<tbody>
<tr>
<td style="width: 25%;">ダミーのテキスト</td>
<td style="width: 25%;">ダミーのテキスト</td>
<td style="width: 25%;">ダミーのテキスト</td>
<td style="width: 25%;">ダミーのテキスト</td>
</tr>
<tr>
<td style="width: 25%;">ダミーのテキスト</td>
<td style="width: 25%;">ダミーのテキスト</td>
<td style="width: 25%;">ダミーのテキスト</td>
<td style="width: 25%;">ダミーのテキスト</td>
</tr>
</tbody>
</table>
</div>
<h5>これはh5タグの見出しです</h5>
<p>これはダミーのテキストですこれはダミーのテキストですこれはダミーのテキストですこれはダミーのテキストです</p>
<h5>これはh5タグの見出しです</h5>
<p>これはダミーのテキストですこれはダミーのテキストですこれはダミーのテキストですこれはダミーのテキストです</p>
<h4>これはh4タグの見出しです</h4>
<p>これはダミーのテキストですこれはダミーのテキストですこれはダミーのテキストですこれはダミーのテキストです</p>
<h5>これはh5タグの見出しです</h5>
<p>これはダミーのテキストですこれはダミーのテキストですこれはダミーのテキストですこれはダミーのテキストです</p>
<h5>これはh5タグの見出しです</h5>
<p>これはダミーのテキストですこれはダミーのテキストですこれはダミーのテキストですこれはダミーのテキストです</p>
<h2>これはh2タグの見出しです</h2>
<p>これはダミーのテキストですこれはダミーのテキストですこれはダミーのテキストですこれはダミーのテキストです</p>
<h3>これはh3タグの見出しです</h3>
<div class="clearfix responbox50 smart50">
<div class="lbox">
<p><img src="https://uploader.xzy.pw/upload/20180627174715_85e84826_447237556d.jpg" /></p>
</div>
<div class="rbox">
<p><img src="https://uploader.xzy.pw/upload/20180627174715_85e84826_447237556d.jpg" /></p>
</div>
</div>
<p>これはダミーのテキストですこれはダミーのテキストですこれはダミーのテキストですこれはダミーのテキストです</p>
<ul>
  <li>これはダミーのテキストです</li>
  <li>これはダミーのテキストです</li>
  <li>これはダミーのテキストです</li>
</ul>
<p>これはダミーのテキストですこれはダミーのテキストですこれはダミーのテキストですこれはダミーのテキストですこれはダミーのテキストですこれはダミーのテキストですこれはダミーのテキストですこれはダミーのテキストです</p>
<p>これはダミーのテキストですこれはダミーのテキストですこれはダミーのテキストですこれはダミーのテキストです</p>
<ol>
  <li>これはダミーのテキストです</li>
  <li>これはダミーのテキストです</li>
  <li>これはダミーのテキストです</li>
</ol>
<p>これはダミーのテキストですこれはダミーのテキストですこれはダミーのテキストですこれはダミーのテキストです</p>
<h3>これはh3タグの見出しです</h3>
<p>これはダミーのテキストですこれはダミーのテキストですこれはダミーのテキストですこれはダミーのテキストです</p>
<div class="maruck">
<ul>
  <li>これはダミーのテキストです</li>
  <li>これはダミーのテキストです</li>
  <li>これはダミーのテキストです</li>
</ul>
</div>
<p>これはダミーのテキストですこれはダミーのテキストですこれはダミーのテキストですこれはダミーのテキストですこれはダミーのテキストですこれはダミーのテキストですこれはダミーのテキストですこれはダミーのテキストです</p>
<p>これはダミーのテキストですこれはダミーのテキストですこれはダミーのテキストですこれはダミーのテキストです</p>
<div class="maruno">
<ol>
  <li>これはダミーのテキストです</li>
  <li>これはダミーのテキストです</li>
  <li>これはダミーのテキストです</li>
</ol>
</div>
<h4><span class="st-count">これはh4タグに「カウント」を設定しています</span></h4>
<p>これはダミーのテキストですこれはダミーのテキストですこれはダミーのテキストですこれはダミーのテキストです</p>
<h4><span class="st-count">これはh4タグに「カウント」を設定しています</span></h4>
<p>これはダミーのテキストですこれはダミーのテキストですこれはダミーのテキストですこれはダミーのテキストです</p>
<h4><span class="st-count">これはh4タグに「カウント」を設定しています</span></h4>
<p>これはダミーのテキストですこれはダミーのテキストですこれはダミーのテキストですこれはダミーのテキストです</p>
<h4 class="st-matome">これは「まとめ用」の見出しです</h4>
<p>これはダミーのテキストですこれはダミーのテキストですこれはダミーのテキストですこれはダミーのテキストです</p>

(以下、コピペした場合の表示例です)

これはh2タグの見出しです

これはダミーのテキストですこれはダミーのテキストですこれはダミーのテキストですこれはダミーのテキストです

これはh3タグの見出しです

これはダミーのテキストですこれはダミーのテキストですこれはダミーのテキストですこれはダミーのテキストです

これはh4タグの見出しです

これはダミーのテキストですこれはダミーのテキストですこれはダミーのテキストですこれはダミーのテキストです

これはh4タグの見出しです

これはダミーのテキストですこれはダミーのテキストですこれはダミーのテキストですこれはダミーのテキストです

これはh5タグの見出しです

これはダミーのテキストですこれはダミーのテキストですこれはダミーのテキストですこれはダミーのテキストです

これはh5タグの見出しです

これはダミーのテキストですこれはダミーのテキストですこれはダミーのテキストですこれはダミーのテキストです

これはh2タグの見出しです

これはh3タグの見出しです

これはダミーのテキストですこれはダミーのテキストですこれはダミーのテキストですこれはダミーのテキストです

これは抜粋のダミーですこれは抜粋のダミーですこれは抜粋のダミーですこれは抜粋のダミーです

これはh3タグの見出しです

これはh4タグの見出しです

これはダミーのテキストですこれはダミーのテキストですこれはダミーのテキストですこれはダミーのテキストです

ダミーのテキスト ダミーのテキスト ダミーのテキスト ダミーのテキスト
ダミーのテキスト ダミーのテキスト ダミーのテキスト ダミーのテキスト
これはh5タグの見出しです

これはダミーのテキストですこれはダミーのテキストですこれはダミーのテキストですこれはダミーのテキストです

これはh5タグの見出しです

これはダミーのテキストですこれはダミーのテキストですこれはダミーのテキストですこれはダミーのテキストです

これはh4タグの見出しです

これはダミーのテキストですこれはダミーのテキストですこれはダミーのテキストですこれはダミーのテキストです

これはh5タグの見出しです

これはダミーのテキストですこれはダミーのテキストですこれはダミーのテキストですこれはダミーのテキストです

これはh5タグの見出しです

これはダミーのテキストですこれはダミーのテキストですこれはダミーのテキストですこれはダミーのテキストです

これはh2タグの見出しです

これはダミーのテキストですこれはダミーのテキストですこれはダミーのテキストですこれはダミーのテキストです

これはh3タグの見出しです

これはダミーのテキストですこれはダミーのテキストですこれはダミーのテキストですこれはダミーのテキストです

  • これはダミーのテキストです
  • これはダミーのテキストです
  • これはダミーのテキストです

これはダミーのテキストですこれはダミーのテキストですこれはダミーのテキストですこれはダミーのテキストですこれはダミーのテキストですこれはダミーのテキストですこれはダミーのテキストですこれはダミーのテキストです

これはダミーのテキストですこれはダミーのテキストですこれはダミーのテキストですこれはダミーのテキストです

  1. これはダミーのテキストです
  2. これはダミーのテキストです
  3. これはダミーのテキストです

これはダミーのテキストですこれはダミーのテキストですこれはダミーのテキストですこれはダミーのテキストです

これはh3タグの見出しです

これはダミーのテキストですこれはダミーのテキストですこれはダミーのテキストですこれはダミーのテキストです

  • これはダミーのテキストです
  • これはダミーのテキストです
  • これはダミーのテキストです

これはダミーのテキストですこれはダミーのテキストですこれはダミーのテキストですこれはダミーのテキストですこれはダミーのテキストですこれはダミーのテキストですこれはダミーのテキストですこれはダミーのテキストです

これはダミーのテキストですこれはダミーのテキストですこれはダミーのテキストですこれはダミーのテキストです

  1. これはダミーのテキストです
  2. これはダミーのテキストです
  3. これはダミーのテキストです

これはh4タグに「カウント」を設定しています

これはダミーのテキストですこれはダミーのテキストですこれはダミーのテキストですこれはダミーのテキストです

これはh4タグに「カウント」を設定しています

これはダミーのテキストですこれはダミーのテキストですこれはダミーのテキストですこれはダミーのテキストです

これはh4タグに「カウント」を設定しています

これはダミーのテキストですこれはダミーのテキストですこれはダミーのテキストですこれはダミーのテキストです

これは「まとめ用」の見出しです

これはダミーのテキストですこれはダミーのテキストですこれはダミーのテキストですこれはダミーのテキストです

 

投稿日:

Copyright© 【公式】STINGER STORE , 2018 All Rights Reserved Powered by AFFINGER5.