首頁 > web前端 > css教學 > 主體

使用有趣的自訂標記佈局頁面_經驗交流

WBOY
發布: 2016-05-16 12:10:20
原創
2536 人瀏覽過

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

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

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,其實本來自訂標記就是用在xml上地。大家趕緊自己來試試吧,因為很多東西都是自己從實踐中摸索出來的。

[Ctrl+A 全選 註:如需引入外部Js需刷新才能執行]
來源:php.cn
本網站聲明
本文內容由網友自願投稿,版權歸原作者所有。本站不承擔相應的法律責任。如發現涉嫌抄襲或侵權的內容,請聯絡admin@php.cn
熱門教學
更多>
最新下載
更多>
網站特效
網站源碼
網站素材
前端模板