前へ 次へ

8–18 埋め込みブロック

2012年12月追加

CAS記法で表現できない複雑な表をXHTMLで作成して記事中に直接埋め込むことができます。

表表（XHTML）の埋め込み

XHTML表の埋め込み

埋め込みブロック（XHTML表）

また、SVG図形を記事中に直接埋め込むこともできます。

SVG図形は、<svg ・・・> から </svg> までを埋め込んでください。

注　意

埋め込んだ内容は、そのままPDF生成・EPUB生成に使われます。EPUBで利用が許されていないタグ付テキストを埋め込むと、EPUBチェックでエラーになりますので注意してください。

例

(1) CAS記法

:center **XHTMLで作成した表の埋め込み**

<<embed
<table border="1">
<tr><th colspan="2">ふたつのセルが結合されている</th></tr>
<tr><td>あああ</td><td>aaaaa</td></tr>
<tr><td>いいいい</td><td>bbbbbb</td></tr>
<tr><td>ううううう</td><td>cccccc</td></tr>
<tr><td>ええええええ</td><td>dddddd</td></tr>
</table>
>>

(2) 表示例

XHTMLで作成した表の埋め込み

ふたつのセルが結合されている
あああaaaaa
いいいいbbbbbb
うううううcccccc
ええええええdddddd

(3) XHTML

<div class="__embededsection__">

<table border="1">

<tr><td colspan="2">ふたつのセルが結合されている</td></tr>

<tr><td>あああ</td><td>aaaaa</td></tr>

<tr><td>いいいい</td><td>bbbbbb</td></tr>

<tr><td>ううううう</td><td>cccccc</td></tr>

<tr><td>ええええええ</td><td>dddddd</td></tr>

</table>

</div>

埋め込みブロックには'__embededsection__'という属性が付くので、CSSで埋め込みブロック内の表をカスタマイズしたいときは、'.__embededsection__ 'を使ってCSSプロパティを指定してください。

注　意

'<<embed' ・・・ '>>' 中に埋め込める表はひとつだけです。複数の表を埋め込みたいときは、別の埋め込みブロックに分けてください。


前へ 次へ