コンテンツが大切と言われる昨今のWEBサイトにおいて、テキストの読みやすさは極めて重要な要素の1つです。

 

ここでは、PCやスマートフォンといった端末の差にとらわれず、全ての端末でテキストが読みやすいように最適化する方法をお伝えします。

 

「PC版表示タグ」「スマホ版表示タグ」を作る

まずは、PC版とスマホ版で表示を切り替えるためのタグを作ります。詳しい作り方は以下の記事で紹介していますので、参考にしてみてください。

 

 

実際のHTMLでタグを使ってみる

実際に、HTMLを記述する際にタグを使ってみましょう。

 

PC・スマホの両方で改行する時の記述

 

PCのみ改行する時の記述

 

スマホのみ改行する時の記述

 

 

おすすめの記事