HPB18　｜　HPB19 コンテンツ一覧
ホーム　＞　HPB19　＞　HTML タグ辞典　＞　<p>タグ
目次　｜　元のページ 前のページ　｜　次のページ サイトマップ　｜　ページEND

<p>タグ

<p>タグ　リファレンス



<p>タグ　説明



<p>タグ（段落タグ）は、段落の区切りを表すために使用します
同様な使い方をするタグに<div>タグ、<span>タグがありますが、 <div>タグ、<p>タグがブロック要素であるのに対し、<span>はインライン要素です


ブロック要素とは


ブロック要素とは、見出し、段落、リスト、フォームなどのひとつのまとまった単位として表される要素です
ブロック要素タグを使用した場合、 一般的なブラウザでは前後に改行が入ります

インライン要素とは主に文章の一部として利用される要素であり、その前後に改行は入りません


<p>タグは、ブロック要素の為、使用時、前後に改行が入ります


<p>タグは、ブロック要素の為、使用時、前後に改行が入ります

改行されたくない場合、<p>タグに、「style="display: inline"」を付けて、<p style="display: inline">タグと記述します


<p>タグの上下に余分な隙間（行間）を空けない方法


また、デフォルトでは、<p>タグの上下に少し余分な隙間（行間）が取られます

通常の改行以上に隙間（行間）を開けたくない場合、<p style="margin : 0px;">のように、スタイル設定で、マージン値を「0」に指定します



<p>タグ　記述例



記述例 <div>第１章は、<p>第１節</p>と<p>第２節</p>から構成されています</div><div>第２章も、<span>第１節</span>と<span>第２節</span>から構成されています</div>
表示例
第１章は、

第１節

と

第２節

から構成されています
第２章も、第１節と第２節から構成されています





ブロックレベル要素　と　インライン要素


HTMLで定義されている要素のうち、<body>～</body>の中で使用される要素の多くは、 ブロックレベル要素（Block-Level Elements）か、インライン要素（Inline Elements）に分類され、それぞれの要素の中に配置できる要素が決まってきます


ブロックレベル要素（Block-Level Elements）


ブロックレベル要素は、見出し、段落、表など、文書を構成する基本となる要素で、一つのブロック（固まり）として認識されます ブラウザでの表示も一つの固まりとして扱われることが多く、一般的なブラウザでは前後に改行が入ります

ブロックレベル要素タグ
<address> <blockquote> <center> <div> <dl> <fieldset> <form> <h1>-<h6> <hr> <noframes> <noscript> <ol> <p> <pre> <table> <ul>


インライン要素（Inline Elements）


インライン要素は、主にブロックレベル要素の内容として用いられる要素で、文章の一部として扱われます
例えば、<p>要素の中の<strong>要素のように、段落のなかの一部を強調するような使われ方をする要素です
一般的なブラウザでは前後に改行が入らず、文章の一部として表示されます

インライン要素タグ
<a> <abbr> <acronym> <b> <basefont> <bdo> <big> <br> <cite> <code> <dfn> <em> <font> <i> <img> <input> <kbd> <label> <q> <s> <samp> <select> <small> <span> <strike> <strong> <sub> <sup> <textarea> <tt> <u> <var>


配置ルール


ブロックレベル要素の中には、他のブロックレベル要素やインライン要素を配置できます
インライン要素の中には、文字データや他のインライン要素を配置することができますが、 ブロックレベル要素は配置できません





<p>タグ　SEOへの影響


段落の区切りは、<br>タグ（改行タグ）ではなく、<p>タグ（段落タグ）の役割です
段落以外での、<p>タグ（段落タグ）の使用は好ましくありません

＜補足＞
SEO （ Search Engine Optimization ： 検索エンジン最適化 ） とは、Google、Yahoo!、Goo 等の検索サイトで検索された際に、検索結果表示ページ（SERP ： サープ ： Search Engine Result Page ）の前の方（上位）に表示されるように工夫して、ホームページ、ブログをつくることです
そのために用いる方法をSEO対策と言い、適切に使うことによりSEOに効果のあるタグがあります
SEO対策について、詳しくお知りになりたい場合、詳細は、「 SEO対策　SEOとは 」をご参照下さい

目次　｜　元のページ 前のページ　｜　次のページ サイトマップ　｜　ページTOP
ホーム　＞　HPB19　＞　HTML タグ辞典　＞　<p>タグ
HPB18　｜　HPB19 コンテンツ一覧
　 　

© 2014 abhp.net All Rights Reserved.

HTML タグ辞典

 ページTOP
ページTOP
ページTOP
ページTOP
ページTOP
ページTOP