Web 標準の知識 - 類似した用途のタグ_経験の交換

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 はよく一緒に使用されます。たとえば、

魯迅氏は次のように述べています。もともと地上には道がなかったが、より多くの人がその上を歩くにつれて道ができた。
では、blockquote とそれらの違いは何でしょうか? blockquote は、XHTML で任意のタグを含めることができるブロック引用です。上記のqと引用はそれほど包括的ではありません。 blockquote の使用は、コンテンツの 1 つ以上の段落を引用する必要がある場合に使用されます。通常、ブラウザーは通常の段落と区別するために、引用されたコンテンツをデフォルトでインデントします。もちろん、CSS スタイルを通じて区別の形式を変更することができます。

blockquote には cite 属性があり、q と同様に引用元を示すために使用されます。その中にオンライン ドキュメントの URL を指定できます。

XHTMLタグの中にpreというタグがありますが、このタグはDreamweaverでは「書式設定」と呼ばれるものですが、以前Dreamweaverを使っていた時はこれが何に使われているのか全く分かりませんでした。 pre は通常、ソース コードを表示するために使用され、

などの段落を区切るタグをサポートしていないことが今になって明らかになりました。表示されたコンテンツを折り返す必要がある場合は、ソース ファイル内で折り返すだけで、コードは必要ありませんそれを実装するために。同時に、pre はメモ内のすべてのスペースを保持して表示します。

一般的に、pre は現在ソース コードを表示するために使用されており、コードと似ていますが、pre がブロック レベルであるのに対し、コードはインラインであるという違いがあります。簡単に言えば、pre には複数行のコンテンツを含めることができますが、コードには短い文または数文字しか含めることができません。

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