HTMLコードの「改行」の貼り方

キーボード

HTMLコードで「改行」したいところに、

<br>

を入れると、その場所で改行できます。

普段、記事をビジュアル画面を使って書いていると、この改行マークを使うことは少ないですが、サイドバーなど、色々とカスタマイズしていくときに、改行を入れたくなるかもしれません。

適度に改行<br>を入れると見やすくなる

パッと見て文字が詰まっていると、内容が難しそうに見えたり、目が疲れる、といった理由で、記事を読まずに帰って行ってしまう人もいます。

せっかく目のストレッチの仕方をおすすめする記事を書いたとしても、見づらいレイアウトだと読むことなくすぐに他のページに移動してしまうので、

はじめから目にやさしいページに仕上げておくのは親切ですね。

目のストレッチの記事

目のストレッチの基本的な方法
近眼になってから、どうしたら目が良くなるのか、いろいろ試してみましたが、以前テレビで観たことのある、このストレッチの方法は、かなり効果がありました。「目が疲れたなー」と思うときには、この眼の体操を思い出してするようにしています。1セットはお

適度に改行を入れたり、段落を変えたりして、ちょっとした空間をいれると、同じ文章もより読みやすくなります。

記事の内容はもちろん大切ですが、どのように見せるかということでも、伝わりやすさや好感度が変わってくるので、見やすい配置を目指したいですね。

また、できるなら、誰かに自分のページを見てもらって、「レイアウトや文章は読みやすいか?」「わかりにくいところはどこか?」という、正直な意見を言ってもらえると良いでしょう。

また、適度に写真を入れたレイアウトにするのもおすすめです。

写真素材の関連記事

写真やイラストのおすすめフリー素材サイト
写真やイラストのおすすめフリー素材サイト
読まれるページにするには、質の高い文章がもちろん重要ですが、写真やイラストがあると、より読みやすくなります。 パッと全体を見たときに...

改行の使いすぎに注意

注意

スマホで記事を読む場合には、一行に表示される文字数が、パソコンよりも少なくなり、配置が変わってきます。

パソコンで見ると最適な余白の位置でも、スマホ表示にすると変なところで例えば、まだ数文字しかないのにいきなり改行するようになっていたりして、バランスが悪くなります。

とくに、文の途中で改行マークを入れると、配置が変わったときに変な位置になってしまいやすいので、改行の使いすぎには要注意です。

時々、文が長くなってしまうときには、「、」点の位置で改行することもありますが、あまり改行マークは入れないようにしています。

スマートフォンでの見え方の記事

モバイルサイトでの見え方をチェックするとわかること
モバイルサイトでの見え方をチェックするとわかること
サイトを作るときに、スマホやタブレットでの見え方を意識しているでしょうか? 人によって、サイトの作り方はやり方が違いますが、最近ではモ...

段落を変えて余白を作るのもいい方法ですよ。

まとめ

改行は、<br> でできます。

たくさん使うと、スマホ表示にしたときにバランスがくずれてしまうことがあるので、あまり多用しないほうがいいと思いますが、

テキストモードで入力したり、CSSで何か書くときには、この改行コードを使うこともあるかもしれませんね!!

おすすめサービス
おすすめサービス
サイトやブログ作りでおすすめのサービス一覧です。 詳細、申し込みや登録は以下のリンクよりどうぞ。 オリジナルドメインでのサイト...

【A8.netを利用するメリット】
◇ 有名ブランドから高額報酬がもらえる広告が掲載できる!
◇ PCはもちろん、スマホからも広告発行が可能!
◇ もちろん会員登録は無料!その後も費用は一切かかりません!
アフィリエイトならA8.net

スポンサーリンク







シェアする

  • このエントリーをはてなブックマークに追加

フォローする

スポンサーリンク