Please note, this is a STATIC archive of website developer.mozilla.org from 03 Nov 2016, cach3.com does not collect or store any user information, there is no "phishing" involved.

Revision 516783 of p 要素

  • リビジョンの URL スラグ: Web/HTML/Element/p
  • リビジョンのタイトル: p 要素
  • リビジョンの ID: 516783
  • 作成日:
  • 作成者: yyss
  • 現行リビジョン? いいえ
  • コメント 英語版 Dec 4, 2013 6:10:44 AM に対応。

このリビジョンの内容

概要

p 要素(<p>)は、パラグラフ(段落)を表します。

  • コンテンツカテゴリ フローコンテンツ、パルパブルコンテンツ
  • 許可された内容 フレージングコンテンツ
  • タグの省略 開始タグは必須。後続する要素が {{HTMLElement("address")}}、{{HTMLElement("article")}}、{{HTMLElement("aside")}}、{{HTMLElement("blockquote")}}、{{HTMLElement("div")}}、{{HTMLElement("dl")}}、{{HTMLElement("fieldset")}}、{{HTMLElement("footer")}}、{{HTMLElement("form")}}、{{HTMLElement("h1")}}、{{HTMLElement("h2")}}、{{HTMLElement("h3")}}、{{HTMLElement("h4")}}、{{HTMLElement("h5")}}、{{HTMLElement("h6")}}、{{HTMLElement("header")}}、{{HTMLElement("hr")}}、{{HTMLElement("menu")}}、{{HTMLElement("nav")}}、{{HTMLElement("ol")}}、{{HTMLElement("pre")}}、{{HTMLElement("section")}}、{{HTMLElement("table")}}、{{HTMLElement("ul")}} または別の {{HTMLElement("p")}} 要素のいずれかである、または親要素内で他のコンテンツがなく親要素が {{HTMLElement("a")}} 要素ではない場合は終了タグを省略することが可能。
  • 許可された親要素 フローコンテンツを受け入れるすべての要素
  • DOM インターフェイス {{domxref("HTMLParagraphElement")}}

属性

他の全ての HTML 要素と同様に、この要素は グローバル属性 を持ちます。

{{ HTMLVersionInline("5") }} に於いては <p>align 属性は {{ obsolete_inline() }} となっています。
(訳注: CSS、とりわけ text-align プロパティの使用による調整が最も適切でしょう)

<p>This is the first paragraph of text. これは最初のテキストの段落です。 
  This is the first paragraph of text. これは最初のテキストの段落です。 </p>

<p>This is second paragraph of text. これは二番目のテキストの段落です。
   This is second paragraph of text. これは二番目のテキストの段落です。</p>

表示結果は以下の様になります。

This is the first paragraph of text. これは最初のテキストのパラグラフです。 This is the first paragraph of text. これは最初のテキストのパラグラフのです。

This is second paragraph of text. これは二番目のテキストのパラグラフです。 This is second paragraph of text. これは二番目のテキストのパラグラフです。

注意

p 要素同士の間隔を調整するには CSS の {{CSSxref('margin')}} プロパティを使用して下さい。
空の p 要素 (<p></p>) や br 要素 ({{HTMLElement('br')}}) を 二つの p 要素の間に記述してこれを実現してはなりません。これは誤りです。

仕様

仕様書 策定状況 コメント
{{SpecName('HTML WHATWG', 'grouping-content.html#the-p-element', '<p>')}} {{Spec2('HTML WHATWG')}}  
{{SpecName('HTML5 W3C', 'grouping-content.html#the-p-element', '<p>')}} {{Spec2('HTML5 W3C')}}  
{{SpecName('HTML4.01', 'struct/text.html#h-9.3.1', '<p>')}} {{Spec2('HTML4.01')}}  

ブラウザ実装状況

{{CompatibilityTable}}
機能 Chrome Firefox (Gecko) Internet Explorer Opera Safari (WebKit)
基本サポート 1.0 {{CompatGeckoDesktop("1.0")}} {{CompatVersionUnknown}} {{CompatVersionUnknown}} {{CompatVersionUnknown}}
機能 Android Firefox Mobile (Gecko) IE Phone Opera Mobile Safari Mobile
基本サポート {{CompatVersionUnknown}} {{CompatGeckoMobile("1.0")}} {{CompatVersionUnknown}} {{CompatVersionUnknown}} {{CompatVersionUnknown}}

関連情報

  • {{HTMLElement('hr')}} 要素
  • {{HTMLElement('br')}} 要素
{{HTMLRef}}

このリビジョンのソースコード

<h2 id="Summary" name="Summary">概要</h2>
<p><strong>p 要素</strong>(&lt;p&gt;)は、パラグラフ(段落)を表します。</p>
<ul class="htmlelt">
 <li><dfn><a href="/ja/docs/Web/HTML/Content_categories">コンテンツカテゴリ</a></dfn> <a href="/ja/docs/Web/HTML/Content_categories#Flow_content">フローコンテンツ</a>、パルパブルコンテンツ</li>
 <li><dfn>許可された内容</dfn> <a href="/ja/docs/Web/HTML/Content_categories#Phrasing_content">フレージングコンテンツ</a></li>
 <li><dfn>タグの省略</dfn> 開始タグは必須。後続する要素が {{HTMLElement("address")}}、{{HTMLElement("article")}}、{{HTMLElement("aside")}}、{{HTMLElement("blockquote")}}、{{HTMLElement("div")}}、{{HTMLElement("dl")}}、{{HTMLElement("fieldset")}}、{{HTMLElement("footer")}}、{{HTMLElement("form")}}、{{HTMLElement("h1")}}、{{HTMLElement("h2")}}、{{HTMLElement("h3")}}、{{HTMLElement("h4")}}、{{HTMLElement("h5")}}、{{HTMLElement("h6")}}、{{HTMLElement("header")}}、{{HTMLElement("hr")}}、{{HTMLElement("menu")}}、{{HTMLElement("nav")}}、{{HTMLElement("ol")}}、{{HTMLElement("pre")}}、{{HTMLElement("section")}}、{{HTMLElement("table")}}、{{HTMLElement("ul")}} または別の {{HTMLElement("p")}} 要素のいずれかである、または親要素内で他のコンテンツがなく親要素が {{HTMLElement("a")}} 要素ではない場合は終了タグを省略することが可能。</li>
 <li><dfn>許可された親要素</dfn> <a href="/ja/docs/Web/HTML/Content_categories#Flow_content">フローコンテンツ</a>を受け入れるすべての要素</li>
 <li><dfn>DOM インターフェイス</dfn> {{domxref("HTMLParagraphElement")}}</li>
