アプリ.com

スマホアプリを徹底攻略!

1つの記事で見せたい部分まで誘導する方法 HTML

Ads by Google

こんにちは、PHBです。今回は見やすい記事のためのHTMLの1つである見せたい記事まで誘導(スムーズクロール)を紹介します!

 

スムーズクロールとは←こちらをクリックすると一番下に飛びます。

 

これができると目次を作成して見やすい記事作りのきっかけになります!

目次

1.スムーズクロールのHTML

2.応用編

3.さいごに

 

スムーズクロールのHTML


使うHTMLは2つです!

入口と出口この2つを使えばすぐに使えますので是非試してみてください。

入口HTML

<a href="#smoothplay">ここに文字が入ります</a>

 

出口HTML

<div id="smoothplay">ここに文字が入ります</div>

 

  Ads by Google

入口と出口の区別の仕方

入口HTML

<a href="#smoothplay◯">ここに文字が入ります</a>

 

◯の部分に数字を入れると区別できます。

例:<a href="#smoothplay1">ここに文字が入ります</a>

出口HTML

<div id="smoothplay◯">ここに文字が入ります</div>

 

例:<div id="smoothplay1">ここに文字が入ります</div>

応用編


文字を大きくさせて飛ばす!

<a href="#smoothplay1"><H2>ここに文字が入ります</2></a> 

 

さいごに


上手に使えば活用できますが、下手に使えば逆に見えにくくなります。

記事によって使い分けると良いでしょう

他にも様々な役立ち記事を用意していますのでブログ作りの参考にしてください!

 

PHBカテゴリー


ブログで使えるHTML カテゴリーの記事一覧

PVを高める方法 カテゴリーの記事一覧

ブログ記事のコツ カテゴリーの記事一覧

 
こちらをクリックするとトップに戻ります

 

Ads by Google