ホームページ > ウェブフロントエンド > CSSチュートリアル > 興味深いカスタムタグを使用してページをレイアウト_交流体験

興味深いカスタムタグを使用してページをレイアウト_交流体験

WBOY
リリース: 2016-05-16 12:10:20
オリジナル
2553 人が閲覧しました

今日は、興味深いカスタム タグを使用してページをレイアウトする方法を学びます。友人の中には、何気なく定義したタグをブラウザが正しく認識するにはどうすればよいのかと疑問を持つ人もいるかもしれません。

ここではドキュメントの名前空間を使用しますが、名前空間とは何を指すのでしょうか?

XML の優れた機能の 1 つはスケーラビリティであることは誰もが知っています。独自のタグを作成することも、他の人が作成したタグを使用することもできます。ここで問題が発生します。つまり、定義したタグ

は他の人が定義したタグと同じである可能性がありますが、それぞれは同じ意味を表します。でも違います。

たとえば、Blue という名前の 2 人の人がいて、1 人は Classic にいて、もう 1 人は Tianya にいます。彼らを見つけたい場合は、次のように説明できます。Tianya: Blue、クラシック:青色なので迷うことはありません。

名前空間の意味は、このドキュメントが誰に属しているかを他の人に伝えることです。 xhtml は html から xml への移行の産物であり、ここで名前空間も提供します。

以下の例を見てください。blueidea という名前のプレフィックスを付けています。http://bbs.blueidea.com は、名前空間を記述するために使用される URL です。 xmlns は xhtml 名前空間を参照します

コードをコピー コードは次のとおりです:

興味深いことに、マークアップに中国語を使用することもできます (中国語ではエンコードの問題が発生する可能性があります)。このような文書は本当に一目瞭然です。

以下では、「ニュース タイトル」形式と呼ばれるタグを定義します。これは、「blueidea: ニュース タイトル」となります。

コードをコピー コードは次のとおりです:
latest updatetitle>
次に、CSS の形式で定義します:


blueidea: ニュース タイトル {

}
カスタマイズされたタグのデフォルト属性は、a や span などのインライン要素に少し似ていることに注意してください。

以下は私が書いた基本的なレイアウトです (IE5,6,7 FF2 OP9 対応) XML と同様に、カスタム タグも実際に使用されます。皆さん、急いで自分で試してみてください。練習を通じて多くのことが自分で探求されているからです。

[Ctrl+A ですべて選択 注: 外部 Js を導入する必要がある場合は、それを更新して を実行する必要があります]
ソース:php.cn
このウェブサイトの声明
この記事の内容はネチズンが自主的に寄稿したものであり、著作権は原著者に帰属します。このサイトは、それに相当する法的責任を負いません。盗作または侵害の疑いのあるコンテンツを見つけた場合は、admin@php.cn までご連絡ください。
人気のチュートリアル
詳細>
最新のダウンロード
詳細>
ウェブエフェクト
公式サイト
サイト素材
フロントエンドテンプレート