</ul>
<h2 id="Attributes" name="Attributes">属性</h2>
<p>他の全ての HTML 要素と同様に、この要素は <a href="/ja/docs/HTML/Global_attributes" title="HTML/Global_attributes">グローバル属性</a> を持ちます。</p>
<p>{{ HTMLVersionInline("5") }} に於いては <code>&lt;p&gt;</code> の <strong>align</strong> 属性は {{ obsolete_inline() }} となっています。<br />
 <small>(訳注: CSS、とりわけ text-align プロパティの使用による調整が最も適切でしょう)</small></p>
<h2 id="Example" name="Example">例</h2>
<pre class="brush:html">
&lt;p&gt;This is the first paragraph of text. これは最初のテキストの段落です。 
  This is the first paragraph of text. これは最初のテキストの段落です。 &lt;/p&gt;

&lt;p&gt;This is second paragraph of text. これは二番目のテキストの段落です。
   This is second paragraph of text. これは二番目のテキストの段落です。&lt;/p&gt;
</pre>
<p>表示結果は以下の様になります。</p>
<p>This is the first paragraph of text. これは最初のテキストのパラグラフです。 This is the first paragraph of text. これは最初のテキストのパラグラフのです。</p>
<p>This is second paragraph of text. これは二番目のテキストのパラグラフです。 This is second paragraph of text. これは二番目のテキストのパラグラフです。</p>
<h2 id="Notes" name="Notes">注意</h2>
<p>p 要素同士の間隔を調整するには <a href="/ja/docs/CSS" title="CSS">CSS</a> の {{CSSxref('margin')}} プロパティを使用して下さい。<br />
 空の p 要素 (&lt;p&gt;&lt;/p&gt;) や br 要素 ({{HTMLElement('br')}}) を 二つの p 要素の間に記述してこれを実現してはなりません。これは誤りです。</p>
<h2 id="Specifications" name="Specifications">仕様</h2>
<table class="standard-table">
 <thead>
  <tr>
   <th scope="col">仕様書</th>
   <th scope="col">策定状況</th>
   <th scope="col">コメント</th>
  </tr>
 </thead>
 <tbody>
  <tr>
   <td>{{SpecName('HTML WHATWG', 'grouping-content.html#the-p-element', '&lt;p&gt;')}}</td>
   <td>{{Spec2('HTML WHATWG')}}</td>
   <td>&nbsp;</td>
  </tr>
  <tr>
   <td>{{SpecName('HTML5 W3C', 'grouping-content.html#the-p-element', '&lt;p&gt;')}}</td>
   <td>{{Spec2('HTML5 W3C')}}</td>
   <td>&nbsp;</td>
  </tr>
  <tr>
   <td>{{SpecName('HTML4.01', 'struct/text.html#h-9.3.1', '&lt;p&gt;')}}</td>
   <td>{{Spec2('HTML4.01')}}</td>
   <td>&nbsp;</td>
  </tr>
 </tbody>
</table>
<h2 id="Browser_compatibility" name="Browser_compatibility">ブラウザ実装状況</h2>
<div>
 {{CompatibilityTable}}</div>
<div id="compat-desktop">
 <table class="compat-table">
  <tbody>
   <tr>
    <th>機能</th>
    <th>Chrome</th>
    <th>Firefox (Gecko)</th>
    <th>Internet Explorer</th>
    <th>Opera</th>
    <th>Safari (WebKit)</th>
   </tr>
   <tr>
    <td>基本サポート</td>
    <td>1.0</td>
    <td>{{CompatGeckoDesktop("1.0")}}</td>
    <td>{{CompatVersionUnknown}}</td>
    <td>{{CompatVersionUnknown}}</td>
    <td>{{CompatVersionUnknown}}</td>
   </tr>
  </tbody>
 </table>
</div>
<div id="compat-mobile">
 <table class="compat-table">
  <tbody>
   <tr>
    <th>機能</th>
    <th>Android</th>
    <th>Firefox Mobile (Gecko)</th>
    <th>IE Phone</th>
    <th>Opera Mobile</th>
    <th>Safari Mobile</th>
   </tr>
   <tr>
    <td>基本サポート</td>
    <td>{{CompatVersionUnknown}}</td>
    <td>{{CompatGeckoMobile("1.0")}}</td>
    <td>{{CompatVersionUnknown}}</td>
    <td>{{CompatVersionUnknown}}</td>
    <td>{{CompatVersionUnknown}}</td>
   </tr>
  </tbody>
 </table>
</div>
<h2 id="See_also" name="See_also">関連情報</h2>
<ul>
 <li>{{HTMLElement('hr')}} 要素</li>
 <li>{{HTMLElement('br')}} 要素</li>
</ul>
<div>
 {{HTMLRef}}</div>
このリビジョンへ戻す