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 の知識を追加します。段階的に深く掘り下げていくと、最終的には読者がテーブル レイアウトから標準パワーに自然に移行できるようになります。もちろん、独学でこのステップをクリアした友人がいたら、私の「雑話基準」欄で交流してもいいでしょう。

記事では、CSSマージンプロパティ、特に「マージン:40px 100px 120px 80px」、そのアプリケーション、およびWebページレイアウトへの影響について説明します。

この記事では、カスタマイズ、ベストプラクティス、および応答性に焦点を当てたCSSボーダープロパティについて説明します。主な議論:Border-Radiusは、レスポンシブデザインに最も効果的です。

この記事では、CSSのバックグラウンドプロパティ、Webサイトの設計の強化における使用、および避けるべき一般的な間違いについて説明します。重要な焦点は、バックグラウンドサイズを使用したレスポンシブデザインです。

記事では、CSS HSLの色、Webデザインでの使用、およびRGBよりも利点について説明します。主な焦点は、直感的な色の操作を通じて設計とアクセシビリティを向上させることです。

この記事では、CSSでのコメントの使用について説明し、シングルラインとマルチラインのコメント構文を詳述しています。コメントはコードの読みやすさ、保守性、コラボレーションを強化するが、適切に管理されていないとウェブサイトのパフォーマンスに影響を与える可能性があると主張しています。

この記事では、HTML要素のスタイリングのCSSセレクター、その種類、および使用法について説明します。 IDとクラスのセレクターを比較し、複雑なセレクターでパフォーマンスの問題に対処します。

この記事では、CSSの優先順位について説明し、特異性が最も高いインラインスタイルに焦点を当てています。 CSS競合を管理するための特異性レベル、オーバーライド方法、およびデバッグツールを説明します。

記事では、HTMLにCSSを追加する3つの方法について説明します:インライン、内部、および外部。ウェブサイトのパフォーマンスと初心者の適合性に対する各方法の影響が分析されます。(159文字)


ホットAIツール

Undresser.AI Undress
リアルなヌード写真を作成する AI 搭載アプリ

AI Clothes Remover
写真から衣服を削除するオンライン AI ツール。

Undress AI Tool
脱衣画像を無料で

Clothoff.io
AI衣類リムーバー

Video Face Swap
完全無料の AI 顔交換ツールを使用して、あらゆるビデオの顔を簡単に交換できます。

人気の記事

ホットツール

ドリームウィーバー CS6
ビジュアル Web 開発ツール

WebStorm Mac版
便利なJavaScript開発ツール

AtomエディタMac版ダウンロード
最も人気のあるオープンソースエディター

VSCode Windows 64 ビットのダウンロード
Microsoft によって発売された無料で強力な IDE エディター

DVWA
Damn Vulnerable Web App (DVWA) は、非常に脆弱な PHP/MySQL Web アプリケーションです。その主な目的は、セキュリティ専門家が法的環境でスキルとツールをテストするのに役立ち、Web 開発者が Web アプリケーションを保護するプロセスをより深く理解できるようにし、教師/生徒が教室環境で Web アプリケーションを教え/学習できるようにすることです。安全。 DVWA の目標は、シンプルでわかりやすいインターフェイスを通じて、さまざまな難易度で最も一般的な Web 脆弱性のいくつかを実践することです。このソフトウェアは、

ホットトピック









