HTML に SVG を埋め込むには、サーバが Content-Type:image/svg+xml で返さないといけないので、.htaccess に以下の行を追加。

AddType image/svg+xml .svg
AddType image/svg+xml .svgz

SVG ファイルを外部ファイルに設置して、Object 要素で読み込むという方法に一度はトライしたが、この方法だと、Node に設定した HREF を叩いた時、SVG を読み込んでいる Object 内にハイパーリンク先のページを読み込んでしまうという仕様に遭遇。

これは意図した動作ではなかったので、やはり HTML 内に SVG をベタ書きすることにした。

HTML5 基準なら、body 内にいきなり SVG 要素を書き始めれば良い。

参考：

[SVG][.htaccess]HTMLに外部SVGファイルを埋め込む - すごい速さ

http://coban.jp/blog/2010/10/13/svg-htaccesshtmlに外部svgファイルを埋め込む/

#SVG #HTML5 #Apache #htaccess #Graphviz

SN 2013/06/29 00:07:21

Archives > HTML_SVG_htaccess_AddType.html

随分昔の記憶で、指定した文字列を自動的に改行させたくない場合は <NOBR></NOBR> を使っていたように思うのだが、これは Netscape の独自仕様だそうで、HTML5 では廃止されてるそうです。アーメン。

なので、現在は CSS から white-space: 属性を使いましょう。

/* ボックスの大きさに応じて改行する */
span.normal {
    white-space: normal;
}


/* <PRE> タグといっしょ */
span.pre {
    white-space: pre;
}


/* このクラスの部分文字列は改行しない */
/* ボックスに幅に達する前に、*/
/* 部分文字列ごと次の行に送られる */
span.nowrap {
    white-space: nowrap;
}

参考はいつもお世話になっている、

HTMLクイックリファレンス

http://www.htmq.com/style/white-space.shtml

#HTML #CSS #HTML5

SN 2013/06/27 10:32:01

Archives > HTML_white-space_nowrap.html