Clever Geek Handbook

ルーブル記号とXHTML 1.0 Strict。 一般的なものは何ですか？

それは、ドキュメントタイプ定義（またはDTD、<！DOCTYPE ...>）です。

完全にセマンティックなレイアウトを作成するには、DTDまたはXMLスキーマ標準が必要です。 この記事では、最初の記事を確認し、独自のタグ-<rur>を使用して、2行と1つのCSSスタイルのクロスブラウザ、W3有効なドキュメントを使用する方法を示します。

私が概説した方法を扱ったので、誰でも独自のタグを使用して有効なドキュメントを作成できます。これにより、ドキュメントレイアウトをより柔軟にするだけでなく、ロボットとさらに従事する人々の両方に対して、より意味的に正確で、論理的で理解しやすくなります彼のサポート。





そのため、ルーブルの符号を示す独自のタグをXHTMLで実装する必要があります。 ページがバリデーターによって承認されるためには、整形式（ 注： 「XMLSpec」に関して構文的に正しい）であるだけでなく、有効である必要があります。 DTDとして知られるドキュメントタイプ記述子に従ってコンパイルされます。

DTD XHTML 1.0 Strictを使用しています。有効なドキュメントの説明は、おなじみのURL http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtdにあります。

文書の構造を調べたところ、次の行が見つかりました。

<!--=================== Text Elements ====================================--> <! ENTITY % special . pre "br | span | bdo | map" > * This source code was highlighted with Source Code Highlighter .



  1. <!--=================== Text Elements ====================================--> <! ENTITY % special . pre "br | span | bdo | map" > * This source code was highlighted with Source Code Highlighter .



  3. <!--=================== Text Elements ====================================--> <! ENTITY % special . pre "br | span | bdo | map" > * This source code was highlighted with Source Code Highlighter .



  4. <!--=================== Text Elements ====================================--> <! ENTITY % special . pre "br | span | bdo | map" > * This source code was highlighted with Source Code Highlighter .



<!--=================== Text Elements ====================================--> <! ENTITY % special . pre "br | span | bdo | map" > * This source code was highlighted with Source Code Highlighter .





これらの行は、ドキュメント内でbr、span、bdo、mapタグを使用できることを示しています。 タグはrurと呼ばれます。 既に作成されたDTDに何らかの方法で実装することが残っています。 DTD標準では、ドキュメントタイプ記述子を拡張できます。 これについては詳しく説明しませんが、有効なXHTML 1.0-厳格なドキュメントのDOCTYPEヘッダーのコードをすぐに表示します。





  1. <！ DOCTYPE html PUBLIC "-// W3C // DTD XHTML 1.0 Strict // EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd"
  2. [＆＃ 60 ;！ ENTITY ％ スペシャル 。 pre "br | span | bdo | map | rur" >
  3. <！ 要素 rur （ ＃PCDATA ） >
  4. <！ ATTLIST rur > ] >
*このソースコードは、 ソースコードハイライターで強調表示されました。


上記のコードは、special.preエンティティにrurタグタイプを追加することを意味します。これには、パラメータがなく、解析された文字データを含めることができます。

コードのパフォーマンスを確認するために、有効なXHTMLモックアップにヘッダーと次のコードを埋め込みます。





  1. ルーブルのサイン（ < rur >ルーブル。 </ Rur > ）は、2007年7月1日に流通しました。
  3. < スクリプト タイプ = "text / javascript" >
  4. // <！[CDATA [
  5. i = 0;
  6. while （ true ）
  7. {
  8. var elem = document .getElementsByTagName（ 'rur' ）[i];
  10. if （！elem）{ break ;}
  11. elem.innerHTML = "P" ;
  12. i ++;
  14. }
  15. //]]>
  16. </ スクリプト >
*このソースコードは、 ソースコードハイライターで強調表示されました。




JSコードは非常に理解しやすいと思います-ドキュメントの本文で<rur>タグを検索し、それらのコンテンツを置換します-文字「P」は、ルーブル記号のグラフィックの基礎です。 クライアントにJSがない場合、出力は単に「rub」です。

はい！ そして、ルーブルのCSSを完全に忘れました！





  1. / *ルーブル記号* /
  2. ルール
  3. {
  4. テキスト装飾：ラインスルー。
  5. マージン：0.1em;
  6. }
*このソースコードは、 ソースコードハイライターで強調表示されました。


ところで、あなたはそれを完全に異なるものにすることができます！

そのようなもの。 Khabrolyudiはこの控えめな仕事を十分に評価し、その価値を理解していると思います。 ご清聴ありがとうございました！

チェックするには、 http ： //www.ridev.ru/valid-rur.htmにあるサーバーからソースコードを開きます。

ファイルが1つになるように、意図的にCSSを詰めました。







More articles:


All Articles