類似の HTML タグ:strong、em、q、cite、blockquote_HTML/Xhtml_Web ページの制作

XHTMLタグの中には似たような機能を持つタグがいくつかありますが、ここでいう類似性とは意味的な類似性のことを指しますので、似たようなタグの使い方を知らない人も多いので、今日のテーマは似たようなタグを分解してそれぞれの機能を明らかにすることです。タグを使用します。 Strong と em の違いについては以前に説明しました。 Strong や em に加えて、q や cite などの類似したタグもあります。
XHTML タグには似たような機能を持つタグがいくつかありますが、ここで言う類似性とは意味的な類似性を指します。そのため、これらの類似したタグの使い方を知らない人も多いでしょう。そこで、今日のトピックは、類似したタグを分解して作成することです。各ラベルの目的は明確です。 Strong と em の違いについては以前に説明しました。 Strong や em に加えて、q、cite、blockquote などの類似したタグがいくつかあります。これら 3 つはすべて参考文献のカテゴリに属しますが、ここではまだいくつかの違いがありますので、最初に 1 つずつ説明しましょう。
、q の機能は、非ブロック要素を引用すること、つまり、段落を形成できない内容を引用することです。誰かが言った文章である場合もあれば、文書の抜粋である場合もあります。 、など、ここでは「一文」に特徴が表れています。また、q 自体は段落を生成しません。 q 自体にはスタイルがなく、一般的なブラウザではそれを目立たせるためのデフォルトのスタイルが設定されません。ただし、CSS を使用して、一般的なコンテンツと区別することができます。 q タグには、非常に重要なもう 1 つの属性があります。それは cite です。この cite 属性値では、主に引用内容の出所を示したり、オンライン アドレスを指定したりするために使用されます。
今回はの段落で詳細をお知らせする内容となります。
これら 2 つのタグは間違いやすいため、p の代わりに q を書かないように特に注意してください。
実は、前回の記事で cite についてお話しました。その記事では 「このタグは文書のタイトルと名前を示すだけです。このタグは後ろの参考文献と似ています。私たちの本の目次の内容も脚注のようなものです。「それでは、彼と q の違いは何ですか？」実は分かりやすく、qは内容を表示する、citeはこの内容を発言した人の名前や本のタイトルを表示するというものです。 Cite と q はよく一緒に使用されます。例えば：
魯迅 氏はこう言いました。 元々地上には道はありませんでしたが、より多くの人が歩くにつれて道ができました 。このサイトでさらに HTML マークアップ コンテンツをご覧ください。
では、blockquote とそれらの違いは何でしょうか? blockquote はブロック引用符であり、XHTML では任意のタグを含めることができます。上記のqと引用はそれほど包括的ではありません。 blockquote の使用は、コンテンツの 1 つ以上の段落を引用する必要がある場合に、通常の段落と区別するためにデフォルトで引用されたコンテンツをインデントするために使用されます。もちろん、CSS スタイルを通じて区別の形式を変更することができます。
blockquote には cite 属性があり、q と同様に引用元を示すために使用されます。その中にオンライン ドキュメントの URL を指定できます。
XHTML タグにも pre タグがあります。このタグは Dreamweaver では「フォーマット」と呼ばれています。以前 Dreamweaver を使用していたとき、これが何に使われるのか知りませんでした。 pre は通常、ソース コードを表示するために使用され、 は、表示されたコンテンツをラップする必要がある場合にのみ、段落を区切る タグをサポートしていないことが明らかになりました。ソース ファイル内の行。実装するためのコードは必要ありません。同時に、pre はメモ内のすべてのスペースを保持して表示します。

一般的に、pre は現在、ソース コードを表示するために使用されます。これは code と似ていますが、pre がブロックレベルであるのに対し、コードはインラインであるという点が異なります。簡単に言えば、pre には複数行のコンテンツを含めることができますが、コードには短い文または数文字しか含めることができません。
ここに記載されている内容はすべてを説明することはできませんので、ドキュメントを読んだ後、実際に試してご自身で特徴を発見する必要があります。友人は、CSS についての知識が欲しいと言いました。ここで私の執筆意図を伝えたいと思います。まだテーブルレイアウトから抜け出していない友達が、全体のレイアウトに影響を与えないいくつかのフォームを最初に使用できるように、段階的に進めていきたいと思っています。 CSS が関係する場合は互換性の問題が発生する可能性があるため、最初にドキュメントについて説明し、その後、全体のレイアウトに影響を与えない CSS の知識を追加します。段階的に深く掘り下げていくと、最終的には読者がテーブル レイアウトから標準パワーに自然に移行できるようになります。もちろん、独学でこのステップをクリアした友人がいたら、私の「雑話基準」欄で交流してもいいでしょう。