Google Docs Spreadsheetでグラフを公開すると、画像にアクセスするための次のコードが表示されます。
<script type="text/javascript"
src="//ajax.googleapis.com/ajax/static/modules/gviz/1.0/chart.js">
{"dataSourceUrl":"//docs.google.com/spreadsheet/tq?
key=...&transpose=0&headers=1&range=A1%3AC72&gid=0&pub=1","options":{"vAxes":...}}
</script>
明らかに、javascriptプログラムは引数として...のテキストを取得します。
ただし、HTML定義(http://www.w3.org/TR/html4/interact/scripts.html): "srcにURI値がある場合、ユーザーエージェントは要素の内容を無視し、URIを介してスクリプトを取得する必要があります。」
(編集:以下のコメントで述べたように、これはすでに議論されており、GoogleがコンテンツにアクセスするためにDOMを使用することに同意しました-これは推奨されません。)
しかし、質問:有効なXHTMLとして引数をエスケープする方法は?Googleは、誰かがタグの間にCTYPE定義を追加したいと考えていることを考慮していないようです。このコードは機能しません:
<script type="text/javascript"
src="//ajax.googleapis.com/ajax/static/modules/gviz/1.0/chart.js">
<![CDATA[
{"dataSourceUrl":"//docs.google.com/spreadsheet/tq?
key=...&transpose=0&headers=1&range=A1%3AC72&gid=0&pub=1","options":{"vAxes":...}}
]]>
</script>