ブログカードのテスト

<html><head></head><body><div class="toc-wrapper"><input type="checkbox" class="toc-checkbox" id="toc-checkbox-v77ng647nh" checked><label class="toc-title" for="toc-checkbox-v77ng647nh">目次</label><nav class="toc"><ol class="toc-level toc-level-1"><li class="toc-item toc-item-h2"><a class="toc-link toc-link-h2" href="#見出し２のテスト１">見出し２のテスト１</a></li><li class="toc-item toc-item-h2"><a class="toc-link toc-link-h2" href="#見出し２のテスト２">見出し２のテスト２</a><ol class="toc-level toc-level-2"><li class="toc-item toc-item-h3"><a class="toc-link toc-link-h3" href="#見出し３のテスト１">見出し３のテスト１</a></li><li class="toc-item toc-item-h3"><a class="toc-link toc-link-h3" href="#見出し３のテスト２">見出し３のテスト２</a><ol class="toc-level toc-level-3"><li class="toc-item toc-item-h4"><a class="toc-link toc-link-h4" href="#見出し４のテスト">見出し４のテスト</a></li></ol></li></ol></li><li class="toc-item toc-item-h2"><a class="toc-link toc-link-h2" href="#これは長い見出しのテストですこれは長い見出しのテストですこれは長い見出しのテストですこれは長い見出しのテストです">これは長い見出しのテストです。これは長い見出しのテストです。これは長い見出しのテストです。これは長い見出しのテストです。</a></li><li class="toc-item toc-item-h2"><a class="toc-link toc-link-h2" href="#短い">短い</a></li></ol></nav></div><p>目次の動作テスト</p>
<hr>
<h2 id="見出し２のテスト１">見出し２のテスト１<a aria-hidden="true" tabindex="-1" href="#見出し２のテスト１"><svg class="icon icon-link" role="img" xmlns="http://www.w3.org/2000/svg" width="20px" height="20px" viewBox="0 0 24 24" aria-labelledby="paperclipIconTitle" stroke="#2329EE" stroke-width="1" stroke-linecap="square" stroke-linejoin="miter" fill="none" color="#131996"><path d="M7.93517339,13.7795989 L15.1617306,6.55304173 C16.03921,5.67631227 17.4656766,5.67631227 18.343156,6.55304173 C19.2206355,7.43052116 19.2206355,8.85773771 18.343156,9.73521714 L8.40091248,19.5477137 C6.93619681,21.0124294 4.56325242,21.0124294 3.09853675,19.5477137 C1.63382108,18.083748 1.63382108,15.7093037 3.09853675,14.245338 L12.9335328,4.53783896 C14.9839848,2.48738701 18.3094068,2.48738701 20.3568588,4.53783896 C22.4088107,6.58904088 22.4088107,9.91146301 20.3583588,11.961915 L13.2390491,19.0819746"></path></svg></a></h2>
<p>これは１つめの見出し２です。</p>
<h2 id="見出し２のテスト２">見出し２のテスト２<a aria-hidden="true" tabindex="-1" href="#見出し２のテスト２"><svg class="icon icon-link" role="img" xmlns="http://www.w3.org/2000/svg" width="20px" height="20px" viewBox="0 0 24 24" aria-labelledby="paperclipIconTitle" stroke="#2329EE" stroke-width="1" stroke-linecap="square" stroke-linejoin="miter" fill="none" color="#131996"><path d="M7.93517339,13.7795989 L15.1617306,6.55304173 C16.03921,5.67631227 17.4656766,5.67631227 18.343156,6.55304173 C19.2206355,7.43052116 19.2206355,8.85773771 18.343156,9.73521714 L8.40091248,19.5477137 C6.93619681,21.0124294 4.56325242,21.0124294 3.09853675,19.5477137 C1.63382108,18.083748 1.63382108,15.7093037 3.09853675,14.245338 L12.9335328,4.53783896 C14.9839848,2.48738701 18.3094068,2.48738701 20.3568588,4.53783896 C22.4088107,6.58904088 22.4088107,9.91146301 20.3583588,11.961915 L13.2390491,19.0819746"></path></svg></a></h2>
<p>これは２つめの見出し２です。</p>
<h3 id="見出し３のテスト１">見出し３のテスト１<a aria-hidden="true" tabindex="-1" href="#見出し３のテスト１"><svg class="icon icon-link" role="img" xmlns="http://www.w3.org/2000/svg" width="20px" height="20px" viewBox="0 0 24 24" aria-labelledby="paperclipIconTitle" stroke="#2329EE" stroke-width="1" stroke-linecap="square" stroke-linejoin="miter" fill="none" color="#131996"><path d="M7.93517339,13.7795989 L15.1617306,6.55304173 C16.03921,5.67631227 17.4656766,5.67631227 18.343156,6.55304173 C19.2206355,7.43052116 19.2206355,8.85773771 18.343156,9.73521714 L8.40091248,19.5477137 C6.93619681,21.0124294 4.56325242,21.0124294 3.09853675,19.5477137 C1.63382108,18.083748 1.63382108,15.7093037 3.09853675,14.245338 L12.9335328,4.53783896 C14.9839848,2.48738701 18.3094068,2.48738701 20.3568588,4.53783896 C22.4088107,6.58904088 22.4088107,9.91146301 20.3583588,11.961915 L13.2390491,19.0819746"></path></svg></a></h3>
<p>これは１つめの見出し３です。</p>
<h3 id="見出し３のテスト２">見出し３のテスト２<a aria-hidden="true" tabindex="-1" href="#見出し３のテスト２"><svg class="icon icon-link" role="img" xmlns="http://www.w3.org/2000/svg" width="20px" height="20px" viewBox="0 0 24 24" aria-labelledby="paperclipIconTitle" stroke="#2329EE" stroke-width="1" stroke-linecap="square" stroke-linejoin="miter" fill="none" color="#131996"><path d="M7.93517339,13.7795989 L15.1617306,6.55304173 C16.03921,5.67631227 17.4656766,5.67631227 18.343156,6.55304173 C19.2206355,7.43052116 19.2206355,8.85773771 18.343156,9.73521714 L8.40091248,19.5477137 C6.93619681,21.0124294 4.56325242,21.0124294 3.09853675,19.5477137 C1.63382108,18.083748 1.63382108,15.7093037 3.09853675,14.245338 L12.9335328,4.53783896 C14.9839848,2.48738701 18.3094068,2.48738701 20.3568588,4.53783896 C22.4088107,6.58904088 22.4088107,9.91146301 20.3583588,11.961915 L13.2390491,19.0819746"></path></svg></a></h3>
<p>これは２つめの見出し３です。</p>
<h4 id="見出し４のテスト">見出し４のテスト<a aria-hidden="true" tabindex="-1" href="#見出し４のテスト"><svg class="icon icon-link" role="img" xmlns="http://www.w3.org/2000/svg" width="20px" height="20px" viewBox="0 0 24 24" aria-labelledby="paperclipIconTitle" stroke="#2329EE" stroke-width="1" stroke-linecap="square" stroke-linejoin="miter" fill="none" color="#131996"><path d="M7.93517339,13.7795989 L15.1617306,6.55304173 C16.03921,5.67631227 17.4656766,5.67631227 18.343156,6.55304173 C19.2206355,7.43052116 19.2206355,8.85773771 18.343156,9.73521714 L8.40091248,19.5477137 C6.93619681,21.0124294 4.56325242,21.0124294 3.09853675,19.5477137 C1.63382108,18.083748 1.63382108,15.7093037 3.09853675,14.245338 L12.9335328,4.53783896 C14.9839848,2.48738701 18.3094068,2.48738701 20.3568588,4.53783896 C22.4088107,6.58904088 22.4088107,9.91146301 20.3583588,11.961915 L13.2390491,19.0819746"></path></svg></a></h4>
<p>これは見出し４です。</p>
<h5 id="見出し５のテスト">見出し５のテスト<a aria-hidden="true" tabindex="-1" href="#見出し５のテスト"><svg class="icon icon-link" role="img" xmlns="http://www.w3.org/2000/svg" width="20px" height="20px" viewBox="0 0 24 24" aria-labelledby="paperclipIconTitle" stroke="#2329EE" stroke-width="1" stroke-linecap="square" stroke-linejoin="miter" fill="none" color="#131996"><path d="M7.93517339,13.7795989 L15.1617306,6.55304173 C16.03921,5.67631227 17.4656766,5.67631227 18.343156,6.55304173 C19.2206355,7.43052116 19.2206355,8.85773771 18.343156,9.73521714 L8.40091248,19.5477137 C6.93619681,21.0124294 4.56325242,21.0124294 3.09853675,19.5477137 C1.63382108,18.083748 1.63382108,15.7093037 3.09853675,14.245338 L12.9335328,4.53783896 C14.9839848,2.48738701 18.3094068,2.48738701 20.3568588,4.53783896 C22.4088107,6.58904088 22.4088107,9.91146301 20.3583588,11.961915 L13.2390491,19.0819746"></path></svg></a></h5>
<p>これは見出し５ですが設定により目次には表示されません。</p>
<h6 id="見出し６のテスト">見出し６のテスト<a aria-hidden="true" tabindex="-1" href="#見出し６のテスト"><svg class="icon icon-link" role="img" xmlns="http://www.w3.org/2000/svg" width="20px" height="20px" viewBox="0 0 24 24" aria-labelledby="paperclipIconTitle" stroke="#2329EE" stroke-width="1" stroke-linecap="square" stroke-linejoin="miter" fill="none" color="#131996"><path d="M7.93517339,13.7795989 L15.1617306,6.55304173 C16.03921,5.67631227 17.4656766,5.67631227 18.343156,6.55304173 C19.2206355,7.43052116 19.2206355,8.85773771 18.343156,9.73521714 L8.40091248,19.5477137 C6.93619681,21.0124294 4.56325242,21.0124294 3.09853675,19.5477137 C1.63382108,18.083748 1.63382108,15.7093037 3.09853675,14.245338 L12.9335328,4.53783896 C14.9839848,2.48738701 18.3094068,2.48738701 20.3568588,4.53783896 C22.4088107,6.58904088 22.4088107,9.91146301 20.3583588,11.961915 L13.2390491,19.0819746"></path></svg></a></h6>
<p>これは見出し６ですが設定により目次には表示されません。</p>
<h2 id="これは長い見出しのテストですこれは長い見出しのテストですこれは長い見出しのテストですこれは長い見出しのテストです">これは長い見出しのテストです。これは長い見出しのテストです。これは長い見出しのテストです。これは長い見出しのテストです。<a aria-hidden="true" tabindex="-1" href="#これは長い見出しのテストですこれは長い見出しのテストですこれは長い見出しのテストですこれは長い見出しのテストです"><svg class="icon icon-link" role="img" xmlns="http://www.w3.org/2000/svg" width="20px" height="20px" viewBox="0 0 24 24" aria-labelledby="paperclipIconTitle" stroke="#2329EE" stroke-width="1" stroke-linecap="square" stroke-linejoin="miter" fill="none" color="#131996"><path d="M7.93517339,13.7795989 L15.1617306,6.55304173 C16.03921,5.67631227 17.4656766,5.67631227 18.343156,6.55304173 C19.2206355,7.43052116 19.2206355,8.85773771 18.343156,9.73521714 L8.40091248,19.5477137 C6.93619681,21.0124294 4.56325242,21.0124294 3.09853675,19.5477137 C1.63382108,18.083748 1.63382108,15.7093037 3.09853675,14.245338 L12.9335328,4.53783896 C14.9839848,2.48738701 18.3094068,2.48738701 20.3568588,4.53783896 C22.4088107,6.58904088 22.4088107,9.91146301 20.3583588,11.961915 L13.2390491,19.0819746"></path></svg></a></h2>
<p>折り返されても自然な表示かどうか</p>
<h2 id="短い">短い<a aria-hidden="true" tabindex="-1" href="#短い"><svg class="icon icon-link" role="img" xmlns="http://www.w3.org/2000/svg" width="20px" height="20px" viewBox="0 0 24 24" aria-labelledby="paperclipIconTitle" stroke="#2329EE" stroke-width="1" stroke-linecap="square" stroke-linejoin="miter" fill="none" color="#131996"><path d="M7.93517339,13.7795989 L15.1617306,6.55304173 C16.03921,5.67631227 17.4656766,5.67631227 18.343156,6.55304173 C19.2206355,7.43052116 19.2206355,8.85773771 18.343156,9.73521714 L8.40091248,19.5477137 C6.93619681,21.0124294 4.56325242,21.0124294 3.09853675,19.5477137 C1.63382108,18.083748 1.63382108,15.7093037 3.09853675,14.245338 L12.9335328,4.53783896 C14.9839848,2.48738701 18.3094068,2.48738701 20.3568588,4.53783896 C22.4088107,6.58904088 22.4088107,9.91146301 20.3583588,11.961915 L13.2390491,19.0819746"></path></svg></a></h2>
<p>短くても自然な表示かどうか</p></body></html>