XML + CSS =幸福

私の子供たちよ、喜んでください。私は平和に、豊かな贈り物をもってあなたに来たからです。 いいえ、あなたが見なかったものを持ってきませんでした。 そして、彼はあなたが持っていないものを持っていませんでした。 私は心の底からいつもあなたの足下にあるものをあなたに手渡しますが、あなたはそれに気づかず、きしむように踏み出し、間違いなく最も重要な事柄を通り過ぎます。



定数! はい、あなたの願望は私の耳に届き、魂の奥深くに到達し、これらの美しい作品を引き出し、ファイルのさまざまな部分の関連する値を同期的に変更できるようにしました。



混ぜて! 私はあなたが相続せずにとても疲れていることを知っています。 要素に追加のクラスを導入するか、電源のダークサイドに切り替える必要があります-黒にコピーして貼り付けます。



これから! あなたの魂は赤ちゃんのように純粋になります。 王子のような金の手。 子供たちは従順で愛想が良いです。



結局のところ、宇宙の秘密を見つけようとするのを待つことはできませんか? すべてが非常に簡単です! 古代の技術からほこりを振り払って、あなたのニーズにそれらを適用するのに十分です。



CSSは、このすべての機能をサポートしているわけではありません。 HTMLはENTITIESをサポートしますが、HTMLパーサーは扱いにくいため受け入れられません。 XMLもサポートを継承しており(見よ!)すべてのXMLパーサーがそれらを使用できます。



CSSをHTMLに埋め込み、機能を失わずにHTMLをXMLに変換し、クライアント側で1つのXHTMLを別のXHTMLに含める方法をすでに知っていますか? あなたは、私の言葉に魅了されたあなたの明確な目でそれを見る方法を知っています。



次に、XMLテクノロジーの力を活用して、偽りの繁栄のフレームワークで停滞する誘惑を克服し、ありふれた限界を超えるWeb開発者と呼ばれる権利を獲得してください。



スタイルの接続は新しいものではありません。



<! DOCTYPE t:stylesheet [ <! ATTLIST t:stylesheet id ID # REQUIRED > ] > <br> <? xml-stylesheet type ="text/xsl" href ="#t:stylesheet" ? > <br> < t:stylesheet id ="t:stylesheet" version ="1.0" xmlns:t ="http://www.w3.org/1999/XSL/Transform" > <br> < t:output doctype-public ="-//W3C//DTD XHTML 2.0//EN" /> <br> < t:template match =" @* | node() " > <br> < t:copy > <br> < t:apply-templates select =" @* | node() " /> <br> </ t:copy > <br> </ t:template > <br> < t:template match =" *[ @src and contains( @srctype, 'xml' ) ] " > <br> < t:copy > <br> < t:apply-templates select =" @* " /> <br> < t:apply-templates select =' document( @src )//body/node() ' /> <br> </ t:copy > <br> </ t:template > <br> < t:template match =" / " > <br> < t:apply-templates select =" document( '#t:stylesheet' )//html " /> <br> </ t:template > <br> < t:template name ="content" > <br> < html > <br> < head > <br> < title > xml-css demo page </ title > <br> < style src ="styles.xml" srctype ="text/xml" ></ style > <br> </ head > <br> < body > <br> < h1 > </ h1 > <br> < p > </ p > <br> </ body > <br> </ html > <br> </ t:template > <br> </ t:stylesheet >





最も興味深いのは、 スタイルファイル自体です。



<! DOCTYPE css [<br><br><! ENTITY color . main "#eee " > <br> <! ENTITY color . add "#369 " > <br><br> <! ENTITY width . padding "32" > <br> <! ENTITY width . border "16" > <br> <! ENTITY width . decor "8" > <br><br> <! ENTITY mixin . header "margin: 0; text-align: center;" > <br><br>] >< css >< body > <br><br>html {<br> background: &color.main;;<br> margin: 0;<br> padding: &width.padding;pt;<br>}<br>h1 { &mixin.header;<br> border: &width.border;pt solid &color.add;;<br> padding: &width.padding;pt;<br> font-size: 32pt;<br> color: &color.add;;<br> line-height: 1em;<br> text-overflow: ellipsis;<br> overflow: hidden;<br>}<br>p { &mixin.header;<br> font-size: 16pt;<br> color: &color.main;;<br> background: &color.add;;<br> padding: 0 &width.border;pt &width.border;pt;<br> font-style: italic;<br> border-bottom: &width.decor;pt dashed &color.main;;<br>}<br><br> </ body ></ css >





平和と理解があなたと共にありますように!



All Articles