<< Chapter < Page Chapter >> Page >
This is the second installment of the CNXML language tutorials. It is designed to give a more comprehensive look at the CNXML tags and explain some more advanced uses of the language. Includes helpful examples of CNXML tags, extending the module created in The Basic CNXML tutorial.

This module contains Connexions documentation which is out-of-date. The contents of this module are provided here for historical purposes only and should not be considered accurate for the current version of the Connexions website. The current (English-language) version of this module can be located at (External Link) . If you have any additional questions or cannot find the answer to your question, please contact techsupport@cnx.org and we will be happy to assist in any way we can.

If you would like to assist Connexions by helping us update this module with an appropriate translation from the current English version, please contact us at cnx@cnx.org as we would appreciate your help with improving our support for non-English-speaking users.

 テキストブックでよくあるように、チャプターやセクションの中に例を入れるでしょう。このため、ドキュメント内に例を含めることができるようにするタグを、CNXMLは提供しています。exampleタグは固有のid属性を持ち、子要素としてほとんどのタグを含むことができます。1番目は任意の name です。詳細が知りたいならば、 CNXML Spec に相談してください。

<example id='tboneexam'><figure id='tbonefig'><name>T-Bone Steak</name><media type='image/jpg' src='tbone.jpg'/></figure></example>

Figure

  figure タグは、ドキュメント内に図を作成するための構造を提供します。それらは2つ以上の subfigure タグか、1つの media タグ、 table タグ、 code タグを含むことができます。

  figure タグは2つの属性を持っています。

  • id - 固有のIDです。必ず必要です。
  • orient - 複数の subfigure (副図)をどのように表示するかを指定する属性です。 vertical horizontal という2つの値が入ります。ディフォルトでは horizontal が入ります。

  figure タグの任意のタグは name です。これは図のタイトルとして使用されます。

  name タグは上で述べられているどのタグにも従います。しかし、最も一般的に使用されるタグは、画像、動画、音声、Javaアプレットなどを含めるmediaタグです。mediaタグは2つの属性を持っています。

  • src - 表示されるメディアの場所
  • type - 表示されるメディアのタイプの定義。それは有効な MIME の一種であるかもしれません
    • audio/FILETYPE - audio/mp3, audio/wav, etc.
    • video/FILETYPE - video/qt, video/mov, etc.
    • image/FILETYPE - image/png, image/gif, etc.
    • application/FILETYPE - application/PostScript, application/x-java-applet, etc.

 最後のタグは任意の caption タグです。これは図の小さな見出しを追加するのに使用されます。

<figure id='tbone'><name>T-Bone Steak</name><media type='image/jpeg' src='tbone.jpg'/><caption>Upon successful completion of these documents, you should be able to grill a steak that looks just as good!</caption></figure>

Subfigure

  subfigure タグは、1つ以上の mediacodetable を同じ figure 内に含めたいときに使用します。

  subfigure タグの使い方は figure タグと同じです。任意の id 属性、任意の最初の子要素の name タグ、1つの mediacodetable があります。

 現在、 figureorient 属性は重要になるので、副図が横並びで表示されるか、縦に表示されるかに関わらず、 orient 属性を指定してください。

<figure orient='horizontal' id='horfig'><name>Steaks</name><subfigure id='subfigtbone1'><name>T-Bone</name><media type='image/jpeg' src='tbone.jpg'/></subfigure><subfigure id='subfingnystrip1'><name>New York Strip</name><media type='image/jpeg' src='ny_strip.gif'/></subfigure><caption>Upon successful completion of these documents, you should be able to grill a steak that looks just as good!</caption></figure> Or <figure orient='vertical' id='verfig'><name>Steaks</name><subfigure id='subfigtbone2'><name>T-Bone</name><media type='image/jpeg' src='tbone.jpg'/></subfigure><subfigure id='subfig2'><name>New York Strip</name><media type='image/jpeg' src='ny_strip.jpg'/></subfigure><caption>Upon successful completion of these documents, you should be able to grill a steak that looks just as good!</caption></figure>

Get Jobilize Job Search Mobile App in your pocket Now!

Get it on Google Play Download on the App Store Now




Source:  OpenStax, Connexions tutorial and reference (japanese version). OpenStax CNX. Aug 26, 2005 Download for free at http://cnx.org/content/col10298/1.9
Google Play and the Google Play logo are trademarks of Google Inc.

Notification Switch

Would you like to follow the 'Connexions tutorial and reference (japanese version)' conversation and receive update notifications?

Ask