私は HTML を学び始めており、私が受けているレッスンでは、<p>
段落タグを使用して本文にテキストを含めるように指示されています。ただし、別のセクションでは、<h1>
タグの間にテキストを挿入するように指示されているだけで、結果は同じようです。<p>
見出しタグの間にタグを含める必要がありますか?
7 に答える
直接回答
いいえ、<p>
見出しの中に は必要ありません。また、そこで使用してはいけません!
HTML 4 DTDおよびHTML 5 コンテンツ モデルの両方によれば、p
要素を内部で使用h1
することはできず、どちらも含めることはできませんh1
。
仕様への参照
HTML 4 では、p
elementはブロック レベルとして定義され、インライン要素のみを含めることができます。同じことがh1
elementにも当てはまります。
HTML 5p
要素は、フロー コンテンツが期待されるコンテキストで使用でき、フレージング コンテンツを含めることができます。h1
要素についても同じことが言えます。
文章
他の回答では、「フリー テキスト」、p
つまり要素の内容がマークアップされていない段落テキストについて言及されていました。HTML 5 では、テキストはフレージング コンテンツとフロー コンテンツの両方に分類され、特に特別なことはありません。HTML 4 の場合、これについてはよくわかりません。また、仕様はそれについてあまり語っていないのではないかと思います。
フロー コンテンツであるということはbody
、そのコンテンツ モデルがフロー コンテンツであるため、テキストを直接埋め込むことができることを意味します。実際、テキストは事実上どこにでも埋め込むことができます。p
通常、空白のシーケンスは表示される前に 1 つにまとめられるため、スタイル設定と段落の区切りには要素を使用する必要があります。しかし、p
ドキュメント全体が見出しと 1 つの段落だけの場合など、いくつかの単純なケースでは使用する必要はありません。
<!DOCTYPE html>
<title>Really minimalistic HTML 5 example</title>
<h1>Really minimalistic HTML 5 example</h1>
And that’s all, folks!
html
、head
およびbody
タグをお探しですか? それらは省略されています。ただし、要素はまだ存在します。でも要素がないp
。Firebug で確認するか、 と にスタイルを適用して確認できbody
ますp
。あなたが望むなら、「それだけです、皆さん!」本当のp
段落にするには、 <p>
「And」の前に置きます。(終了タグ</p>
は省略可能です。)
HTMLの考え方
多くの人が HTML について誤解を招くようなアドバイスを提供しているので、HTML の理解に関する限り、正しい方向に向けたいと思います。
要素はタグではありません。要素は文書構造の単位です。タグは、ドキュメント ソース コード内の要素を表す文字列です。ほとんどの要素には、それらを表すために 2 つのタグ (開始タグと終了タグ) が必要です。たとえばp
、要素は通常、<p>
開始タグ、</p>
終了タグ、およびこれら 2 つの間のテキストで表されます。<p style="color: red">
開始タグは、たとえば、同じ要素の別のタグにすることもできます。開始タグには、要素の属性 (style
この場合は属性) がリストされます。
HTML は、ドキュメントの構造をマークアップするために使用されます。ブラウザーがどういうわけかh1
大きな太字フォントで大きな余白を表示できることは完全に無視できます。CSS は要素の表示を処理します。JS は要素の動作を処理します。
重要なのh1
は、それがレベル 1 の見出しであることです。この意味、これらのセマンティクスがあります。p
一方、は段落です(おおよそ、詳細については HTML の段落に関する私の質問を参照してください)。見出しと段落が文書の 2 つの別個の構成要素であり、それぞれが独立して使用されるのは当然です。要素を適切に使用し、定義されたセマンティクスを尊重することは、スタイルをオフにしたきれいな表示、SEO、スクリーン リーダーによるブラウジング、および全体的なアクセシビリティに必要です。
HTML タグの多くは、表示に関して特別な意味を持っています。
ブロック レベルとインライン レベル。ブロック レベルの要素は意味的に定義され、改行で始まります。インライン要素は、同じ行内でスペースを共有できます。どちらもブロックレベルの要素です<h1>
。<p>
の一般的な意味<h1>
は見出しです。より太く、より大きなテキスト。<p>
大きなテキストを入れるために使用されるタグ。何かの説明を言う。意味に応じて使用することをお勧めします。インライン要素<span>
の例です。要件に応じて、それらの使用方法を判断する必要があります。一般的なイディオムは、ブロック レベル(およびインライン要素) をブロック レベル要素にのみ配置し、要素には配置しないことです。インライン要素。より厳密に言えば、ブラウザー以外の一部の解析環境 (小さなデバイス パブリッシング フォーマットなど) では、そのようなことを行うとエラーがスローされます。
とはいえ、それらをどのように含めるかはすべてあなたの意志です。
高度な理解のために: Mozilla の信頼できるドキュメント
いいえ、そうではありません。テキストをs<h1>
なしで囲むことができます。<p>
影響する CSS ルールを持つライブラリを使用している可能性があります。h1 p
いいえ。
<html>
<head>
</head>
<body>
<h1> My header </h1>
<p> some paragraph </p>
FREE TEXT.. Doesn't need any tags...
</body>
</html>