使用有趣的自訂標記佈局頁面_經驗交流
今日は、興味深いカスタム タグを使用してページをレイアウトする方法を学びます。友人の中には、何気なく定義したタグをブラウザが正しく認識するにはどうすればよいのかと疑問を持つ人もいるかもしれません。
ここではドキュメントの名前空間を使用しますが、名前空間とは何を指すのでしょうか?
XML の優れた機能の 1 つはスケーラビリティであることは誰もが知っています。独自のタグを作成することも、他の人が作成したタグを使用することもできます。ここで問題が発生します。つまり、定義したタグ
は他の人が定義したタグと同じである可能性がありますが、それぞれは同じ意味を表します。でも違います。
たとえば、Blue という名前の 2 人の人がいて、1 人は Classic にいて、もう 1 人は Tianya にいます。彼らを見つけたい場合は、次のように説明できます。Tianya: Blue、クラシック:青色なので迷うことはありません。
名前空間の意味は、このドキュメントが誰のものであるかを他の人に伝えることです。 xhtml は html から xml への移行の産物であり、ここで名前空間も提供します。
以下の例を見てください。blueidea という名前のプレフィックスを付けています。http://bbs.blueidea.com は、名前空間を記述するために使用される URL です。 xmlns は xhtml 名前空間を参照します
興味深いことに、マークアップに中国語を使用することもできます (中国語ではエンコードの問題が発生する可能性があります)。このような文書は本当に一目瞭然です。
以下では、「ニュース タイトル」形式と呼ばれるタグを定義します。これは、「blueidea: ニュース タイトル」となります。
次に、CSS の形式で定義します:
blueidea: ニュース タイトル {
}
下面是我寫的一個基本佈局,(兼容IE5、6、7 FF2 OP9)是不是很有意思,象XML,其實本來自訂標記就是用在xml上地。大家趕緊自己來試試吧,因為很多東西都是自己從實踐中摸索出來的。
[Ctrl+A 全選 註:如需引入外部Js需刷新才能執行]

熱AI工具

Undresser.AI Undress
人工智慧驅動的應用程序,用於創建逼真的裸體照片

AI Clothes Remover
用於從照片中去除衣服的線上人工智慧工具。

Undress AI Tool
免費脫衣圖片

Clothoff.io
AI脫衣器

Video Face Swap
使用我們完全免費的人工智慧換臉工具,輕鬆在任何影片中換臉!

熱門文章

熱工具

記事本++7.3.1
好用且免費的程式碼編輯器

SublimeText3漢化版
中文版,非常好用

禪工作室 13.0.1
強大的PHP整合開發環境

Dreamweaver CS6
視覺化網頁開發工具

SublimeText3 Mac版
神級程式碼編輯軟體(SublimeText3)

關於Flex佈局中紫色斜線區域的疑問在使用Flex佈局時,你可能會遇到一些令人困惑的現象,比如在開發者工具(d...
