首頁
編程語言
C語言|JAVA編程
Python編程
網頁編程
ASP編程|PHP編程
JSP編程
數據庫
MYSQL數據庫|SqlServer數據庫
Oracle數據庫|DB2數據庫
您现在的位置: 程式碼之家 >> 編程語言 >  >> Java 程式設計 >> Java 相關知識

DocBook 5.0 遷移指南(二):為圖片新增超連結

     編輯:Java 相關知識

在 DocBook 中插入圖片很直觀,使用 <mediaobject> 元素即可,它同時支援圖片、影片、音訊等多媒體對象:

<mediaobject>
  <imageobject>
    <imagedata fileref="images/img1.png"/>
  </imageobject>
</mediaobject>

但 <mediaobject> 本身不支援為圖片添加超連結。查閱 DocBook 5.0 規範後,發現需改用 <inlinemediaobject> 搭配 <link> 元素實現:

<para>
  <link xlink:href="https://java.sun.com/docs/books/tutorialJWS/uiswing/learn/ex6/CelsiusConverter.jnlp">
    <inlinemediaobject>
      <imageobject>
        <imagedata fileref="images/jws-launch-button.png"/>
      </imageobject>
      <textobject>
        <phrase>Java™ Web Start</phrase>
      </textobject>
    </inlinemediaobject>
  </link>
</para>

關鍵點解析

  • <inlinemediaobject>:行內媒體對象,可嵌入段落等流式內容中
  • <link xlink:href="...">:XLink 連結,賦予圖片跳轉能力
  • <textobject>:提供替代文字,支援無障礙存取與媒體無法載入時的回退顯示

渲染後,點擊圖片即可跳轉至指定 URL。此模式同樣適用於其他行內媒體類型。

DocBook 圖片連結渲染效果

  1. 上一篇文章:
  2. 下一篇文章:
Copyright © 程式碼之家 All Rights Reserved