hrタグとは?|テーマの変わり目を表そう

hrタグとは?|テーマの変わり目を表そう
博士
リンゴくんはブログを書くとき、話題の切り替えなどはどうやって行っておるかの?
リンゴ
話題の切り替えですか?
うーん、h1〜h6要素を使って新しい見出しで文章を書き始めたりとかですかね。
博士
それも一つの方法じゃな。
それでは、<hr>タグを使ってテーマの変わり目を表す方法は知っておるかの?
リンゴ
<hr>タグ?
 
 
リンゴ
リンゴ
ブログを書くことが大好きな少年。
世界にたった一つのWordPressテーマを作るため、HTML/CSSについて日々勉強中!
博士
博士
リンゴが師と仰ぐ人物。
毎日HTML/CSSデザインの研究をしており、その知識を余すことなくリンゴに教えてくれる。

スポンサーリンク

<hr>タグとは

 

<hr>

対応ブラウザInternet Explorer / Firefox / Google Chrome / Safari / Opera
分類フロー・コンテンツ
利用場所フロー・コンテンツが期待される場所
内容


 
 
<hr>タグは、段落単位でのテーマの変わり目を表す際に使用するタグです。
例えば、物語のシーンが変わるときや、セクション内で別のテーマに変わるときの区切りとして利用されます。
 
 
博士
一般的なブラウザでは、<hr>タグを使うと横罫線が表示されるぞ。
 
 

使用例

 
 

表示例

Nintendo Switch(ニンテンドースイッチ)とは、任天堂から発売された家庭用ゲーム機である。


では実際に、Nintendo Switch(ニンテンドースイッチ)で遊んでみたいと思います。

 
 

まとめ

段落単位でのテーマの変わり目、セクション内におけるテーマの変わり目を表す際は<hr>タグを使います。
 
 

HTML5 タグ図鑑

HTML5タグ全種類を図鑑としてまとめています。タグの意味や使い方でわからないことがあれば、ぜひこのページをご活用ください。

HTML5 タグ図鑑へ

 
HTML5 タグ図鑑

スポンサーリンク








hrタグとは?|テーマの変わり目を表そう