<blockquote>
要素よりも要素を使用する利点はあります<div>
か? CSS を学ぶために Web サイトのマークアップを見ていましたが、なぜ<blockquote>
が使用されているのかわかりませんでした。
編集:はい、申し訳ありませんが、明確にしませんでした。<div>
ユーザー名を「テキスト」としてタグとタグを保持するために使用されましたinput
。明らかに引用はありませんでした。
意味的には、blockquote
何かを引用するときにタグが意味をなします。確かに、様式化された div は同じことを行うことができますが、ジョブに適切なタグを使用しないのはなぜですか?
さらに、blockquote タグを使用すると、cite
属性に引用を含めることができます。
理論的には、HTML は可能な限り「セマンティック」である必要があります。つまり、すべての要素がそのコンテンツについて何かを示す必要があります。<h1>
s は最も重要な見出しを囲む必要があります。<p>
s は段落を囲む必要があります。<em>
強調などを示す必要があります。
そうすれば、あなたやスクリーン リーダーなどでコードを見たときに、コードが意味をなすようになります。これは、CSS ルールのすべて (または一部) を理解していないデバイスにも役立ちます。
<blockquote>
含まれるテキストがブロック引用である場合に使用する必要があります。これは私には非常に明白に思えますが、あなたの質問には別の側面がありますか?
彼らが使用している理由として考えblockquote
られるのは、HTML をいじっている多くの人が CSS について十分に知らず、デフォルトでレンダリングとdiv
同じ左マージンを a に与えることができるということです。blockquote
前述のとおり、<blockquote>
引用用です。同様に、ページ コンテンツなどを保持する<p>
ブロック内の段落に複数のブロックを使用します。<div>
HTML5 提案には、ヘッダー、フッター、メニューなどのセマンティック情報を追加することを目的とした、より多くのブロック要素 (つまり、div と同じ) が含まれます。
前述のように、blockquotes は引用用です。table が (ほぼ間違いなく) 表形式のデータであるように、list はリスト、div は分割、p は段落などです。
確かに、div を使えばほとんどすべてのことができます。これが CSS で HTML を使用する利点です。どんなものでも好きなように見せることができます (理論的には、現実の世界ではブラウザーの癖がそれを台無しにすることがあります)。
考えられるあらゆるものに div を使用することは、一般に「divitis」として知られています。少し説明については、この記事を参照してください:)