<p>するのか<p>しないのか?


16

私は最近、段落を書式設定<div>する<p>ときにタグよりもタグを使用する必要があると主張する同僚と議論をしました。

を使用しない場合は、<p>ブラウザ間の間隔が不規則になり、<b>タグのように時代遅れになる可能性があります。

<p>タグに関するこの意見はコミュニティで共有されていますか?


5
ちょうど指摘するために、<b>(そして<i>そのことに関して)時代遅れではありません。HTML5仕様を確認してください。
DisgruntledGoat

良い点-確認したばかりですが、<b>と<i>は減価償却タグであり、<strong>と<em>を使用するように常に指示されてきました。
BradB

<strong>そして<em>、強調のために常に使用されるべきです。<b>そして<i>その点で廃止されましたが、彼らはHTML5で制限され、使用いえ、合法的な持っています。
DisgruntledGoat

この議論は本当にここに属しますか?これはDoctype
Charles Boyung

@Charles-サイトはまだ初期段階にあるため、現時点では灰色の領域です。強く感じる場合は、meta.webmasters.stackexchange.comで新しいディスカッションを開始するか、こちらにコメントを投稿してください。meta.webmasters.stackexchange.com
Mark Henderson

回答:


41

divsとpsは完全に異なる目的のためです。p段落用でdivあり、部門区分用です。1つはテキストの書式設定用、もう1つはページ構造用です。のdiv代わりに使用することは意味的に正しくありませんp

そして、使用bが推奨されない理由は、プレゼンテーションタグだからです。意味的な意味はありません。どちらpdiv独自のセマンティックな意味を持っています。p人々がテキストを段落にフォーマットする限り、時代遅れになることはありません。

あなたの同僚は、コンテンツとプレゼンテーションの分離の原理に精通していないようです。そうでなければ、彼はなぜb嫌悪されているか、そしてテキストの間隔などの表示の問題はHTMLではなくCSSで定義されるべきであることを知っているでしょう。


11
+1同意します。単に強調するために...(ブラウザー間の不規則な間隔)(それは議論の余地がありますが)は、CSSによって完全に制御できます。
MrWhite

4
うん... p { margin: 1em 0 }この質問全体が無意味になります。
DisgruntledGoat

7
<b>現在、セマンティックな意味を持っています:「b要素は、特別な重要性を伝えることなく、また文書の抄録のキーワードなど、代替の音声やムードの影響なしに、功利主義的な目的のために注目されているテキストの範囲を表します。レビューでの製品名、インタラクティブなテキスト駆動型ソフトウェアでの実用的な言葉、または記事の説明。」(ソース
デビッドマードック

13

<p>そして<div>、彼らは別の意味論的な意味を持っているように、同じ目的のためのものではありません。

  • <p> 段落用です
  • <div> 「文書に構造を追加するための一般的なメカニズムを提供する」ことです。 W3Cのdiv HTML仕様で

<p> XHTMLおよびHTML 5にはまだ存在するため、将来的に廃止されない可能性があります。

両方のタグには、異なるグラフィカルレンダリングがあります。Aに<p>は1emの上部マージンと下部マージンがありますが、<div>にはマージンがまったくありません。ただし、CSSによってオーバーライドされる可能性があるため、この点は二次的です。

また、この違いに注意してください。両方のタグは「ブロック」タイプです<div>が、他のブロック要素のみを含めることができます。したがって:

  • <p><p> bla </p></p> 間違っていますが
  • <div><div> bla </div></div> 大丈夫です

覚えておくべき重要な点は、有効なタグと使用されたタグの両方ですが、同じ目的ではありません。

弊社のサイトを使用することにより、あなたは弊社のクッキーポリシーおよびプライバシーポリシーを読み、理解したものとみなされます。
Licensed under cc by-sa 3.0 with attribution required.