この<p>
タグは他の人のコードでよく使われていますが、自分の仕事では使ったことがありません。
<div>
これがタグを使用するよりもどのような利点があるのでしょうか。
<p>
タグをページに組み込むことで得られるメリットはありますか?<div>
タグなしでタグのみを使用することに不利な点はあります<p>
か?
DIVは、ページ上の別のセクションを示しますが、他のセクションとは意味的に接続されていません。Pタグを使用すると、このテキストが段落に分割されているが、それでも単一のエンティティのままであることを示します。
追加:「セマンティクス」では、HTML全体を単なるマークアップとして扱うのではなく、通常、ページのさまざまな要素が何を表し、それらが互いにどのように関連しているかについて、HTMLから情報を抽出する可能性を指します。たとえば、メニューを作成するときは、その目的でUL(順序なしリスト)を使用することをお勧めします。マークアップから、特定のリストに含まれるすべてのLI(リストアイテム)がおそらく選択オプションを意味することを知ることができるからです。同じレベル。マークアップをできるだけセマンティックに富んだものにしようとすると、障害のある人のスクリーンリーダーに役立つことを私は知っています。
これに関心がない場合は、DIVを使用するかPを使用するかにかかわらず、レンダリングされた結果に実質的な違いはありません。CSSを使用して両方のスタイルを設定し、同じルックアンドフィールを実現できます。
セマンティックHTMLは、まだ努力すべき「絶対的な善」ではありません。多くの人にとって、ページが正しくレンダリングされることだけを望んでいるため、セマンティクスは何の価値も追加しません。そのため、マークアップにテーブルを使用するか(および、テーブルが属していない場所にセマンティクスを追加するか)、CSSに固執するかどうかについての継続的な議論は、すぐには終了しません。
pは「段落」を意味し、divは「除算」を意味します。それはそれが得るのと同じくらい複雑です。これは、検索エンジン、スクレーパー、ツールなどに、これがテキストの段落であることを伝える方法です。
テキストの「段落」を実際にマークアップする場合、divは望ましくありません。
どちらのタグも目的が異なります。
例:ナビゲーションパネルをdivに配置して、ページの左から右に簡単に移動できるようにするか、3列のレイアウトに切り替えます。ナビゲーションのさまざまなセクション(最初は一般的なサイトナビゲーション、次の最新のブログ投稿への特定のホットリンクなど)は、異なる段落に配置することで分離できます。
(悪い例ですが、ナビゲーションは順序付けられていないリストでより適切に表されるためですが、なんとか)。
あなたの質問に直接答えると、HTMLソースで明らかになるように、レイアウトの整理とコンテンツの整理を区別できるという利点があります。
CSSでレイアウトできるようにコンテンツにタグを付ける場合は、おそらく次のようにします<div>
。<p>
テキストの段落を示すために使用する必要があり、それだけです。
(重要な)セマンティクスだけでなく、検証の問題も検討する必要があります。HTML4の仕様によると、HTMLを無効にせず に、他のブロックレベルの要素(、、 otherなど)をの中にネストすることは許可されてい<div>
ませ<ul>
ん<p>
。<p>
<p>
他のネストされたブロック要素を開始できるようにするために、パーサーがを早めに閉じることを選択するインスタンスをいくつか見てきました。
を組み込むことで得られるメリットはありますか
私のページにタグを付けますか?
はい、正しく使用すれば、セマンティックHTMLの使用は常にメリットがあるためです。
これにはさまざまな理由がありますが、簡単な説明が必要な人にとっての主な理由はSEOです。セマンティックHTMLを使用すると、検索エンジンはページをよりよく理解します。
pタグは段落用です。pタグには、多くの場合、タグに含まれるテキストコンテンツに関する追加のCSSスタイルが含まれています。このスタイルは、cssドキュメントのさまざまな場所で定義できます。たとえば、apは通常、その下に少し余分なスペースがあります。pタグを使用して何かをレイアウトしようとすると、パディングが不均一になります。
プログラムの観点からページのコンテンツをより細かく制御したい場合は、divを使用することをお勧めします。すべてのレイアウトの問題についてdivに固執することで、段落専用のpタグを使用することもできます。